Update Sentry website monitoring (#103)

psirenny · web-flow · commit 781e32f6de90 · 2025-10-23T06:47:44.000-04:00
diff --git a/.changeset/crisp-dancers-obey.md b/.changeset/crisp-dancers-obey.md
@@ -0,0 +1,5 @@
+---
+"@spear-ai/wisp-website": patch
+---
+
+Fixed Sentry release tracking.
diff --git a/.changeset/plain-jars-clap.md b/.changeset/plain-jars-clap.md
@@ -0,0 +1,5 @@
+---
+"@spear-ai/wisp-website": minor
+---
+
+Added most Sentry integrations.
diff --git a/.changeset/plenty-dancers-turn.md b/.changeset/plenty-dancers-turn.md
@@ -0,0 +1,5 @@
+---
+"@spear-ai/wisp-website": patch
+---
+
+Updated website's Sentry dependencies.
diff --git a/.changeset/ten-cats-study.md b/.changeset/ten-cats-study.md
@@ -0,0 +1,5 @@
+---
+"@spear-ai/wisp-website": patch
+---
+
+Fixed Sentry source map upload.
diff --git a/.changeset/thirty-files-cry.md b/.changeset/thirty-files-cry.md
@@ -0,0 +1,5 @@
+---
+"@spear-ai/wisp-website": minor
+---
+
+Added Sentry logging.
diff --git a/.changeset/wise-buses-rule.md b/.changeset/wise-buses-rule.md
@@ -0,0 +1,5 @@
+---
+"@spear-ai/wisp-website": minor
+---
+
+Added the ability to detect when running in CI.
diff --git a/packages/wisp-website/next.config.ts b/packages/wisp-website/next.config.ts
@@ -3,10 +3,8 @@ import type { NextConfig } from "next";
 
 // eslint-disable-next-line import-x/no-mutable-exports
 let nextConfig: NextConfig = {
-  eslint: {
-    ignoreDuringBuilds: true,
-  },
   poweredByHeader: false,
+  productionBrowserSourceMaps: true,
   // eslint-disable-next-line @typescript-eslint/require-await
   redirects: async () => [
     {
@@ -28,8 +26,8 @@ nextConfig = withSentryConfig(nextConfig, {
   reactComponentAnnotation: {
     enabled: true,
   },
-  silent: process.env.CI === "null",
-  tunnelRoute: "/monitoring",
+  silent: false,
+  tunnelRoute: true,
   widenClientFileUpload: true,
 });
 
diff --git a/packages/wisp-website/package.json b/packages/wisp-website/package.json
@@ -10,7 +10,7 @@
   "type": "module",
   "dependencies": {
     "@formatjs/intl-localematcher": "0.6.2",
-    "@sentry/nextjs": "10.20.0",
+    "@sentry/nextjs": "10.21.0",
     "@t3-oss/env-nextjs": "0.13.8",
     "@vercel/analytics": "1.5.0",
     "memoize": "10.1.0",
diff --git a/packages/wisp-website/sentry.client.config.ts b/packages/wisp-website/sentry.client.config.ts
diff --git a/packages/wisp-website/sentry.edge.config.ts b/packages/wisp-website/sentry.edge.config.ts
@@ -1,9 +1,19 @@
 import * as Sentry from "@sentry/nextjs";
+import {
+  consoleLoggingIntegration,
+  extraErrorDataIntegration,
+  zodErrorsIntegration,
+} from "@sentry/nextjs";
 import { environment } from "@/environment";
 
 Sentry.init({
-  debug: false,
   dsn: environment.NEXT_PUBLIC_SENTRY_DSN,
   enabled: environment.NEXT_PUBLIC_SENTRY_IS_ENABLED,
-  tracesSampleRate: 1,
+  enableLogs: true,
+  integrations: [
+    consoleLoggingIntegration(),
+    extraErrorDataIntegration(),
+    zodErrorsIntegration(),
+  ],
+  tracesSampleRate: 0.01,
 });
diff --git a/packages/wisp-website/sentry.server.config.ts b/packages/wisp-website/sentry.server.config.ts
@@ -1,9 +1,20 @@
+import {
+  consoleLoggingIntegration,
+  extraErrorDataIntegration,
+  pinoIntegration,
+  zodErrorsIntegration,
+} from "@sentry/nextjs";
 import * as Sentry from "@sentry/nextjs";
 import { environment } from "@/environment";
 
 Sentry.init({
-  debug: false,
   dsn: environment.NEXT_PUBLIC_SENTRY_DSN,
-  enabled: environment.NEXT_PUBLIC_SENTRY_IS_ENABLED,
-  tracesSampleRate: 1,
+  enableLogs: true,
+  integrations: [
+    consoleLoggingIntegration(),
+    extraErrorDataIntegration(),
+    zodErrorsIntegration(),
+    pinoIntegration(),
+  ],
+  tracesSampleRate: 0.01,
 });
diff --git a/packages/wisp-website/src/environment.ts b/packages/wisp-website/src/environment.ts
@@ -1,13 +1,50 @@
 import { createEnv } from "@t3-oss/env-nextjs";
+import { vercel } from "@t3-oss/env-nextjs/presets-zod";
 import { z } from "zod";
 
 export const environment = createEnv({
   client: {
-    NEXT_PUBLIC_SENTRY_DSN: z.string().min(1),
-    NEXT_PUBLIC_SENTRY_IS_ENABLED: z.stringbool().default(false),
+    NEXT_PUBLIC_SENTRY_DSN: z
+      .string()
+      .trim()
+      .nullish()
+      .transform((value) => value ?? ""),
+    NEXT_PUBLIC_SENTRY_IS_ENABLED: z
+      .enum(["", "false", "true", "false"])
+      .nullish()
+      .transform((value) => value === "true"),
   },
+  createFinalSchema: (shape) =>
+    z.object(shape).transform((environment_, context) => {
+      if (
+        environment_.NEXT_PUBLIC_SENTRY_IS_ENABLED &&
+        environment_.NEXT_PUBLIC_SENTRY_DSN === ""
+      ) {
+        context.addIssue({
+          code: "custom",
+          message:
+            "`NEXT_PUBLIC_SENTRY_DSN` is required when `NEXT_PUBLIC_SENTRY_IS_ENABLED` is true.",
+        });
+
+        return z.NEVER;
+      }
+
+      return environment_;
+    }),
+  extends: [vercel()],
   runtimeEnv: {
+    CI: process.env.CI,
     NEXT_PUBLIC_SENTRY_DSN: process.env.NEXT_PUBLIC_SENTRY_DSN,
     NEXT_PUBLIC_SENTRY_IS_ENABLED: process.env.NEXT_PUBLIC_SENTRY_IS_ENABLED,
   },
+  server: {
+    CI: z
+      .string()
+      .trim()
+      .nullish()
+      .transform(
+        (value) => (value === "" || value == null ? "false" : "true") as string,
+      )
+      .pipe(z.stringbool()),
+  },
 });
diff --git a/packages/wisp-website/src/instrumentation-client.ts b/packages/wisp-website/src/instrumentation-client.ts
@@ -0,0 +1,45 @@
+import * as Sentry from "@sentry/nextjs";
+import {
+  browserProfilingIntegration,
+  consoleLoggingIntegration,
+  extraErrorDataIntegration,
+  featureFlagsIntegration,
+  graphqlClientIntegration,
+  httpClientIntegration,
+  moduleMetadataIntegration,
+  replayCanvasIntegration,
+  replayIntegration,
+  zodErrorsIntegration,
+} from "@sentry/nextjs";
+import { environment } from "@/environment";
+
+Sentry.init({
+  dsn: environment.NEXT_PUBLIC_SENTRY_DSN,
+  enabled: environment.NEXT_PUBLIC_SENTRY_IS_ENABLED,
+  enableLogs: true,
+  integrations: [
+    consoleLoggingIntegration(),
+    browserProfilingIntegration(),
+    extraErrorDataIntegration(),
+    featureFlagsIntegration(),
+    graphqlClientIntegration({
+      endpoints: [/.*/v],
+    }),
+    httpClientIntegration(),
+    moduleMetadataIntegration(),
+    replayCanvasIntegration(),
+    replayIntegration({
+      // TODO: Enable these options once we're properly masking PII.
+      // blockAllMedia: false,
+      // maskAllInputs: false,
+      // maskAllText: false,
+    }),
+    zodErrorsIntegration(),
+  ],
+  replaysOnErrorSampleRate: 1,
+  replaysSessionSampleRate: 0.01,
+  tracesSampleRate: 0.01,
+});
+
+// eslint-disable-next-line import-x/namespace
+export const onRouterTransitionStart = Sentry.captureRouterTransitionStart;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/turbo.json b/turbo.json

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@spear-ai/wisp-website": patch
 +---
++
 +Fixed Sentry release tracking.