feat(site): sentry

mythal · Dec 21, 2024 · bdaad61 · bdaad61
1 parent e661190
commit bdaad61
Show file tree

Hide file tree

Showing 7 changed files with 166 additions and 91 deletions.
diff --git a/apps/site/global-error.tsx b/apps/site/global-error.tsx
@@ -0,0 +1,25 @@
+'use client';
+
+import * as Sentry from '@sentry/nextjs';
+import NextError from 'next/error';
+import { useEffect } from 'react';
+
+export default function GlobalError({ error }: { error: Error & { digest?: string } }) {
+  useEffect(() => {
+    if (process.env.SENTRY_DSN) {
+      Sentry.captureException(error);
+    }
+  }, [error]);
+
+  return (
+    <html>
+      <body>
+        {/* `NextError` is the default Next.js error page component. Its type
+        definition requires a `statusCode` prop. However, since the App Router
+        does not expose status codes for errors, we simply pass 0 to render a
+        generic error message. */}
+        <NextError statusCode={0} />
+      </body>
+    </html>
+  );
+}
diff --git a/apps/site/instrumentation.ts b/apps/site/instrumentation.ts
@@ -0,0 +1,17 @@
+import * as Sentry from '@sentry/nextjs';
+
+export function register() {
+  const sentryDsn = process.env.SENTRY_DSN;
+  if (sentryDsn) {
+    Sentry.init({
+      dsn: sentryDsn,
+
+      // Set tracesSampleRate to 1.0 to capture 100%
+      // of transactions for tracing.
+      // We recommend adjusting this value in production
+      // Learn more at
+      // https://docs.sentry.io/platforms/javascript/configuration/options/#traces-sample-rate
+      tracesSampleRate: 1.0,
+    });
+  }
+}
diff --git a/apps/site/next.config.js b/apps/site/next.config.js
@@ -1,5 +1,6 @@
 const path = require('path');
 const withBundleAnalyzer = require('@next/bundle-analyzer')();
+const { withSentryConfig } = require('@sentry/nextjs');
 const BACKEND_URL = process.env.BACKEND_URL;
 const STANDALONE = process.env.STANDALONE === 'true';
 if (!BACKEND_URL) {
@@ -27,6 +28,7 @@ const config = {
     BACKEND_URL: process.env.BACKEND_URL,
     APP_URL: process.env.APP_URL,
     DOMAIN: process.env.DOMAIN,
+    SENTRY_DSN: process.env.SENTRY_DSN,
   },
   transpilePackages: ['@boluo/ui', '@boluo/common'],
   experimental: {
@@ -43,4 +45,18 @@ const config = {
   },
 };
 
-module.exports = process.env.ANALYZE === 'true' ? withBundleAnalyzer(config) : config;
+if (process.env.SENTRY_DSN) {
+  module.exports = withSentryConfig(config, {
+    org: 'mythal' ?? process.env.SENTRY_ORG,
+    sentryUrl: process.env.SENTRY_URL ?? 'https://sentry.io/',
+    project: 'boluo-site' ?? process.env.SENTRY_PROJECT_SITE,
+    disableLogger: true,
+    authToken: process.env.SENTRY_TOKEN,
+    widenClientFileUpload: true,
+    silent: true,
+  });
+} else if (process.env.ANALYZE === 'true') {
+  module.exports = withBundleAnalyzer(config);
+} else {
+  module.exports = config;
+}
diff --git a/apps/site/package.json b/apps/site/package.json
@@ -24,6 +24,7 @@
     "@boluo/utils": "*",
     "@formatjs/intl": "^3.0.4",
     "@next/mdx": "^14.1.1",
+    "@sentry/nextjs": "^8.47.0",
     "clsx": "^2.1.0",
     "jotai": "^2.7.0",
     "negotiator": "^1.0.0",

diff --git a/apps/site/src/app/[lang]/echo/page.tsx b/apps/site/src/app/[lang]/echo/page.tsx
@@ -1,6 +1,6 @@
-import { Metadata } from 'next';
+import { type Metadata } from 'next';
 import { cookies, headers } from 'next/headers';
-import { getIntl, LangParams } from '@boluo/common/server';
+import { getIntl, type LangParams } from '@boluo/common/server';
 
 export function generateMetadata({ params }: { params: LangParams }): Metadata {
   const intl = getIntl(params);

diff --git a/apps/spa/next.config.js b/apps/spa/next.config.js
@@ -30,7 +30,7 @@ if (process.env.SENTRY_DSN) {
   module.exports = withSentryConfig(config, {
     org: 'mythal' ?? process.env.SENTRY_ORG,
     sentryUrl: process.env.SENTRY_URL ?? 'https://sentry.io/',
-    project: 'boluo-app' ?? process.env.SENTRY_PROJECT,
+    project: 'boluo-spa' ?? process.env.SENTRY_PROJECT,
     autoInstrumentServerFunctions: false,
     autoInstrumentMiddleware: false,
     disableLogger: true,