apps/web/src/app/layout.tsx

import { Suspense } from 'react';

import { Caveat, Inter } from 'next/font/google';

import { AxiomWebVitals } from 'next-axiom';
import { PublicEnvScript } from 'next-runtime-env';

import { FeatureFlagProvider } from '@documenso/lib/client-only/providers/feature-flag';
import { LocaleProvider } from '@documenso/lib/client-only/providers/locale';
import { NEXT_PUBLIC_WEBAPP_URL } from '@documenso/lib/constants/app';
import { getServerComponentAllFlags } from '@documenso/lib/server-only/feature-flags/get-server-component-feature-flag';
import { getLocale } from '@documenso/lib/server-only/headers/get-locale';
import { TrpcProvider } from '@documenso/trpc/react';
import { cn } from '@documenso/ui/lib/utils';
import { Toaster } from '@documenso/ui/primitives/toaster';
import { TooltipProvider } from '@documenso/ui/primitives/tooltip';

import { ThemeProvider } from '~/providers/next-theme';
import { PostHogPageview } from '~/providers/posthog';

import './globals.css';

const fontInter = Inter({ subsets: ['latin'], variable: '--font-sans' });
const fontCaveat = Caveat({ subsets: ['latin'], variable: '--font-signature' });

export function generateMetadata() {
  return {
    title: {
      template: '%s - Documenso',
      default: 'Documenso',
    },
    description:
      'Join Documenso, the open signing infrastructure, and get a 10x better signing experience. Pricing starts at $30/mo. forever! Sign in now and enjoy a faster, smarter, and more beautiful document signing process. Integrates with your favorite tools, customizable, and expandable. Support our mission and become a part of our open-source community.',
    keywords:
      'Documenso, open source, DocuSign alternative, document signing, open signing infrastructure, open-source community, fast signing, beautiful signing, smart templates',
    authors: { name: 'Documenso, Inc.' },
    robots: 'index, follow',
    metadataBase: new URL(NEXT_PUBLIC_WEBAPP_URL() ?? 'http://localhost:3000'),
    openGraph: {
      title: 'Documenso - The Open Source DocuSign Alternative',
      description:
        'Join Documenso, the open signing infrastructure, and get a 10x better signing experience. Pricing starts at $30/mo. forever! Sign in now and enjoy a faster, smarter, and more beautiful document signing process. Integrates with your favorite tools, customizable, and expandable. Support our mission and become a part of our open-source community.',
      type: 'website',
      images: ['/opengraph-image.jpg'],
    },
    twitter: {
      site: '@documenso',
      card: 'summary_large_image',
      images: ['/opengraph-image.jpg'],
      description:
        'Join Documenso, the open signing infrastructure, and get a 10x better signing experience. Pricing starts at $30/mo. forever! Sign in now and enjoy a faster, smarter, and more beautiful document signing process. Integrates with your favorite tools, customizable, and expandable. Support our mission and become a part of our open-source community.',
    },
  };
}

export default async function RootLayout({ children }: { children: React.ReactNode }) {
  const flags = await getServerComponentAllFlags();

  const locale = getLocale();

  return (
    <html
      lang="en"
      className={cn(fontInter.variable, fontCaveat.variable)}
      suppressHydrationWarning
    >
      <head>
        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
        <link rel="manifest" href="/site.webmanifest" />
        <PublicEnvScript />
      </head>

      <AxiomWebVitals />

      <Suspense>
        <PostHogPageview />
      </Suspense>

      <body>
        <LocaleProvider locale={locale}>
          <FeatureFlagProvider initialFlags={flags}>
            <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
              <TooltipProvider>
                <TrpcProvider>{children}</TrpcProvider>
              </TooltipProvider>
            </ThemeProvider>

            <Toaster />
          </FeatureFlagProvider>
        </LocaleProvider>
      </body>
    </html>
  );
}
feat: feature flags 2023-08-18 20:05:14 +10:00			`import { Suspense } from 'react';`

