Update packages sentry (#1771)

* chore: Update @sentry/nextjs-7.71.0 to 7.80.0

* add sentry package

* update sentry config

* update debug value in sentry web

* feat: add sentry config and update webpack build

* update environment variables

* Minimize comments

* Update .env

* Update .env.sample

* Update .gitignore

* Delete apps/web/pages/sentry-example-page/index.jsx

* Delete apps/web/pages/api/sentry-example-api/index.ts

* Update next.config.js

* Update sentry.client.config.ts

* Update sentry.edge.config.ts

* Update sentry.client.config.ts

* Update sentry.server.config.ts

* Update next.config.js

* Update next.config.js

* Update sentry.client.config.ts

* Update sentry.edge.config.ts

* Update .env

* Update .env.sample

* fix: DNS -> DSN

---------

Co-authored-by: Ruslan K <[email protected]>

apps/web/.env

@@ -2,7 +2,7 @@ RECOIL_DUPLICATE_ATOM_KEY_CHECKING_ENABLED=false
 
 NEXT_PUBLIC_GAUZY_API_SERVER_URL=https://api.gauzy.co
 GAUZY_API_SERVER_URL=https://api.gauzy.co/api
-NEXT_PUBLIC_GA_MEASUREMENT_ID=SOME_MEASUREMENT_ID
+NEXT_PUBLIC_GA_MEASUREMENT_ID=
 
 # CAPTCHA Settings
 NEXT_PUBLIC_CAPTCHA_SITE_KEY=
@@ -22,7 +22,7 @@ SMTP_SECURE=
 SMTP_USERNAME=
 SMTP_PASSWORD=
 
-# Disable auto api refresh
+# Disable auto API refresh
 NEXT_PUBLIC_DISABLE_AUTO_REFRESH=false
 
 # App Defaults
@@ -47,7 +47,10 @@ MEET_JWT_APP_SECRET=
 # SENTRY
 SENTRY_ORG=ever-co
 SENTRY_PROJECT=ever-teams-web
-NEXT_PUBLIC_SENTRY_DNS=
+SENTRY_LOG_LEVEL=info # info | debug
+SENTRY_AUTH_TOKEN=
+SENTRY_DSN=
+NEXT_PUBLIC_SENTRY_DSN=
 NEXT_PUBLIC_SENTRY_DEBUG=false # true/false
 
 # JITSU

apps/web/.env.sample

@@ -31,9 +31,12 @@ APP_LOGO_URL='https://app.ever.team/assets/ever-teams.png'
 NEXT_PUBLIC_COOKIE_DOMAINS=ever.team
 
 # SENTRY
-SENTRY_ORG=
-SENTRY_PROJECT=
-NEXT_PUBLIC_SENTRY_DNS=
+SENTRY_ORG=ever-co
+SENTRY_PROJECT=ever-teams-web
+SENTRY_LOG_LEVEL=info # info|debug
+SENTRY_AUTH_TOKEN=
+SENTRY_DSN=
+NEXT_PUBLIC_SENTRY_DSN=
 NEXT_PUBLIC_SENTRY_DEBUG=false # true/false
 
 # Jitsu

apps/web/.gitignore

@@ -35,5 +35,5 @@ yarn-error.log*
 *.tsbuildinfo
 next-env.d.ts
 
-# Sentry Auth Token
+# Sentry Config File with Auth Token
 .sentryclirc

apps/web/next.config.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
 const path = require('path');
 
 // eslint-disable-next-line @typescript-eslint/no-var-requires
@@ -20,49 +21,50 @@ const nextConfig = {
 			'res.cloudinary.com',
 			'localhost',
 			'127.0.0.1',
-			'cdn-icons-png.flaticon.com', // Remove this domain once Backend Icons list are added
+			'cdn-icons-png.flaticon.com', // Remove this domain once the Backend Icons list is added
 			'api.gauzy.co',
 			'apistage.gauzy.co',
 			'gauzy.s3.wasabisys.com'
 		]
-	}
-};
-
-// module.exports = nextConfig;
-
-// Injected content via Sentry wizard below
-
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const { withSentryConfig } = require('@sentry/nextjs');
-
-module.exports = withSentryConfig(
-	nextConfig,
-	{
-		// For all available options, see:
-		// https://github.com/getsentry/sentry-webpack-plugin#options
-
-		// Suppresses source map uploading logs during build
-		silent: true,
-		org: process.env.SENTRY_ORG,
-		project: process.env.SENTRY_PROJECT
-	},
-	{
-		// For all available options, see:
-		// https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/
-
+	}, // Optional build-time configuration options
+	sentry: {
+		// 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,
-
+	
 		// Transpiles SDK to be compatible with IE11 (increases bundle size)
 		transpileClientSDK: true,
-
+	
 		// Routes browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers (increases server load)
 		tunnelRoute: '/monitoring',
-
+	
 		// Hides source maps from generated client bundles
 		hideSourceMaps: true,
-
+	
 		// Automatically tree-shake Sentry logger statements to reduce bundle size
 		disableLogger: true
 	}
-);
+};
+
+// Injected content via Sentry wizard below
+const { withSentryConfig } = require('@sentry/nextjs');
+
+const sentryWebpackPluginOptions = {	
+	org: process.env.SENTRY_ORG,
+	project: process.env.SENTRY_PROJECT,
+
+	// An auth token is required for uploading source maps.
+	authToken: process.env.SENTRY_AUTH_TOKEN,
+
+	silent: true, // Suppresses all logs
+
+    dryRun: process.env.NODE_ENV !== "production"
+
+	// Additional config options for the Sentry Webpack plugin. 
+	// Keep in mind that https://github.com/getsentry/sentry-webpack-plugin#options.
+};
+
+// Make sure adding Sentry options is the last code to run before exporting
+module.exports = process.env.NODE_ENV === "production" && process.env.SENTRY_DSN
+	? withSentryConfig(nextConfig, sentryWebpackPluginOptions) : nextConfig

