chore: update CI timeout, add Sentry auth token, and enhance Playwright config; add Google Analytics support

Author: mikepsinn

.github/workflows/ci.yml

@@ -74,7 +74,7 @@ jobs:
   web-validate:
     name: web-validate
     runs-on: ubuntu-latest
-    timeout-minutes: 60
+    timeout-minutes: 30
     env:
       CI: true
       DATABASE_URL: postgresql://postgres:postgres@localhost:5432/optimitron_web_ci
@@ -129,6 +129,7 @@ jobs:
       - name: Build web app
         env:
           NODE_OPTIONS: --max-old-space-size=5632
+          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
         run: pnpm --filter @optimitron/web run build
 
       - name: Cache Playwright browsers
@@ -210,6 +211,7 @@ jobs:
         env:
           NODE_OPTIONS: --max-old-space-size=5632
           VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }}
+          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
         run: pnpm dlx vercel@${VERCEL_CLI_VERSION} build --prod --token "$VERCEL_TOKEN"
 
       - name: Deploy production artifact

packages/web/package.json

@@ -38,6 +38,7 @@
     "@metamask/connect-evm": "^0.9.0",
     "@metamask/sdk": "^0.34.0",
     "@next-auth/prisma-adapter": "^1.0.7",
+    "@next/third-parties": "^16.2.2",
     "@optimitron/agent": "workspace:^",
     "@optimitron/chat-ui": "workspace:^",
     "@optimitron/data": "workspace:^",

packages/web/playwright.config.ts

@@ -6,9 +6,9 @@ const isCI = Boolean(process.env.CI);
 
 export default defineConfig({
   testDir: "./e2e",
-  fullyParallel: false,
+  fullyParallel: true,
   retries: 0,
-  workers: 1,
+  workers: isCI ? 4 : 4,
   reporter: isCI ? [["line"], ["html", { open: "never" }]] : "html",
   timeout: 120_000,
   snapshotPathTemplate: `${screenshotDir}/{testName}/{arg}{ext}`,

packages/web/src/app/layout.tsx

@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import { headers } from "next/headers";
 import { DM_Sans, Space_Mono, Source_Serif_4, Press_Start_2P, VT323, Creepster } from "next/font/google";
 import { Analytics } from "@vercel/analytics/next";
+import { GoogleAnalytics } from "@next/third-parties/google";
 import { cookieToInitialState } from "wagmi";
 import "./globals.css";
 import Navbar from "@/components/Navbar";
@@ -106,6 +107,9 @@ export default async function RootLayout({
           <GameScoreBar />
         </Providers>
         <Analytics />
+        {process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID && (
+          <GoogleAnalytics gaId={process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID} />
+        )}
       </body>
     </html>
   );