24e9be73cc
This reverts commitda0f8df4d7. Revert "Update package.json" This reverts commit522f87c833. Revert "removes custom document" This reverts commit00d9146895. Revert "Remove a dep that may have been causing issues" This reverts commit69462632a5. Revert "Update index.tsx" This reverts commitd05807bbfb. Revert "Adds manifest" This reverts commit1c30552643.
76 lines
2.7 KiB
XML
76 lines
2.7 KiB
XML
import NextDocument, { Html, Head, Main, NextScript, DocumentContext } from 'next/document'
|
|
import { getCssText } from '-styles'
|
|
import { GA_TRACKING_ID } from '-utils/gtag'
|
|
|
|
class MyDocument extends NextDocument {
|
|
static async getInitialProps(ctx: DocumentContext) {
|
|
const initialProps = await NextDocument.getInitialProps(ctx)
|
|
|
|
return {
|
|
...initialProps,
|
|
styles: (
|
|
<>
|
|
{initialProps.styles}
|
|
<style id="stitches" dangerouslySetInnerHTML={{ __html: getCssText() }} />
|
|
</>
|
|
),
|
|
}
|
|
}
|
|
|
|
render(): JSX.Element {
|
|
const APP_NAME = 'tldraw'
|
|
const APP_DESCRIPTION = 'A tiny little drawing app.'
|
|
const APP_URL = 'https://tldraw.com'
|
|
|
|
return (
|
|
<Html lang="en">
|
|
<Head>
|
|
<meta name="application-name" content={APP_NAME} />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
|
<meta name="apple-mobile-web-app-title" content={APP_NAME} />
|
|
<meta name="description" content={APP_DESCRIPTION} />
|
|
<meta name="format-detection" content="telephone=no" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta name="theme-color" content="#fafafa" />
|
|
|
|
<meta name="twitter:card" content="summary" />
|
|
<meta name="twitter:url" content={APP_URL} />
|
|
<meta name="twitter:title" content={APP_NAME} />
|
|
<meta name="twitter:description" content={APP_DESCRIPTION} />
|
|
<meta name="twitter:creator" content="@steveruizok" />
|
|
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:title" content={APP_NAME} />
|
|
<meta property="og:description" content={APP_DESCRIPTION} />
|
|
<meta property="og:site_name" content={APP_NAME} />
|
|
<meta property="og:url" content={APP_URL} />
|
|
|
|
<link rel="manifest" href="/manifest.json" />
|
|
<link rel="shortcut icon" href="/favicon.ico" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png" />
|
|
|
|
<script async src={`https://www.googletagmanager.com/gtag/js?id=${GA_TRACKING_ID}`} />
|
|
<script
|
|
dangerouslySetInnerHTML={{
|
|
__html: `
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
gtag('config', '${GA_TRACKING_ID}', {
|
|
page_path: window.location.pathname,
|
|
});
|
|
`,
|
|
}}
|
|
/>
|
|
</Head>
|
|
<body>
|
|
<Main />
|
|
<NextScript />
|
|
</body>
|
|
</Html>
|
|
)
|
|
}
|
|
}
|
|
|
|
export default MyDocument
|