Add sentry tracing and replay plugins

client/index.html

@@ -17,6 +17,8 @@
   <link rel="mask-icon" href="/static/safari-pinned-tab.svg" color="#5bbad5" />
   <meta name="msapplication-TileColor" content="#da532c" />
   <meta name="theme-color" content="#ffffff" />
+  <!-- for sentry replay web worker -->
+  <meta http-equiv="Content-Security-Policy" content="worker-src 'self' blob:;" />
 
   <script>
     window.UPLOADCARE_PUBLIC_KEY = '78212ff39934a59775ac';

client/src/setup/plugins.ts

@@ -23,6 +23,10 @@ const registerPlugins = (app: any) => {
       app,
       dsn: import.meta.env.SENTRY_DSN,
       environment: import.meta.env.SENTRY_ENVIRONMENT || 'localhost',
+      integrations: [new Sentry.BrowserTracing(), new Sentry.Replay()],
+      tracesSampleRate: 1.0,
+      replaysSessionSampleRate: 1.0,
+      replaysOnErrorSampleRate: 1.0,
     });
   }
   app.use(store);

server/core/settings.py

@@ -351,6 +351,7 @@ if ENABLE_SENTRY and os.environ.get("SENTRY_DSN"):
         before_send_transaction=before_send,
         environment=environment,
         traces_sample_rate=sample_rate,
+        enable_tracing=True,
     )
 
     # ignore 'Traceback' error messages, they don't give enough information