Chore: Add Sentry source maps (#4741)

Because:
- It will help us diagnose JavaScript exceptions

.github/workflows/ci.yml

@@ -73,6 +73,9 @@ jobs:
           yarn install
 
       - name: Build assets
+        env:
+          RAILS_ENV: test
+          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
         run: |
           bin/rails javascript:build
           bin/rails css:build

.gitignore

@@ -46,7 +46,7 @@
 /node_modules
 
 
-# yarn -
+# yarn - https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignored
 .pnp.*
 .yarn/*
 !.yarn/patches

app/javascript/src/sentry.js

@@ -8,8 +8,7 @@ window.Sentry = window.Sentry || {}
 window.Sentry && Sentry.onLoad && Sentry.onLoad(() => {
   Sentry.init({
     dsn: SENTRY_DSN,
-    environment: 'production',
-    debug: true
+    environment: 'production'
   })
 
   if (currentUserSignedIn) {

esbuild.config.mjs

@@ -16,6 +16,7 @@ import chokidar from 'chokidar'
 import http from 'http'
 import { setTimeout } from 'timers/promises'
 import { prismjsPlugin } from 'esbuild-plugin-prismjs'
+import { sentryEsbuildPlugin } from '@sentry/esbuild-plugin'
 
 const clients = []
 const entryPoints = ["main.js"]
@@ -32,6 +33,7 @@ const config = {
   entryPoints: entryPoints,
   minify: process.env.RAILS_ENV == "production",
   outdir: path.join(process.cwd(), "app/assets/builds"),
+  sourcemap: process.env.RAILS_ENV != "production",
   plugins: [
     rails(),
     prismjsPlugin({
@@ -58,8 +60,16 @@ const config = {
       ],
       css: true,
     }),
+    sentryEsbuildPlugin({
+      authToken: process.env.SENTRY_AUTH_TOKEN,
+      org: "the-odin-project-web-app",
+      project: "the-odin-project",
+      disable: process.env.RAILS_ENV !== "production",
+      sourcemaps: {
+        assets: ["app/assets/builds/*.js", "app/assets/builds/*.js.map"],
+      },
+    }),
   ],
-  sourcemap: process.env.RAILS_ENV != "production"
 }
 
 async function buildAndReload() {

package.json

@@ -11,6 +11,7 @@
     "@hotwired/stimulus": "^3.2.2",
     "@hotwired/turbo-rails": "^8.0.2",
     "@rails/request.js": "^0.0.9",
+    "@sentry/esbuild-plugin": "^2.22.0",
     "@stimulus/polyfills": "^2.0.0",
     "@tailwindcss/forms": "^0.5.7",
     "@tailwindcss/typography": "^0.5.10",