🐛 (js) Improve bubbles callback reliability

apps/builder/sentry.client.config.js

@@ -4,7 +4,23 @@ const SENTRY_DSN = process.env.SENTRY_DSN || process.env.NEXT_PUBLIC_SENTRY_DSN
 
 Sentry.init({
   dsn: SENTRY_DSN,
-  ignoreErrors: ['ResizeObserver loop limit exceeded'],
-  debug: true,
+  ignoreErrors: [
+    'ResizeObserver loop limit exceeded',
+    'ResizeObserver loop completed with undelivered notifications.',
+    'ResizeObserver is not defined',
+    "Can't find variable: ResizeObserver",
+  ],
   release: process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA + '-builder',
+  beforeBreadcrumb(breadcrumb, hint) {
+    try {
+      if (breadcrumb.category.startsWith('ui')) {
+        breadcrumb.message = `${hint.event.target.tagName.toLowerCase()}: ${
+          hint.event.target.innerText
+        }`
+      }
+    } catch (e) {
+      /* empty */
+    }
+    return breadcrumb
+  },
 })

apps/viewer/sentry.client.config.js

@@ -1,7 +1,3 @@
-// This file configures the initialization of Sentry on the browser.
-// The config you add here will be used whenever a page is visited.
-// https://docs.sentry.io/platforms/javascript/guides/nextjs/
-
 import * as Sentry from '@sentry/nextjs'
 
 const SENTRY_DSN = process.env.SENTRY_DSN || process.env.NEXT_PUBLIC_SENTRY_DSN
@@ -15,4 +11,16 @@ Sentry.init({
     "Can't find variable: ResizeObserver",
   ],
   release: process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA + '-viewer',
+  beforeBreadcrumb(breadcrumb, hint) {
+    try {
+      if (breadcrumb.category.startsWith('ui')) {
+        breadcrumb.message = `${hint.event.target.tagName.toLowerCase()}: ${
+          hint.event.target.innerText
+        }`
+      }
+    } catch (e) {
+      /* empty */
+    }
+    return breadcrumb
+  },
 })