EVG-20320: Upload Sentry source maps

.evergreen.yml

@@ -392,6 +392,7 @@ functions:
       script: |
         echo "Generating .env-cmdrc.json"
         REACT_APP_BUGSNAG_API_KEY=${REACT_APP_BUGSNAG_API_KEY} \
+        REACT_APP_SENTRY_AUTH_TOKEN=${REACT_APP_SENTRY_AUTH_TOKEN} \
         REACT_APP_SENTRY_DSN=${REACT_APP_SENTRY_DSN} \
         REACT_APP_NEW_RELIC_ACCOUNT_ID=${REACT_APP_NEW_RELIC_ACCOUNT_ID} \
         REACT_APP_NEW_RELIC_AGENT_ID=${REACT_APP_NEW_RELIC_AGENT_ID} \

jest.config.js

@@ -40,8 +40,5 @@ module.exports = {
     "jest-watch-typeahead/testname",
   ],
   globalSetup: "<rootDir>/global-setup.js",
-  globals: {
-    APP_VERSION: JSON.stringify(process.env.npm_package_version),
-  },
   testTimeout: 30000,
 };

package.json

@@ -142,6 +142,7 @@
     "@graphql-codegen/typescript-operations": "4.0.1",
     "@graphql-eslint/eslint-plugin": "3.18.0",
     "@originjs/vite-plugin-commonjs": "1.0.3",
+    "@sentry/vite-plugin": "2.6.2",
     "@storybook/addon-actions": "7.0.21",
     "@storybook/addon-essentials": "7.0.21",
     "@storybook/addon-interactions": "7.0.21",

scripts/setup-credentials.js

@@ -13,6 +13,7 @@ const production = {
   REACT_APP_SPRUCE_URL: "https://spruce.mongodb.com",
   REACT_APP_RELEASE_STAGE: "production",
   REACT_APP_BUGSNAG_API_KEY: process.env.REACT_APP_BUGSNAG_API_KEY,
+  REACT_APP_SENTRY_AUTH_TOKEN: process.env.REACT_APP_SENTRY_AUTH_TOKEN,
   REACT_APP_SENTRY_DSN: process.env.REACT_APP_SENTRY_DSN,
   REACT_APP_NEW_RELIC_ACCOUNT_ID: process.env.REACT_APP_NEW_RELIC_ACCOUNT_ID,
   REACT_APP_NEW_RELIC_AGENT_ID: process.env.REACT_APP_NEW_RELIC_AGENT_ID,

src/components/ErrorHandling/Sentry.tsx

@@ -18,7 +18,6 @@ const initializeSentry = () => {
       dsn: getSentryDSN(),
       debug: !isProduction(),
       normalizeDepth: 5,
-      release: APP_VERSION,
       environment: releaseStage,
     });
   } catch (e) {

src/components/ErrorHandling/initialize.test.ts

@@ -47,7 +47,6 @@ describe("should initialize error handlers according to release stage", () => {
       dsn: "fake-sentry-key",
       debug: false,
       normalizeDepth: 5,
-      release: APP_VERSION,
       environment: "production",
     });
   });
@@ -71,7 +70,6 @@ describe("should initialize error handlers according to release stage", () => {
       dsn: "fake-sentry-key",
       debug: true,
       normalizeDepth: 5,
-      release: APP_VERSION,
       environment: "beta",
     });
   });
@@ -95,7 +93,6 @@ describe("should initialize error handlers according to release stage", () => {
       dsn: "fake-sentry-key",
       debug: true,
       normalizeDepth: 5,
-      release: APP_VERSION,
       environment: "staging",
     });
   });

src/vite-env.d.ts

@@ -6,5 +6,3 @@ declare module "*.graphql" {
   const content: DocumentNode;
   export default content;
 }
-
-declare const APP_VERSION: string;

vite.config.ts

@@ -1,4 +1,5 @@
 import { defineConfig } from "vite";
+import { sentryVitePlugin } from "@sentry/vite-plugin";
 import react from "@vitejs/plugin-react";
 import * as fs from "fs";
 import path from "path";
@@ -126,6 +127,17 @@ export default defineConfig({
       filename: "build/source_map.html",
       template: "treemap",
     }),
+    sentryVitePlugin({
+      org: "mongodb-org",
+      project: "spruce",
+      authToken: process.env.REACT_APP_SENTRY_AUTH_TOKEN,
+      release: {
+        name: process.env.npm_package_version,
+      },
+      sourcemaps: {
+        assets: "./build/assets/*",
+      },
+    }),
   ],
   css: {
     preprocessorOptions: {
@@ -134,7 +146,4 @@ export default defineConfig({
       },
     },
   },
-  define: {
-    APP_VERSION: JSON.stringify(process.env.npm_package_version),
-  },
 });