deps: Bump SDK to v8 alpha (#9628)

Co-authored-by: Daniel Griesser <[email protected]>

Author: Luca Forstner

app/changelog/[slug]/page.tsx

@@ -1,6 +1,5 @@
 import {Fragment, Suspense} from 'react';
 import {type Category, type Changelog} from '@prisma/client';
-import * as Sentry from '@sentry/nextjs';
 import {GET as sessionHandler} from 'app/api/auth/[...nextauth]/route';
 import type {Metadata, ResolvingMetadata} from 'next';
 import {unstable_cache} from 'next/cache';
@@ -37,9 +36,6 @@ export async function generateMetadata(
     openGraph: {
       images: changelog?.image || (await parent).openGraph?.images,
     },
-    other: {
-      'sentry-trace': `${Sentry.getActiveSpan()?.toTraceparent()}`,
-    },
   };
 }
 

app/changelog/page.tsx

@@ -1,5 +1,4 @@
 import {Fragment} from 'react';
-import * as Sentry from '@sentry/nextjs';
 import type {Metadata} from 'next';
 
 import List from 'sentry-docs/components/changelog/list';
@@ -27,8 +26,5 @@ export function generateMetadata(): Metadata {
     alternates: {
       canonical: `https://sentry.io/changelog/`,
     },
-    other: {
-      'sentry-trace': `${Sentry.getActiveSpan()?.toTraceparent()}`,
-    },
   };
 }

next.config.js

@@ -1,6 +1,7 @@
 const createMDX = require('@next/mdx');
 const remarkPrism = require('remark-prism');
-const { codecovWebpackPlugin } = require('@codecov/webpack-plugin');
+const {codecovWebpackPlugin} = require('@codecov/webpack-plugin');
+const {withSentryConfig} = require('@sentry/nextjs');
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
@@ -22,7 +23,7 @@ const nextConfig = {
     );
 
     return config;
-  }
+  },
 };
 
 const withMDX = createMDX({
@@ -33,41 +34,28 @@ const withMDX = createMDX({
 
 module.exports = withMDX(nextConfig);
 
-// Injected content via Sentry wizard below
-
-const { withSentryConfig } = require('@sentry/nextjs');
+module.exports = withSentryConfig(module.exports, {
+  org: 'sentry',
+  project: 'docs',
 
-module.exports = withSentryConfig(
-  module.exports,
-  {
-    // For all available options, see:
-    // https://github.com/getsentry/sentry-webpack-plugin#options
+  // Suppresses source map uploading logs during build
+  silent: !process.env.CI,
 
-    // Suppresses source map uploading logs during build
-    silent: true,
-    org: 'sentry',
-    project: 'docs',
-  },
-  {
-    // For all available options, see:
-    // https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/
+  // Upload a larger set of source maps for prettier stack traces (increases build time)
+  widenClientFileUpload: true,
 
-    // Upload a larger set of source maps for prettier stack traces (increases build time)
-    widenClientFileUpload: true,
+  // Transpiles SDK to be compatible with IE11 (increases bundle size)
+  transpileClientSDK: true,
 
-    // Transpiles SDK to be compatible with IE11 (increases bundle size)
-    transpileClientSDK: true,
+  // Hides source maps from generated client bundles
+  hideSourceMaps: true,
 
-    // Hides source maps from generated client bundles
-    hideSourceMaps: true,
+  // Automatically tree-shake Sentry logger statements to reduce bundle size
+  disableLogger: true,
 
-    // Automatically tree-shake Sentry logger statements to reduce bundle size
-    disableLogger: true,
-
-    // Enables automatic instrumentation of Vercel Cron Monitors.
-    // See the following for more information:
-    // https://docs.sentry.io/product/crons/
-    // https://vercel.com/docs/cron-jobs
-    automaticVercelMonitors: true,
-  }
-);
+  // Enables automatic instrumentation of Vercel Cron Monitors.
+  // See the following for more information:
+  // https://docs.sentry.io/product/crons/
+  // https://vercel.com/docs/cron-jobs
+  automaticVercelMonitors: true,
+});

package.json

@@ -41,7 +41,7 @@
     "@radix-ui/react-toolbar": "^1.0.4",
     "@radix-ui/themes": "^2.0.3",
     "@sentry-internal/global-search": "^0.5.10",
-    "@sentry/nextjs": "^7.109.0",
+    "@sentry/nextjs": "^8.0.0-alpha.9",
     "@types/mdx": "^2.0.9",
     "bootstrap": "4.6.1",
     "esbuild": "^0.19.8",

sentry.client.config.ts

@@ -6,7 +6,7 @@ import * as Sentry from '@sentry/nextjs';
 import * as Spotlight from '@spotlightjs/spotlight';
 
 Sentry.init({
-  dsn: 'https://[email protected]/1267915',
+  dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
 
   // Adjust this value in production, or use tracesSampler for greater control
   tracesSampleRate: 1,

sentry.edge.config.ts

@@ -0,0 +1,22 @@
+import * as Sentry from '@sentry/nextjs';
+
+export function register() {
+  if (process.env.NEXT_RUNTIME === 'nodejs') {
+    Sentry.init({
+      dsn: process.env.SENTRY_DSN,
+      tracesSampleRate: 1,
+      debug: false,
+      environment: process.env.NODE_ENV === 'development' ? 'development' : undefined,
+      spotlight: process.env.NODE_ENV === 'development',
+    });
+  }
+
+  if (process.env.NEXT_RUNTIME === 'edge') {
+    Sentry.init({
+      dsn: process.env.SENTRY_DSN,
+      tracesSampleRate: 1,
+      debug: false,
+      environment: process.env.NODE_ENV === 'development' ? 'development' : undefined,
+    });
+  }
+}

sentry.server.config.ts

@@ -1,4 +1,3 @@
-import type {Transaction} from '@sentry/browser';
 import qs from 'query-string';
 
 export function sortBy<A>(arr: A[], comp: (v: A) => number): A[] {
@@ -70,16 +69,6 @@ export const marketingUrlParams = (): URLQueryObject => {
   return marketingParams;
 };
 
-export function getCurrentTransaction(): Transaction | undefined {
-  try {
-    // getCurrentScope() may not be defined yet, as we are using the Loader Script
-    // so we guard defensively against all of these existing.
-    return window.Sentry.getCurrentScope().getTransaction();
-  } catch {
-    return undefined;
-  }
-}
-
 export function captureException(exception: unknown): void {
   try {
     // Sentry may not be available, as we are using the Loader Script