mirror of
https://github.com/supabase/supabase.git
synced 2026-10-08 10:55:06 +03:00
98 lines
2.8 KiB
TypeScript
98 lines
2.8 KiB
TypeScript
import { DefaultSeo } from 'next-seo'
|
|
import { useRouter } from 'next/router'
|
|
import { useEffect } from 'react'
|
|
import { AppPropsWithLayout } from 'types'
|
|
import Favicons from '~/components/Favicons'
|
|
import { post } from '~/lib/fetchWrappers'
|
|
import '../styles/algolia-search.scss'
|
|
import '../styles/ch.scss'
|
|
import '../styles/docsearch.scss'
|
|
import '../styles/main.scss?v=1.0.0'
|
|
import '../styles/new-docs.scss'
|
|
import '../styles/prism-okaidia.scss'
|
|
// import { menuState } from '~/hooks/useMenuState'
|
|
import SiteRefLayout from '~/layouts/SiteRefLayout'
|
|
|
|
function MyApp({ Component, pageProps }: AppPropsWithLayout) {
|
|
const router = useRouter()
|
|
|
|
function telemetry(route: string) {
|
|
return post(`https://api.supabase.io/platform/telemetry/page`, {
|
|
referrer: document.referrer,
|
|
title: document.title,
|
|
route,
|
|
})
|
|
}
|
|
|
|
useEffect(() => {
|
|
function handleRouteChange(url: string) {
|
|
/*
|
|
* handle telemetry
|
|
*/
|
|
telemetry(url)
|
|
/*
|
|
* handle "scroll to top" behaviour on route change
|
|
*/
|
|
// if (document) {
|
|
// console.log('url', url)
|
|
// // do not scroll to top for reference docs
|
|
// if (!url.includes('reference/')) {
|
|
// // scroll container div to top
|
|
// const container = document.getElementById('docs-content-container')
|
|
// // check container exists (only avail on new docs)
|
|
// if (container) container.scrollTop = 0
|
|
// }
|
|
// }
|
|
// menuState.setMenuMobileOpen(false)
|
|
}
|
|
|
|
// function handlePagrScroll() {}
|
|
// // Listen for page changes after a navigation or when the query changes
|
|
// router.events.on('routeChangeComplete', handleRouteChange)
|
|
// return () => {
|
|
// router.events.off('routeChangeComplete', handleRouteChange)
|
|
// }
|
|
}, [router.events])
|
|
|
|
const SITE_TITLE = 'Supabase Documentation'
|
|
const SITE_DESCRIPTION = 'The open source Firebase alternative.'
|
|
const { basePath } = useRouter()
|
|
|
|
return (
|
|
<>
|
|
<Favicons />
|
|
<DefaultSeo
|
|
title={SITE_TITLE}
|
|
description={SITE_DESCRIPTION}
|
|
openGraph={{
|
|
type: 'website',
|
|
url: 'https://supabase.com/docs',
|
|
site_name: SITE_TITLE,
|
|
images: [
|
|
{
|
|
url: `https://supabase.com${basePath}/img/supabase-og-image.png`,
|
|
width: 800,
|
|
height: 600,
|
|
alt: 'Supabase Og Image',
|
|
},
|
|
],
|
|
}}
|
|
twitter={{
|
|
handle: '@supabase',
|
|
site: '@supabase',
|
|
cardType: 'summary_large_image',
|
|
}}
|
|
/>
|
|
{/* <ThemeProvider> */}
|
|
{/* <SearchProvider> */}
|
|
<SiteRefLayout>
|
|
<Component {...pageProps} />
|
|
</SiteRefLayout>
|
|
{/* </SearchProvider> */}
|
|
{/* </ThemeProvider> */}
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default MyApp
|