apps/web/package.json

@@ -31,7 +31,7 @@
 		"@radix-ui/react-select": "^2.0.0",
 		"@radix-ui/react-slot": "^1.0.2",
 		"@radix-ui/react-toast": "^1.1.4",
-		"@sentry/nextjs": "^7.71.0",
+		"@sentry/nextjs": "^7.80.0",
 		"@tanstack/react-table": "^8.10.7",
 		"@types/react-google-recaptcha": "^2.1.5",
 		"@vercel/analytics": "^0.1.6",

apps/web/sentry.client.config.ts

@@ -1,30 +1,34 @@
 // This file configures the initialization of Sentry on the client.
-// The config you add here will be used whenever a users loads a page in their browser.
+// The config you add here will be used whenever a user loads a page in their browser.
 // https://docs.sentry.io/platforms/javascript/guides/nextjs/
 
 import * as Sentry from '@sentry/nextjs';
 
-Sentry.init({
-	dsn: process.env.NEXT_PUBLIC_SENTRY_DNS,
+const SENTRY_DSN = process.env.SENTRY_DSN || process.env.NEXT_PUBLIC_SENTRY_DSN;
 
-	// Adjust this value in production, or use tracesSampler for greater control
-	tracesSampleRate: 1,
+if (SENTRY_DSN) {
+	Sentry.init({
+		dsn: SENTRY_DSN,
+		// Adjust this value in production, or use tracesSampler for greater control
+		tracesSampleRate: 1,
 
-	// Setting this option to true will print useful information to the console while you're setting up Sentry.
-	debug: process.env.NEXT_PUBLIC_SENTRY_DEBUG && process.env.NEXT_PUBLIC_SENTRY_DEBUG === 'true' ? true : false,
+		// Setting this option to true will print useful information to the console while you're setting up Sentry.
+		debug: process.env.NEXT_PUBLIC_SENTRY_DEBUG && process.env.NEXT_PUBLIC_SENTRY_DEBUG === 'true' ? true : false,
 
-	replaysOnErrorSampleRate: 1.0,
+		replaysOnErrorSampleRate: 1.0,
 
-	// This sets the sample rate to be 10%. You may want this to be 100% while
-	// in development and sample at a lower rate in production
-	replaysSessionSampleRate: 0.1,
+		// This sets the sample rate to be 10%. You may want this to be 100% while
+		// in development and sample at a lower rate in production
+		replaysSessionSampleRate: 0.1,
 
-	// You can remove this option if you're not planning to use the Sentry Session Replay feature:
-	integrations: [
-		new Sentry.Replay({
-			// Additional Replay configuration goes in here, for example:
-			maskAllText: true,
-			blockAllMedia: true
-		})
-	]
-});
+		// Replay may only be enabled for the client-side
+		// You can remove this option if you're not planning to use the Sentry Session Replay feature:
+		integrations: [
+			new Sentry.Replay({
+				// Additional Replay configuration goes in here, for example:
+				maskAllText: true,
+				blockAllMedia: true
+			})
+		]
+	});
+}

