deps: Update sentry (#485)

.gitignore

@@ -45,3 +45,4 @@ reacher_backends.json
 
 # Sentry Config File
 .sentryclirc
+.env.sentry-build-plugin

next.config.js

@@ -16,40 +16,37 @@ const apiConfig = {
 
 const { withSentryConfig } = require("@sentry/nextjs");
 
-module.exports = withSentryConfig(
-	apiConfig,
-	{
-		// For all available options, see:
-		// https://github.com/getsentry/sentry-webpack-plugin#options
-
-		// Suppresses source map uploading logs during build
-		silent: true,
-		org: "reacherhq",
-		project: "webapp",
-	},
-	{
-		// For all available options, see:
-		// https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/
+module.exports = withSentryConfig(module.exports, {
+	// For all available options, see:
+	// https://github.com/getsentry/sentry-webpack-plugin#options
+
+	org: "reacherhq",
+	project: "webapp",
+
+	// Only print logs for uploading source maps in CI
+	silent: !process.env.CI,
 
-		// Upload a larger set of source maps for prettier stack traces (increases build time)
-		widenClientFileUpload: true,
+	// For all available options, see:
+	// https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/
 
-		// Transpiles SDK to be compatible with IE11 (increases bundle size)
-		transpileClientSDK: true,
+	// Upload a larger set of source maps for prettier stack traces (increases build time)
+	widenClientFileUpload: true,
 
-		// Routes browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers (increases server load)
-		tunnelRoute: "/monitoring",
+	// Uncomment to route browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers.
+	// This can increase your server load as well as your hosting bill.
+	// Note: Check that the configured route will not match with your Next.js middleware, otherwise reporting of client-
+	// side errors will fail.
+	// tunnelRoute: "/monitoring",
 
-		// 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. (Does not yet work with App Router route handlers.)
+	// See the following for more information:
+	// https://docs.sentry.io/product/crons/
+	// https://vercel.com/docs/cron-jobs
+	automaticVercelMonitors: true,
+});

package.json

@@ -21,7 +21,7 @@
 		"@hcaptcha/react-hcaptcha": "^1.9.2",
 		"@reacherhq/api": "^0.3.10",
 		"@sendinblue/client": "^3.3.1",
-		"@sentry/nextjs": "^7.91.0",
+		"@sentry/nextjs": "^8",
 		"@stripe/stripe-js": "^1.52.0",
 		"@supabase/auth-ui-react": "^0.4.6",
 		"@supabase/ssr": "^0.0.10",

sentry.client.config.ts

@@ -21,7 +21,7 @@ Sentry.init({
 
 	// You can remove this option if you're not planning to use the Sentry Session Replay feature:
 	integrations: [
-		new Sentry.Replay({
+		Sentry.replayIntegration({
 			// Additional Replay configuration goes in here, for example:
 			maskAllText: true,
 			blockAllMedia: true,

sentry.server.config.ts

@@ -12,4 +12,7 @@ Sentry.init({
 
 	// Setting this option to true will print useful information to the console while you're setting up Sentry.
 	debug: false,
+
+	// Uncomment the line below to enable Spotlight (https://spotlightjs.com)
+	// spotlight: process.env.NODE_ENV === 'development',
 });

src/instrumentation.ts

@@ -0,0 +1,9 @@
+export async function register() {
+	if (process.env.NEXT_RUNTIME === "nodejs") {
+		await import("../sentry.server.config");
+	}
+
+	if (process.env.NEXT_RUNTIME === "edge") {
+		await import("../sentry.edge.config");
+	}
+}