wip setting up sentry

lumigator/frontend/package.json

@@ -18,6 +18,7 @@
   },
   "dependencies": {
     "@primevue/themes": "^4.2.5",
+    "@sentry/vue": "^9.5.0",
     "axios": "^1.7.9",
     "papaparse": "^5.5.2",
     "pinia": "^3.0.1",

lumigator/frontend/src/main.ts

@@ -8,7 +8,7 @@ import PrimeVue from 'primevue/config'
 import ConfirmationService from 'primevue/confirmationservice'
 import ToastService from 'primevue/toastservice'
 import { LumiPreset } from './primevue.config'
-
+import { init, browserTracingIntegration, replayIntegration} from '@sentry/vue'
 const app = createApp(App)
 
 app
@@ -28,4 +28,35 @@ app
   .use(ToastService)
   .directive('tooltip', Tooltip)
 
+init({
+  app,
+  dsn: import.meta.env.VITE_APP_LUMIGATOR_SENTRY_DSN,
+  integrations: [
+    browserTracingIntegration({ router }),
+    replayIntegration(),
+  ],
+  beforeSend(event) {
+    console.log(event)
+    // Modify or drop the event here
+    if (event.user) {
+      // Don't send user's email address
+      delete event.user.email;
+      return event;
+    } else {
+      // drop the event
+      return null;
+    }
+  },
+   // Tracing
+  tracesSampleRate: 1.0, //  Capture 100% of the transactions
+  // Set 'tracePropagationTargets' to control for which URLs distributed tracing should be enabled
+  tracePropagationTargets: ["localhost", /^https:\/\/yourserver\.io\/api/],
+  // Session Replay
+  replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
+  replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
+});
+
 app.mount('#app')
+setTimeout(() => {
+  throw new Error('test')
+}, 2000)