apps/web/sentry.edge.config.ts

@@ -5,12 +5,16 @@
 
 import * as Sentry from '@sentry/nextjs';
 
-Sentry.init({
-	dsn: process.env.NEXT_PUBLIC_SENTRY_DNS,
+const SENTRY_DSN = process.env.SENTRY_DSN || process.env.NEXT_PUBLIC_SENTRY_DSN;
 
-	// Adjust this value in production, or use tracesSampler for greater control
-	tracesSampleRate: 1,
+if (SENTRY_DSN) {
+	Sentry.init({
+		dsn: SENTRY_DSN,
 
-	// Setting this option to true will print useful information to the console while you're setting up Sentry.
-	debug: process.env.NEXT_PUBLIC_SENTRY_DEBUG && process.env.NEXT_PUBLIC_SENTRY_DEBUG === 'true' ? true : false
-});
+		// Adjust this value in production, or use tracesSampler for greater control
+		tracesSampleRate: 1,
+
+		// Setting this option to true will print useful information to the console while you're setting up Sentry.
+		debug: process.env.NEXT_PUBLIC_SENTRY_DEBUG && process.env.NEXT_PUBLIC_SENTRY_DEBUG === 'true' ? true : false
+	});
+}

apps/web/sentry.server.config.ts

@@ -4,12 +4,16 @@
 
 import * as Sentry from '@sentry/nextjs';
 
-Sentry.init({
-	dsn: process.env.NEXT_PUBLIC_SENTRY_DNS,
+const SENTRY_DSN = process.env.SENTRY_DSN || process.env.NEXT_PUBLIC_SENTRY_DSN;
 
-	// Adjust this value in production, or use tracesSampler for greater control
-	tracesSampleRate: 1,
+if (SENTRY_DSN) {
+	Sentry.init({
+		dsn: SENTRY_DSN,
 
-	// Setting this option to true will print useful information to the console while you're setting up Sentry.
-	debug: process.env.NEXT_PUBLIC_SENTRY_DEBUG && process.env.NEXT_PUBLIC_SENTRY_DEBUG === 'true' ? true : false
-});
+		// Adjust this value in production, or use tracesSampler for greater control
+		tracesSampleRate: 1,
+
+		// Setting this option to true will print useful information to the console while you're setting up Sentry.
+		debug: process.env.NEXT_PUBLIC_SENTRY_DEBUG && process.env.NEXT_PUBLIC_SENTRY_DEBUG === 'true' ? true : false
+	});
+}

render.yaml

@@ -63,7 +63,7 @@ services:
             value: ever-co
           - key: SENTRY_PROJECT
             value: ever-teams-web
-          - key: NEXT_PUBLIC_SENTRY_DNS
+          - key: NEXT_PUBLIC_SENTRY_DSN
             sync: false
           - key: NEXT_PUBLIC_SENTRY_DEBUG
             value: false