feat: document authoring 2023-08-17 19:56:18 +10:00			`import { Caveat, Inter } from 'next/font/google';`
wip: refresh design 2023-06-09 18:21:18 +10:00
feat: add axiom web vitals (#1071) ## Description Added support for Axiom web vitals https://axiom.co/docs/apps/vercel#web-vitals 2024-04-03 15:32:34 +08:00			`import { AxiomWebVitals } from 'next-axiom';`
fix: update env entries to evaluate at runtime 2024-01-31 22:32:42 +11:00			`import { PublicEnvScript } from 'next-runtime-env';`
feat: add next-runtime-env 2024-01-25 10:48:20 +02:00
feat: add single player mode 2023-09-20 13:48:30 +10:00			`import { FeatureFlagProvider } from '@documenso/lib/client-only/providers/feature-flag';`
feat: update document table layout (#371) * feat: update document table layout - Removed dashboard page - Removed redundant ID column - Moved date to first column - Added estimated locales for SSR dates 2023-09-12 14:29:27 +10:00			`import { LocaleProvider } from '@documenso/lib/client-only/providers/locale';`
fix: update env entries to evaluate at runtime 2024-01-31 22:32:42 +11:00			`import { NEXT_PUBLIC_WEBAPP_URL } from '@documenso/lib/constants/app';`
feat: add single player mode 2023-09-20 13:48:30 +10:00			`import { getServerComponentAllFlags } from '@documenso/lib/server-only/feature-flags/get-server-component-feature-flag';`
feat: update document table layout (#371) * feat: update document table layout - Removed dashboard page - Removed redundant ID column - Moved date to first column - Added estimated locales for SSR dates 2023-09-12 14:29:27 +10:00			`import { getLocale } from '@documenso/lib/server-only/headers/get-locale';`
wip: refresh design 2023-06-09 18:21:18 +10:00			`import { TrpcProvider } from '@documenso/trpc/react';`
feat: document authoring 2023-08-17 19:56:18 +10:00			`import { cn } from '@documenso/ui/lib/utils';`
wip: refresh design 2023-06-09 18:21:18 +10:00			`import { Toaster } from '@documenso/ui/primitives/toaster';`
feat: use server-actions for authoring flow This change actually makes the authoring flow work for the most part by tying in emailing and more. We have also done a number of quality of life updates to simplify the codebase overall making it easier to continue work on the refresh. 2023-07-26 18:52:53 +10:00			`import { TooltipProvider } from '@documenso/ui/primitives/tooltip';`
wip: refresh design 2023-06-09 18:21:18 +10:00
adding dark mode to feat/refresh 2023-06-11 01:50:19 -04:00			`import { ThemeProvider } from '~/providers/next-theme';`
feat: feature flags 2023-08-18 20:05:14 +10:00			`import { PostHogPageview } from '~/providers/posthog';`
wip: refresh design 2023-06-09 18:21:18 +10:00
			`import './globals.css';`

			`const fontInter = Inter({ subsets: ['latin'], variable: '--font-sans' });`
feat: document authoring 2023-08-17 19:56:18 +10:00			`const fontCaveat = Caveat({ subsets: ['latin'], variable: '--font-signature' });`
wip: refresh design 2023-06-09 18:21:18 +10:00
fix: build issues 2024-02-12 01:29:22 +00:00			`export function generateMetadata() {`
			`return {`
			`title: {`
			`template: '%s - Documenso',`
			`default: 'Documenso',`
			`},`
wip: refresh design 2023-06-09 18:21:18 +10:00			`description:`
			`'Join Documenso, the open signing infrastructure, and get a 10x better signing experience. Pricing starts at $30/mo. forever! Sign in now and enjoy a faster, smarter, and more beautiful document signing process. Integrates with your favorite tools, customizable, and expandable. Support our mission and become a part of our open-source community.',`
fix: build issues 2024-02-12 01:29:22 +00:00			`keywords:`
			`'Documenso, open source, DocuSign alternative, document signing, open signing infrastructure, open-source community, fast signing, beautiful signing, smart templates',`
			`authors: { name: 'Documenso, Inc.' },`
			`robots: 'index, follow',`
			`metadataBase: new URL(NEXT_PUBLIC_WEBAPP_URL() ?? 'http://localhost:3000'),`
			`openGraph: {`
			`title: 'Documenso - The Open Source DocuSign Alternative',`
			`description:`
			`'Join Documenso, the open signing infrastructure, and get a 10x better signing experience. Pricing starts at $30/mo. forever! Sign in now and enjoy a faster, smarter, and more beautiful document signing process. Integrates with your favorite tools, customizable, and expandable. Support our mission and become a part of our open-source community.',`
			`type: 'website',`
			`images: ['/opengraph-image.jpg'],`
			`},`
			`twitter: {`
			`site: '@documenso',`
			`card: 'summary_large_image',`
			`images: ['/opengraph-image.jpg'],`
			`description:`
			`'Join Documenso, the open signing infrastructure, and get a 10x better signing experience. Pricing starts at $30/mo. forever! Sign in now and enjoy a faster, smarter, and more beautiful document signing process. Integrates with your favorite tools, customizable, and expandable. Support our mission and become a part of our open-source community.',`
			`},`
			`};`
			`}`
wip: refresh design 2023-06-09 18:21:18 +10:00
feat: feature flags 2023-08-18 20:05:14 +10:00			`export default async function RootLayout({ children }: { children: React.ReactNode }) {`
			`const flags = await getServerComponentAllFlags();`

feat: update document table layout (#371) * feat: update document table layout - Removed dashboard page - Removed redundant ID column - Moved date to first column - Added estimated locales for SSR dates 2023-09-12 14:29:27 +10:00			`const locale = getLocale();`

wip: refresh design 2023-06-09 18:21:18 +10:00			`return (`
feat: document authoring 2023-08-17 19:56:18 +10:00			`<html`
			`lang="en"`
			`className={cn(fontInter.variable, fontCaveat.variable)}`
			`suppressHydrationWarning`
			`>`
wip: refresh design 2023-06-09 18:21:18 +10:00			`<head>`
			`<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />`
			`<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />`
			`<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />`
			`<link rel="manifest" href="/site.webmanifest" />`
feat: add next-runtime-env 2024-01-25 10:48:20 +02:00			`<PublicEnvScript />`
wip: refresh design 2023-06-09 18:21:18 +10:00			`</head>`

feat: add axiom web vitals (#1071) ## Description Added support for Axiom web vitals https://axiom.co/docs/apps/vercel#web-vitals 2024-04-03 15:32:34 +08:00			`<AxiomWebVitals />`

feat: feature flags 2023-08-18 20:05:14 +10:00			`<Suspense>`
			`<PostHogPageview />`
			`</Suspense>`

wip: refresh design 2023-06-09 18:21:18 +10:00			`<body>`
feat: update document table layout (#371) * feat: update document table layout - Removed dashboard page - Removed redundant ID column - Moved date to first column - Added estimated locales for SSR dates 2023-09-12 14:29:27 +10:00			`<LocaleProvider locale={locale}>`
			`<FeatureFlagProvider initialFlags={flags}>`
fix: remove plausible provider 2023-11-17 10:55:09 +11:00			`<ThemeProvider attribute="class" defaultTheme="system" enableSystem>`
			`<TooltipProvider>`
			`<TrpcProvider>{children}</TrpcProvider>`
			`</TooltipProvider>`
			`</ThemeProvider>`
feat: darker dark theme 2023-09-24 14:45:50 +10:00
feat: update document table layout (#371) * feat: update document table layout - Removed dashboard page - Removed redundant ID column - Moved date to first column - Added estimated locales for SSR dates 2023-09-12 14:29:27 +10:00			`<Toaster />`
			`</FeatureFlagProvider>`
			`</LocaleProvider>`
wip: refresh design 2023-06-09 18:21:18 +10:00			`</body>`
			`</html>`
			`);`
			`}`