chore: enable bundle analyzer and update Sentry configuration

Author: pettinarip

.env.example

@@ -37,4 +37,7 @@ LIMIT_CPUS=
 
 # Sentry auth token required for error tracking
 SENTRY_AUTH_TOKEN=
-NEXT_PUBLIC_SENTRY_DSN=
+NEXT_PUBLIC_SENTRY_DSN=
+
+# Enables the bundle analyzer
+ANALYZE=false

next.config.js

@@ -1,10 +1,10 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 const { PHASE_DEVELOPMENT_SERVER } = require("next/constants")
 const { withSentryConfig } = require("@sentry/nextjs")
-const { DefinePlugin } = require("webpack")
+const webpack = require("webpack")
 
 const withBundleAnalyzer = require("@next/bundle-analyzer")({
-  enabled: true,
+  enabled: process.env.ANALYZE === "true",
 })
 
 const { i18n } = require("./next-i18next.config")
@@ -38,15 +38,18 @@ module.exports = (phase, { defaultConfig }) => {
         use: "@svgr/webpack",
       })
 
-      config.plugins.push(
-        new DefinePlugin({
-          __SENTRY_DEBUG__: false,
-          __SENTRY_TRACING__: false,
-        })
-      )
-
       return config
     },
+    plugins: [
+      // Tree shake Sentry debug code
+      // ref. https://docs.sentry.io/platforms/javascript/guides/nextjs/configuration/tree-shaking/#tree-shaking-with-nextjs
+      new webpack.DefinePlugin({
+        __SENTRY_DEBUG__: false,
+        __RRWEB_EXCLUDE_IFRAME__: true,
+        __RRWEB_EXCLUDE_SHADOW_DOM__: true,
+        __SENTRY_EXCLUDE_REPLAY_WORKER__: true,
+      }),
+    ],
     i18n,
     trailingSlash: true,
     images: {
@@ -82,10 +85,13 @@ module.exports = (phase, { defaultConfig }) => {
 
   return withBundleAnalyzer(
     withSentryConfig(nextConfig, {
+      // TODO: temp config, update this to the correct org & project
       org: "ethereumorg-ow",
       project: "javascript-nextjs",
       authToken: process.env.SENTRY_AUTH_TOKEN,
-      silent: false,
+      silent: true,
+      disableLogger: true,
+      release: `${process.env.BUILD_ID}_${process.env.REVIEW_ID}`,
     })
   )
 }

sentry.client.config.ts

@@ -2,12 +2,6 @@ import * as Sentry from "@sentry/nextjs"
 
 Sentry.init({
   dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
-  enabled: process.env.NODE_ENV === "production",
-  // Replay may only be enabled for the client-side
-  // integrations: [Sentry.replayIntegration()],
+  enabled: process.env.CONTEXT === "production",
   tracesSampleRate: 1.0,
-  // Capture Replay for 10% of all sessions,
-  // plus for 100% of sessions with an error
-  replaysSessionSampleRate: 0.1,
-  replaysOnErrorSampleRate: 1.0,
 })

sentry.edge.config.ts

@@ -2,6 +2,6 @@ import * as Sentry from "@sentry/nextjs"
 
 Sentry.init({
   dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
-  enabled: process.env.NODE_ENV === "production",
+  enabled: process.env.CONTEXT === "production",
   tracesSampleRate: 1.0,
 })

sentry.server.config.ts

@@ -2,6 +2,6 @@ import * as Sentry from "@sentry/nextjs"
 
 Sentry.init({
   dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
-  enabled: process.env.NODE_ENV === "production",
+  enabled: process.env.CONTEXT === "production",
   tracesSampleRate: 1.0,
 })