apps/web/src/app/layout.tsx

import { Suspense } from 'react';

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

import { FeatureFlagProvider } from '@documenso/lib/client-only/providers/feature-flag';
import { LocaleProvider } from '@documenso/lib/client-only/providers/locale';
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 { PlausibleProvider } from '~/providers/plausible';
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 const metadata = {
  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.',
  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',
  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: [`${process.env.NEXT_PUBLIC_WEBAPP_URL}/opengraph-image.jpg`],
  },
  twitter: {
    site: '@documenso',
    card: 'summary_large_image',
    images: [`${process.env.NEXT_PUBLIC_WEBAPP_URL}/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" />
      </head>

      <Suspense>
        <PostHogPageview />
      </Suspense>

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

            <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 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';`
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';`
wip: refresh design 2023-06-09 18:21:18 +10:00			`import { PlausibleProvider } from '~/providers/plausible';`
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
			`export const metadata = {`
			`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.',`
			`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',`
			`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',`
feat: add vercel build script 2023-09-14 15:00:14 +10:00			images: [`${process.env.NEXT_PUBLIC_WEBAPP_URL}/opengraph-image.jpg`],
wip: refresh design 2023-06-09 18:21:18 +10:00			`},`
			`twitter: {`
			`site: '@documenso',`
			`card: 'summary_large_image',`
feat: add vercel build script 2023-09-14 15:00:14 +10:00			images: [`${process.env.NEXT_PUBLIC_WEBAPP_URL}/opengraph-image.jpg`],
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.',`
			`},`
			`};`

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" />`
			`</head>`

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}>`
			`<PlausibleProvider>`
			`<ThemeProvider attribute="class" defaultTheme="system" enableSystem>`
			`<TooltipProvider>`
			`<TrpcProvider>{children}</TrpcProvider>`
			`</TooltipProvider>`
			`</ThemeProvider>`
			`</PlausibleProvider>`
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>`
			`);`
			`}`