Update sentry config to consume multiple remotes

* fix(RHINENG-10654): Reimplement Sentry

* update package.lock and notes

* PR suggestions

.gitignore

@@ -41,3 +41,6 @@ cypress/screenshots
 #swc
 .swc
 .cypress_cache
+
+# Sentry Config File
+.env.sentry-build-plugin

config/webpack.config.js

@@ -52,7 +52,7 @@ const commonConfig = ({ dev }) => {
           },
         }
       : {}),
-    devtool: false,
+    devtool: dev ? false : 'hidden-source-map',
     resolve: {
       extensions: ['.js', '.ts', '.tsx'],
       alias: {

config/webpack.plugins.js

@@ -9,6 +9,7 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
 const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
 const getDynamicModules = require('./get-dynamic-modules');
+const { sentryWebpackPlugin } = require('@sentry/webpack-plugin');
 
 const deps = require('../package.json').dependencies;
 
@@ -87,6 +88,22 @@ const plugins = (dev = false, beta = false, restricted = false) => {
       __SENTRY_DEBUG__: false,
     }),
     ...(dev ? [new ReactRefreshWebpackPlugin()] : []),
+    // Put the Sentry Webpack plugin after all other plugins
+    ...(!dev && process.env.SENTRY_AUTH_TOKEN && process.env.SENTRY_ORG && process.env.SENTRY_PROJECT
+      ? [
+          sentryWebpackPlugin({
+            authToken: process.env.SENTRY_AUTH_TOKEN,
+            org: process.env.SENTRY_ORG,
+            project: process.env.SENTRY_PROJECT,
+            _experiments: {
+              moduleMetadata: ({ release }) => ({
+                authToken: process.env.SENTRY_AUTH_TOKEN,
+                release,
+              }),
+            },
+          }),
+        ]
+      : []),
   ];
 };