[noQA] Enable Sentry sourcemaps on web and desktop

.env.example

@@ -40,3 +40,5 @@ FB_PROJECT_ID=YOUR_PROJECT_ID
 
 GITHUB_TOKEN=YOUR_TOKEN
 OPENAI_API_KEY=YOUR_TOKEN
+
+SENTRY_AUTH_TOKEN=SENTRY_AUTH_TOKEN

.github/workflows/testBuild.yml

@@ -227,6 +227,7 @@ jobs:
           AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
           AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
           GCP_GEOLOCATION_API_KEY: ${{ secrets.GCP_GEOLOCATION_API_KEY_STAGING }}
+          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
 
   web:
     name: Build and deploy Web
@@ -463,6 +464,8 @@ jobs:
 
       - name: Build AdHoc app
         run: bundle exec fastlane ios build_adhoc_hybrid
+        env:
+          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
 
       - name: Configure AWS Credentials
         # v4

config/webpack/webpack.common.ts

@@ -1,3 +1,4 @@
+import {sentryWebpackPlugin} from '@sentry/webpack-plugin';
 import {CleanWebpackPlugin} from 'clean-webpack-plugin';
 import CopyPlugin from 'copy-webpack-plugin';
 import dotenv from 'dotenv';
@@ -69,6 +70,12 @@ function mapEnvironmentToLogoSuffix(environmentFile: string): string {
 const getCommonConfiguration = ({file = '.env', platform = 'web'}: Environment): Configuration => {
     const isDevelopment = file === '.env' || file === '.env.development';
 
+    if (!isDevelopment) {
+        const releaseName = `${process.env.npm_package_name}@${process.env.npm_package_version}`;
+        console.debug(`[SENTRY ${platform.toUpperCase()}] Release: ${releaseName}`);
+        console.debug(`[SENTRY ${platform.toUpperCase()}] Assets Path: ${platform === 'desktop' ? './desktop/dist/www/**/*.{js,map}' : './dist/**/*.{js,map}'}`);
+    }
+
     return {
         mode: isDevelopment ? 'development' : 'production',
         devtool: 'source-map',
@@ -169,6 +176,28 @@ const getCommonConfiguration = ({file = '.env', platform = 'web'}: Environment):
             }),
             ...(isDevelopment ? [] : [new MiniCssExtractPlugin()]),
 
+            // Upload source maps to Sentry
+            ...(isDevelopment
+                ? []
+                : ([
+                      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+                      sentryWebpackPlugin({
+                          authToken: process.env.SENTRY_AUTH_TOKEN as string | undefined,
+                          org: 'expensify',
+                          project: 'app',
+                          release: {
+                              name: `${process.env.npm_package_name}@${process.env.npm_package_version}`,
+                          },
+                          sourcemaps: {
+                              // Use relative path from project root - works for both web (dist/) and desktop (desktop/dist/www/)
+                              assets: platform === 'desktop' ? './desktop/dist/www/**/*.{js,map}' : './dist/**/*.{js,map}',
+                              filesToDeleteAfterUpload: platform === 'desktop' ? './desktop/dist/www/**/*.map' : './dist/**/*.map',
+                          },
+                          debug: false,
+                          telemetry: false,
+                      }),
+                  ] as WebpackPluginInstance[])),
+
             // This allows us to interactively inspect JS bundle contents
             ...(process.env.ANALYZE_BUNDLE === 'true' ? [new BundleAnalyzerPlugin()] : []),
         ],