removes custom document

This commit is contained in:
Steve Ruiz 2021-09-03 16:15:10 +01:00
parent 69462632a5
commit 00d9146895
5 changed files with 80 additions and 78 deletions

View file

@ -1,76 +0,0 @@
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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,78 @@
// 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
export {}