feat: Enhance Sentry integration with runtime config and add client sourcemaps

Author: tacxou

apps/web/nuxt.config.ts

@@ -47,6 +47,8 @@ export default defineNuxtConfig({
   pages: true,
   srcDir: 'src',
   debug: !!process.env.DEBUG,
+  // Generate client sourcemaps for clearer stack traces in Sentry
+  sourcemap: { client: 'hidden' },
   devServer: {
     port: 3000,
     ...sslCfg,
@@ -88,6 +90,9 @@ export default defineNuxtConfig({
     'nuxt-monaco-editor',
     ...setupApp(),
   ],
+  sentry: {
+    // autoInjectServerSentry: "top-level-import",
+  },
   auth: {
     globalMiddleware: true,
     rewriteRedirects: true,

apps/web/package.json

@@ -10,7 +10,7 @@
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare",
-    "start": "node .output/server/index.mjs",
+    "start": "node --import ./.output/server/sentry.server.config.mjs .output/server/index.mjs",
     "start:prod": "node start.mjs",
     "lint": "eslint .",
     "lint:fix": "eslint --ext .ts,.js,.vue --ignore-path .gitignore . --fix"
@@ -25,6 +25,7 @@
     "@nyariv/sandboxjs": "^0.8.25",
     "@pinia/nuxt": "^0.11.2",
     "@quasar/extras": "^1.17.0",
+    "@sentry/nuxt": "^10.25.0",
     "@vueuse/router": "^13.9.0",
     "ajv": "^8.17.1",
     "ajv-errors": "^3.0.0",
@@ -71,4 +72,4 @@
     "string-width": "^1.0.2 || 2 || 3 || 4"
   },
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
-}
+}

apps/web/sentry.client.config.ts

@@ -1,5 +1,27 @@
 import * as Sentry from '@sentry/nuxt'
+import { useRuntimeConfig } from '#imports'
+
+const runtimeConfig = useRuntimeConfig()
+
 Sentry.init({
-  dsn: process.env.SESAME_SENTRY_DSN!,
+  // Prefer the Nuxt runtime config for client-side DSN access
+  dsn: runtimeConfig.public?.sentry?.dsn,
+
+  // Attach basic user context (IP/headers) when available
   sendDefaultPii: true,
-});
+
+  // Performance: capture a sample of transactions (adjust in production)
+  tracesSampleRate: 1.0,
+
+  // Session Replay: capture 10% of sessions and 100% on error
+  replaysSessionSampleRate: 0.1,
+  replaysOnErrorSampleRate: 1.0,
+
+  // Browser Console logs to Sentry (verbose in dev only)
+  enableLogs: process.env.NODE_ENV === 'development',
+
+  // Enable Replay
+  integrations: [Sentry.replayIntegration()],
+})
+
+console.log('Sentry client initialized with DSN:', runtimeConfig.public?.sentry?.dsn)