payload is working! must use webpack

2026-03-26 15:52:28 -05:00
parent 13b8b36c4c
commit 0d83380251
32 changed files with 1182 additions and 18330 deletions
--- a/apps/next/src/app/(frontend)/global-error.tsx
+++ b/apps/next/src/app/(frontend)/global-error.tsx
@@ -0,0 +1,82 @@
+'use client';
+
+import type { Metadata, Viewport } from 'next';
+import NextError from 'next/error';
+import { Geist, Geist_Mono } from 'next/font/google';
+
+import '@/app/styles.css';
+
+import { useEffect } from 'react';
+import Footer from '@/components/layout/footer';
+import Header from '@/components/layout/header';
+import { ConvexClientProvider } from '@/components/providers';
+import { env } from '@/env';
+import { generateMetadata } from '@/lib/metadata';
+import * as Sentry from '@sentry/nextjs';
+import PlausibleProvider from 'next-plausible';
+
+import { Button, ThemeProvider, Toaster } from '@gib/ui';
+
+export const metadata: Metadata = generateMetadata();
+
+export const viewport: Viewport = {
+  themeColor: [
+    { media: '(prefers-color-scheme: light)', color: 'white' },
+    { media: '(prefers-color-scheme: dark)', color: 'black' },
+  ],
+};
+
+const geistSans = Geist({
+  subsets: ['latin'],
+  variable: '--font-geist-sans',
+});
+const geistMono = Geist_Mono({
+  subsets: ['latin'],
+  variable: '--font-geist-mono',
+});
+
+interface GlobalErrorProps {
+  error: Error & { digest?: string };
+  reset?: () => void;
+}
+
+const GlobalError = ({ error, reset = undefined }: GlobalErrorProps) => {
+  useEffect(() => {
+    Sentry.captureException(error);
+  }, [error]);
+  return (
+    <PlausibleProvider
+      domain={env.NEXT_PUBLIC_SITE_URL.trim().replace(/^https?:\/\//, '')}
+      customDomain={env.NEXT_PUBLIC_PLAUSIBLE_URL}
+    >
+      <html lang='en' suppressHydrationWarning>
+        <body
+          className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+        >
+          <ThemeProvider
+            attribute='class'
+            defaultTheme='system'
+            enableSystem
+            disableTransitionOnChange
+          >
+            <ConvexClientProvider>
+              <main className='flex min-h-screen flex-col items-center'>
+                <Header />
+                <NextError statusCode={0} />
+                {reset !== undefined && (
+                  <Button onClick={() => reset()}>Try Again</Button>
+                )}
+                <Toaster />
+                <Footer />
+              </main>
+              <main className='flex min-h-[90vh] flex-col items-center'>
+                <Toaster />
+              </main>
+            </ConvexClientProvider>
+          </ThemeProvider>
+        </body>
+      </html>
+    </PlausibleProvider>
+  );
+};
+export default GlobalError;