ref(admin): Upload sourcemaps to Sentry for the admin tool

.github/workflows/admin-sourcemaps.yml

@@ -0,0 +1,22 @@
+on:
+ pull_request:
+ push:
+ branches: [master]
+jobs:
+ build:
+ name: "build sourcemaps"
+ runs-on: ubuntu-latest
+ env:
+ SENTRY_AUTH_TOKEN: ${{ secrets.SNUBA_SENTRY_SOURCEMAP_KEY }}
+ NODE_VERSION: 19.x
+ steps:
+ - uses: actions/checkout@v3
+ name: Checkout code
+ - uses: actions/setup-python@v4
+ with:
+ python-version: 3.8
+ - uses: actions/setup-node@v3
+ with:
+ node-version: ${{env.NODE_VERSION}}
+ - name: Build admin sourcemaps
+ run: make build-admin

snuba/admin/README.md

@@ -30,8 +30,4 @@ this will start the yarn debug server and live reload your javascript changes. I
 
 # Releasing new javascript
 
-At time of writing, we check the compiled javscript bundle into source code (yes it's not great, if you want to fix it please do). Run this before checking in your JS changes:
-
-```
-make build-admin
-```
+The admin tool is automatically built as part of our normal CI flow.

snuba/admin/package.json

@@ -18,6 +18,7 @@
  "@tiptap/extension-placeholder": "^2.0.3",
  "@tiptap/pm": "^2.0.3",
  "@sentry/react": "^7.56.0",
+ "@sentry/webpack-plugin": "^2.4.0",
  "@types/react": "^18.0.20",
  "@types/react-dom": "^18.2.6",
  "jest-dom": "^4.0.0",

snuba/admin/webpack.config.js

@@ -1,4 +1,5 @@
 const path = require('path');
+const { sentryWebpackPlugin } = require("@sentry/webpack-plugin");
 
 module.exports = (env) => ({
  entry: './static/index.tsx',
@@ -18,4 +19,14 @@ module.exports = (env) => ({
  filename: 'bundle.js',
  path: path.resolve(__dirname, 'dist'),
  },
+ devtool: "source-map", // Source map generation must be turned on
+ plugins: [
+ sentryWebpackPlugin({
+ org: process.env.SENTRY_ORGANIZATION,
+ project: process.env.SENTRY_PROJECT,
+ // Auth tokens can be obtained from https://sentry.io/settings/account/api/auth-tokens/
+ // and need `project:releases` and `org:read` scopes
+ authToken: process.env.SENTRY_AUTH_TOKEN,
+ }),
+ ],
 })