@sentry/browser 10.53.1 → 10.54.0

package/build/npm/esm/dev/integrations/reportingobserver.js

@@ -1,82 +1,57 @@
 import { defineIntegration, supportsReportingObserver, GLOBAL_OBJ, getClient, withScope, captureMessage } from '@sentry/core/browser';
 
-const WINDOW = GLOBAL_OBJ ;
-
-const INTEGRATION_NAME = 'ReportingObserver';
-
-const SETUP_CLIENTS = new WeakMap();
-
+const WINDOW = GLOBAL_OBJ;
+const INTEGRATION_NAME = "ReportingObserver";
+const SETUP_CLIENTS = /* @__PURE__ */ new WeakMap();
 const _reportingObserverIntegration = ((options = {}) => {
-  const types = options.types || ['crash', 'deprecation', 'intervention'];
-
-  /** Handler for the reporting observer. */
+  const types = options.types || ["crash", "deprecation", "intervention"];
   function handler(reports) {
-    if (!SETUP_CLIENTS.has(getClient() )) {
+    if (!SETUP_CLIENTS.has(getClient())) {
       return;
     }
-
     for (const report of reports) {
-      withScope(scope => {
-        scope.setExtra('url', report.url);
-
+      withScope((scope) => {
+        scope.setExtra("url", report.url);
         const label = `ReportingObserver [${report.type}]`;
-        let details = 'No details available';
-
+        let details = "No details available";
         if (report.body) {
-          // Object.keys doesn't work on ReportBody, as all properties are inherited
-          const plainBody
-
- = {};
-
-          // eslint-disable-next-line guard-for-in
+          const plainBody = {};
           for (const prop in report.body) {
             plainBody[prop] = report.body[prop];
           }
-
-          scope.setExtra('body', plainBody);
-
-          if (report.type === 'crash') {
-            const body = report.body ;
-            // A fancy way to create a message out of crashId OR reason OR both OR fallback
-            details = [body.crashId || '', body.reason || ''].join(' ').trim() || details;
+          scope.setExtra("body", plainBody);
+          if (report.type === "crash") {
+            const body = report.body;
+            details = [body.crashId || "", body.reason || ""].join(" ").trim() || details;
           } else {
-            const body = report.body ;
+            const body = report.body;
             details = body.message || details;
           }
         }
-
         captureMessage(`${label}: ${details}`);
       });
     }
   }
-
   return {
     name: INTEGRATION_NAME,
     setupOnce() {
       if (!supportsReportingObserver()) {
         return;
       }
-
-      const observer = new (WINDOW ).ReportingObserver(
+      const observer = new WINDOW.ReportingObserver(
         handler,
         {
           buffered: true,
-          types,
-        },
+          types
+        }
       );
-
       observer.observe();
     },
-
     setup(client) {
       SETUP_CLIENTS.set(client, true);
-    },
+    }
   };
-}) ;
-
-/**
- * Reporting API integration - https://w3c.github.io/reporting/
- */
+});
 const reportingObserverIntegration = defineIntegration(_reportingObserverIntegration);
 
 export { reportingObserverIntegration };

package/build/npm/esm/dev/integrations/reportingobserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"reportingobserver.js","sources":["../../../../../src/integrations/reportingobserver.ts"],"sourcesContent":["import type { Client, IntegrationFn } from '@sentry/core/browser';\nimport {\n  captureMessage,\n  defineIntegration,\n  getClient,\n  GLOBAL_OBJ,\n  supportsReportingObserver,\n  withScope,\n} from '@sentry/core/browser';\n\nconst WINDOW = GLOBAL_OBJ as typeof GLOBAL_OBJ & Window;\n\nconst INTEGRATION_NAME = 'ReportingObserver';\n\ninterface Report {\n  [key: string]: unknown;\n  type: ReportTypes;\n  url: string;\n  body?: ReportBody;\n}\n\ntype ReportTypes = 'crash' | 'deprecation' | 'intervention';\n\ntype ReportBody = CrashReportBody | DeprecationReportBody | InterventionReportBody;\n\ninterface CrashReportBody {\n  [key: string]: unknown;\n  crashId: string;\n  reason?: string;\n}\n\ninterface DeprecationReportBody {\n  [key: string]: unknown;\n  id: string;\n  anticipatedRemoval?: Date;\n  message: string;\n  sourceFile?: string;\n  lineNumber?: number;\n  columnNumber?: number;\n}\n\ninterface InterventionReportBody {\n  [key: string]: unknown;\n  id: string;\n  message: string;\n  sourceFile?: string;\n  lineNumber?: number;\n  columnNumber?: number;\n}\n\ninterface ReportingObserverOptions {\n  types?: ReportTypes[];\n}\n\n/** This is experimental and the types are not included with TypeScript, sadly. */\ninterface ReportingObserverClass {\n  new (\n    handler: (reports: Report[]) => void,\n    options: { buffered?: boolean; types?: ReportTypes[] },\n  ): {\n    observe: () => void;\n  };\n}\n\nconst SETUP_CLIENTS = new WeakMap<Client, boolean>();\n\nconst _reportingObserverIntegration = ((options: ReportingObserverOptions = {}) => {\n  const types = options.types || ['crash', 'deprecation', 'intervention'];\n\n  /** Handler for the reporting observer. */\n  function handler(reports: Report[]): void {\n    if (!SETUP_CLIENTS.has(getClient() as Client)) {\n      return;\n    }\n\n    for (const report of reports) {\n      withScope(scope => {\n        scope.setExtra('url', report.url);\n\n        const label = `ReportingObserver [${report.type}]`;\n        let details = 'No details available';\n\n        if (report.body) {\n          // Object.keys doesn't work on ReportBody, as all properties are inherited\n          const plainBody: {\n            [key: string]: unknown;\n          } = {};\n\n          // eslint-disable-next-line guard-for-in\n          for (const prop in report.body) {\n            plainBody[prop] = report.body[prop];\n          }\n\n          scope.setExtra('body', plainBody);\n\n          if (report.type === 'crash') {\n            const body = report.body as CrashReportBody;\n            // A fancy way to create a message out of crashId OR reason OR both OR fallback\n            details = [body.crashId || '', body.reason || ''].join(' ').trim() || details;\n          } else {\n            const body = report.body as DeprecationReportBody | InterventionReportBody;\n            details = body.message || details;\n          }\n        }\n\n        captureMessage(`${label}: ${details}`);\n      });\n    }\n  }\n\n  return {\n    name: INTEGRATION_NAME,\n    setupOnce() {\n      if (!supportsReportingObserver()) {\n        return;\n      }\n\n      const observer = new (WINDOW as typeof WINDOW & { ReportingObserver: ReportingObserverClass }).ReportingObserver(\n        handler,\n        {\n          buffered: true,\n          types,\n        },\n      );\n\n      observer.observe();\n    },\n\n    setup(client): void {\n      SETUP_CLIENTS.set(client, true);\n    },\n  };\n}) satisfies IntegrationFn;\n\n/**\n * Reporting API integration - https://w3c.github.io/reporting/\n */\nexport const reportingObserverIntegration = defineIntegration(_reportingObserverIntegration);\n"],"names":[],"mappings":";;AAUA,MAAM,MAAA,GAAS,UAAA;;AAEf,MAAM,gBAAA,GAAmB,mBAAmB;;AAoD5C,MAAM,aAAA,GAAgB,IAAI,OAAO,EAAmB;;AAEpD,MAAM,6BAAA,IAAiC,CAAC,OAAO,GAA6B,EAAE,KAAK;AACnF,EAAE,MAAM,KAAA,GAAQ,OAAO,CAAC,KAAA,IAAS,CAAC,OAAO,EAAE,aAAa,EAAE,cAAc,CAAC;;AAEzE;AACA,EAAE,SAAS,OAAO,CAAC,OAAO,EAAkB;AAC5C,IAAI,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,SAAS,EAAC,EAAY,EAAE;AACnD,MAAM;AACN,IAAI;;AAEJ,IAAI,KAAK,MAAM,MAAA,IAAU,OAAO,EAAE;AAClC,MAAM,SAAS,CAAC,KAAA,IAAS;AACzB,QAAQ,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC;;AAEzC,QAAQ,MAAM,KAAA,GAAQ,CAAC,mBAAmB,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1D,QAAQ,IAAI,OAAA,GAAU,sBAAsB;;AAE5C,QAAQ,IAAI,MAAM,CAAC,IAAI,EAAE;AACzB;AACA,UAAU,MAAM;;AAEN,GAAI,EAAE;;AAEhB;AACA,UAAU,KAAK,MAAM,IAAA,IAAQ,MAAM,CAAC,IAAI,EAAE;AAC1C,YAAY,SAAS,CAAC,IAAI,CAAA,GAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AAC/C,UAAU;;AAEV,UAAU,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC;;AAE3C,UAAU,IAAI,MAAM,CAAC,IAAA,KAAS,OAAO,EAAE;AACvC,YAAY,MAAM,IAAA,GAAO,MAAM,CAAC,IAAA;AAChC;AACA,YAAY,OAAA,GAAU,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,MAAA,IAAU,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAC,IAAK,OAAO;AACzF,UAAU,OAAO;AACjB,YAAY,MAAM,IAAA,GAAO,MAAM,CAAC,IAAA;AAChC,YAAY,UAAU,IAAI,CAAC,OAAA,IAAW,OAAO;AAC7C,UAAU;AACV,QAAQ;;AAER,QAAQ,cAAc,CAAC,CAAC,EAAA,KAAA,CAAA,EAAA,EAAA,OAAA,CAAA,CAAA,CAAA;AACA,MAAA,CAAA,CAAA;AACA,IAAA;AACA,EAAA;;AAEA,EAAA,OAAA;AACA,IAAA,IAAA,EAAA,gBAAA;AACA,IAAA,SAAA,GAAA;AACA,MAAA,IAAA,CAAA,yBAAA,EAAA,EAAA;AACA,QAAA;AACA,MAAA;;AAEA,MAAA,MAAA,QAAA,GAAA,IAAA,CAAA,MAAA,GAAA,iBAAA;AACA,QAAA,OAAA;AACA,QAAA;AACA,UAAA,QAAA,EAAA,IAAA;AACA,UAAA,KAAA;AACA,SAAA;AACA,OAAA;;AAEA,MAAA,QAAA,CAAA,OAAA,EAAA;AACA,IAAA,CAAA;;AAEA,IAAA,KAAA,CAAA,MAAA,EAAA;AACA,MAAA,aAAA,CAAA,GAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AACA,IAAA,CAAA;AACA,GAAA;AACA,CAAA,CAAA;;AAEA;AACA;AACA;AACA,MAAA,4BAAA,GAAA,iBAAA,CAAA,6BAAA;;;;"}
+{"version":3,"file":"reportingobserver.js","sources":["../../../../../src/integrations/reportingobserver.ts"],"sourcesContent":["import type { Client, IntegrationFn } from '@sentry/core/browser';\nimport {\n  captureMessage,\n  defineIntegration,\n  getClient,\n  GLOBAL_OBJ,\n  supportsReportingObserver,\n  withScope,\n} from '@sentry/core/browser';\n\nconst WINDOW = GLOBAL_OBJ as typeof GLOBAL_OBJ & Window;\n\nconst INTEGRATION_NAME = 'ReportingObserver';\n\ninterface Report {\n  [key: string]: unknown;\n  type: ReportTypes;\n  url: string;\n  body?: ReportBody;\n}\n\ntype ReportTypes = 'crash' | 'deprecation' | 'intervention';\n\ntype ReportBody = CrashReportBody | DeprecationReportBody | InterventionReportBody;\n\ninterface CrashReportBody {\n  [key: string]: unknown;\n  crashId: string;\n  reason?: string;\n}\n\ninterface DeprecationReportBody {\n  [key: string]: unknown;\n  id: string;\n  anticipatedRemoval?: Date;\n  message: string;\n  sourceFile?: string;\n  lineNumber?: number;\n  columnNumber?: number;\n}\n\ninterface InterventionReportBody {\n  [key: string]: unknown;\n  id: string;\n  message: string;\n  sourceFile?: string;\n  lineNumber?: number;\n  columnNumber?: number;\n}\n\ninterface ReportingObserverOptions {\n  types?: ReportTypes[];\n}\n\n/** This is experimental and the types are not included with TypeScript, sadly. */\ninterface ReportingObserverClass {\n  new (\n    handler: (reports: Report[]) => void,\n    options: { buffered?: boolean; types?: ReportTypes[] },\n  ): {\n    observe: () => void;\n  };\n}\n\nconst SETUP_CLIENTS = new WeakMap<Client, boolean>();\n\nconst _reportingObserverIntegration = ((options: ReportingObserverOptions = {}) => {\n  const types = options.types || ['crash', 'deprecation', 'intervention'];\n\n  /** Handler for the reporting observer. */\n  function handler(reports: Report[]): void {\n    if (!SETUP_CLIENTS.has(getClient() as Client)) {\n      return;\n    }\n\n    for (const report of reports) {\n      withScope(scope => {\n        scope.setExtra('url', report.url);\n\n        const label = `ReportingObserver [${report.type}]`;\n        let details = 'No details available';\n\n        if (report.body) {\n          // Object.keys doesn't work on ReportBody, as all properties are inherited\n          const plainBody: {\n            [key: string]: unknown;\n          } = {};\n\n          // eslint-disable-next-line guard-for-in\n          for (const prop in report.body) {\n            plainBody[prop] = report.body[prop];\n          }\n\n          scope.setExtra('body', plainBody);\n\n          if (report.type === 'crash') {\n            const body = report.body as CrashReportBody;\n            // A fancy way to create a message out of crashId OR reason OR both OR fallback\n            details = [body.crashId || '', body.reason || ''].join(' ').trim() || details;\n          } else {\n            const body = report.body as DeprecationReportBody | InterventionReportBody;\n            details = body.message || details;\n          }\n        }\n\n        captureMessage(`${label}: ${details}`);\n      });\n    }\n  }\n\n  return {\n    name: INTEGRATION_NAME,\n    setupOnce() {\n      if (!supportsReportingObserver()) {\n        return;\n      }\n\n      const observer = new (WINDOW as typeof WINDOW & { ReportingObserver: ReportingObserverClass }).ReportingObserver(\n        handler,\n        {\n          buffered: true,\n          types,\n        },\n      );\n\n      observer.observe();\n    },\n\n    setup(client): void {\n      SETUP_CLIENTS.set(client, true);\n    },\n  };\n}) satisfies IntegrationFn;\n\n/**\n * Reporting API integration - https://w3c.github.io/reporting/\n */\nexport const reportingObserverIntegration = defineIntegration(_reportingObserverIntegration);\n"],"names":[],"mappings":";;AAUA,MAAM,MAAA,GAAS,UAAA;AAEf,MAAM,gBAAA,GAAmB,mBAAA;AAoDzB,MAAM,aAAA,uBAAoB,OAAA,EAAyB;AAEnD,MAAM,6BAAA,IAAiC,CAAC,OAAA,GAAoC,EAAC,KAAM;AACjF,EAAA,MAAM,QAAQ,OAAA,CAAQ,KAAA,IAAS,CAAC,OAAA,EAAS,eAAe,cAAc,CAAA;AAGtE,EAAA,SAAS,QAAQ,OAAA,EAAyB;AACxC,IAAA,IAAI,CAAC,aAAA,CAAc,GAAA,CAAI,SAAA,EAAqB,CAAA,EAAG;AAC7C,MAAA;AAAA,IACF;AAEA,IAAA,KAAA,MAAW,UAAU,OAAA,EAAS;AAC5B,MAAA,SAAA,CAAU,CAAA,KAAA,KAAS;AACjB,QAAA,KAAA,CAAM,QAAA,CAAS,KAAA,EAAO,MAAA,CAAO,GAAG,CAAA;AAEhC,QAAA,MAAM,KAAA,GAAQ,CAAA,mBAAA,EAAsB,MAAA,CAAO,IAAI,CAAA,CAAA,CAAA;AAC/C,QAAA,IAAI,OAAA,GAAU,sBAAA;AAEd,QAAA,IAAI,OAAO,IAAA,EAAM;AAEf,UAAA,MAAM,YAEF,EAAC;AAGL,UAAA,KAAA,MAAW,IAAA,IAAQ,OAAO,IAAA,EAAM;AAC9B,YAAA,SAAA,CAAU,IAAI,CAAA,GAAI,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA;AAAA,UACpC;AAEA,UAAA,KAAA,CAAM,QAAA,CAAS,QAAQ,SAAS,CAAA;AAEhC,UAAA,IAAI,MAAA,CAAO,SAAS,OAAA,EAAS;AAC3B,YAAA,MAAM,OAAO,MAAA,CAAO,IAAA;AAEpB,YAAA,OAAA,GAAU,CAAC,IAAA,CAAK,OAAA,IAAW,EAAA,EAAI,IAAA,CAAK,MAAA,IAAU,EAAE,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,CAAE,IAAA,EAAK,IAAK,OAAA;AAAA,UACxE,CAAA,MAAO;AACL,YAAA,MAAM,OAAO,MAAA,CAAO,IAAA;AACpB,YAAA,OAAA,GAAU,KAAK,OAAA,IAAW,OAAA;AAAA,UAC5B;AAAA,QACF;AAEA,QAAA,cAAA,CAAe,CAAA,EAAG,KAAK,CAAA,EAAA,EAAK,OAAO,CAAA,CAAE,CAAA;AAAA,MACvC,CAAC,CAAA;AAAA,IACH;AAAA,EACF;AAEA,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,gBAAA;AAAA,IACN,SAAA,GAAY;AACV,MAAA,IAAI,CAAC,2BAA0B,EAAG;AAChC,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,QAAA,GAAW,IAAK,MAAA,CAAyE,iBAAA;AAAA,QAC7F,OAAA;AAAA,QACA;AAAA,UACE,QAAA,EAAU,IAAA;AAAA,UACV;AAAA;AACF,OACF;AAEA,MAAA,QAAA,CAAS,OAAA,EAAQ;AAAA,IACnB,CAAA;AAAA,IAEA,MAAM,MAAA,EAAc;AAClB,MAAA,aAAA,CAAc,GAAA,CAAI,QAAQ,IAAI,CAAA;AAAA,IAChC;AAAA,GACF;AACF,CAAA,CAAA;AAKO,MAAM,4BAAA,GAA+B,kBAAkB,6BAA6B;;;;"}

package/build/npm/esm/dev/integrations/spanstreaming.js

@@ -3,63 +3,45 @@ import { DEBUG_BUILD } from '../debug-build.js';
 
 const spanStreamingIntegration = defineIntegration(() => {
   return {
-    name: 'SpanStreaming',
-
+    name: "SpanStreaming",
     beforeSetup(client) {
-      // If users only set spanStreamingIntegration, without traceLifecycle, we set it to "stream" for them.
-      // This avoids the classic double-opt-in problem we'd otherwise have in the browser SDK.
       const clientOptions = client.getOptions();
       if (!clientOptions.traceLifecycle) {
         DEBUG_BUILD && debug.log('[SpanStreaming] setting `traceLifecycle` to "stream"');
-        clientOptions.traceLifecycle = 'stream';
+        clientOptions.traceLifecycle = "stream";
       }
     },
-
     setup(client) {
-      const initialMessage = 'SpanStreaming integration requires';
-      const fallbackMsg = 'Falling back to static trace lifecycle.';
+      const initialMessage = "SpanStreaming integration requires";
+      const fallbackMsg = "Falling back to static trace lifecycle.";
       const clientOptions = client.getOptions();
-
       if (!hasSpanStreamingEnabled(client)) {
-        clientOptions.traceLifecycle = 'static';
+        clientOptions.traceLifecycle = "static";
         DEBUG_BUILD && debug.warn(`${initialMessage} \`traceLifecycle\` to be set to "stream"! ${fallbackMsg}`);
         return;
       }
-
       const beforeSendSpan = clientOptions.beforeSendSpan;
-      // If users misconfigure their SDK by opting into span streaming but
-      // using an incompatible beforeSendSpan callback, we fall back to the static trace lifecycle.
       if (beforeSendSpan && !isStreamedBeforeSendSpanCallback(beforeSendSpan)) {
-        clientOptions.traceLifecycle = 'static';
-        DEBUG_BUILD &&
-          debug.warn(`${initialMessage} a beforeSendSpan callback using \`withStreamedSpan\`! ${fallbackMsg}`);
+        clientOptions.traceLifecycle = "static";
+        DEBUG_BUILD && debug.warn(`${initialMessage} a beforeSendSpan callback using \`withStreamedSpan\`! ${fallbackMsg}`);
         return;
       }
-
       const buffer = new SpanBuffer(client);
-
-      client.on('afterSpanEnd', span => {
-        // Negatively sampled spans must not be captured.
-        // This happens because OTel and we create non-recording spans for negatively sampled spans
-        // that go through the same life cycle as recording spans.
+      client.on("afterSpanEnd", (span) => {
         if (!spanIsSampled(span)) {
           return;
         }
         buffer.add(captureSpan(span, client));
       });
-
-      // In addition to capturing the span, we also flush the trace when the segment
-      // span ends to ensure things are sent timely. We never know when the browser
-      // is closed, users navigate away, etc.
-      client.on('afterSegmentSpanEnd', segmentSpan => {
+      client.on("afterSegmentSpanEnd", (segmentSpan) => {
         const traceId = segmentSpan.spanContext().traceId;
         setTimeout(() => {
           buffer.flush(traceId);
         }, 500);
       });
-    },
+    }
   };
-}) ;
+});
 
 export { spanStreamingIntegration };
 //# sourceMappingURL=spanstreaming.js.map

package/build/npm/esm/dev/integrations/spanstreaming.js.map

@@ -1 +1 @@
-{"version":3,"file":"spanstreaming.js","sources":["../../../../../src/integrations/spanstreaming.ts"],"sourcesContent":["import type { IntegrationFn } from '@sentry/core/browser';\nimport {\n  captureSpan,\n  debug,\n  defineIntegration,\n  hasSpanStreamingEnabled,\n  isStreamedBeforeSendSpanCallback,\n  SpanBuffer,\n  spanIsSampled,\n} from '@sentry/core/browser';\nimport { DEBUG_BUILD } from '../debug-build';\n\nexport const spanStreamingIntegration = defineIntegration(() => {\n  return {\n    name: 'SpanStreaming',\n\n    beforeSetup(client) {\n      // If users only set spanStreamingIntegration, without traceLifecycle, we set it to \"stream\" for them.\n      // This avoids the classic double-opt-in problem we'd otherwise have in the browser SDK.\n      const clientOptions = client.getOptions();\n      if (!clientOptions.traceLifecycle) {\n        DEBUG_BUILD && debug.log('[SpanStreaming] setting `traceLifecycle` to \"stream\"');\n        clientOptions.traceLifecycle = 'stream';\n      }\n    },\n\n    setup(client) {\n      const initialMessage = 'SpanStreaming integration requires';\n      const fallbackMsg = 'Falling back to static trace lifecycle.';\n      const clientOptions = client.getOptions();\n\n      if (!hasSpanStreamingEnabled(client)) {\n        clientOptions.traceLifecycle = 'static';\n        DEBUG_BUILD && debug.warn(`${initialMessage} \\`traceLifecycle\\` to be set to \"stream\"! ${fallbackMsg}`);\n        return;\n      }\n\n      const beforeSendSpan = clientOptions.beforeSendSpan;\n      // If users misconfigure their SDK by opting into span streaming but\n      // using an incompatible beforeSendSpan callback, we fall back to the static trace lifecycle.\n      if (beforeSendSpan && !isStreamedBeforeSendSpanCallback(beforeSendSpan)) {\n        clientOptions.traceLifecycle = 'static';\n        DEBUG_BUILD &&\n          debug.warn(`${initialMessage} a beforeSendSpan callback using \\`withStreamedSpan\\`! ${fallbackMsg}`);\n        return;\n      }\n\n      const buffer = new SpanBuffer(client);\n\n      client.on('afterSpanEnd', span => {\n        // Negatively sampled spans must not be captured.\n        // This happens because OTel and we create non-recording spans for negatively sampled spans\n        // that go through the same life cycle as recording spans.\n        if (!spanIsSampled(span)) {\n          return;\n        }\n        buffer.add(captureSpan(span, client));\n      });\n\n      // In addition to capturing the span, we also flush the trace when the segment\n      // span ends to ensure things are sent timely. We never know when the browser\n      // is closed, users navigate away, etc.\n      client.on('afterSegmentSpanEnd', segmentSpan => {\n        const traceId = segmentSpan.spanContext().traceId;\n        setTimeout(() => {\n          buffer.flush(traceId);\n        }, 500);\n      });\n    },\n  };\n}) satisfies IntegrationFn;\n"],"names":[],"mappings":";;;MAYa,wBAAA,GAA2B,iBAAiB,CAAC,MAAM;AAChE,EAAE,OAAO;AACT,IAAI,IAAI,EAAE,eAAe;;AAEzB,IAAI,WAAW,CAAC,MAAM,EAAE;AACxB;AACA;AACA,MAAM,MAAM,aAAA,GAAgB,MAAM,CAAC,UAAU,EAAE;AAC/C,MAAM,IAAI,CAAC,aAAa,CAAC,cAAc,EAAE;AACzC,QAAQ,eAAe,KAAK,CAAC,GAAG,CAAC,sDAAsD,CAAC;AACxF,QAAQ,aAAa,CAAC,cAAA,GAAiB,QAAQ;AAC/C,MAAM;AACN,IAAI,CAAC;;AAEL,IAAI,KAAK,CAAC,MAAM,EAAE;AAClB,MAAM,MAAM,cAAA,GAAiB,oCAAoC;AACjE,MAAM,MAAM,WAAA,GAAc,yCAAyC;AACnE,MAAM,MAAM,aAAA,GAAgB,MAAM,CAAC,UAAU,EAAE;;AAE/C,MAAM,IAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,EAAE;AAC5C,QAAQ,aAAa,CAAC,cAAA,GAAiB,QAAQ;AAC/C,QAAQ,eAAe,KAAK,CAAC,IAAI,CAAC,CAAC,EAAA,cAAA,CAAA,2CAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AACA,QAAA;AACA,MAAA;;AAEA,MAAA,MAAA,cAAA,GAAA,aAAA,CAAA,cAAA;AACA;AACA;AACA,MAAA,IAAA,cAAA,IAAA,CAAA,gCAAA,CAAA,cAAA,CAAA,EAAA;AACA,QAAA,aAAA,CAAA,cAAA,GAAA,QAAA;AACA,QAAA,WAAA;AACA,UAAA,KAAA,CAAA,IAAA,CAAA,CAAA,EAAA,cAAA,CAAA,uDAAA,EAAA,WAAA,CAAA,CAAA,CAAA;AACA,QAAA;AACA,MAAA;;AAEA,MAAA,MAAA,MAAA,GAAA,IAAA,UAAA,CAAA,MAAA,CAAA;;AAEA,MAAA,MAAA,CAAA,EAAA,CAAA,cAAA,EAAA,IAAA,IAAA;AACA;AACA;AACA;AACA,QAAA,IAAA,CAAA,aAAA,CAAA,IAAA,CAAA,EAAA;AACA,UAAA;AACA,QAAA;AACA,QAAA,MAAA,CAAA,GAAA,CAAA,WAAA,CAAA,IAAA,EAAA,MAAA,CAAA,CAAA;AACA,MAAA,CAAA,CAAA;;AAEA;AACA;AACA;AACA,MAAA,MAAA,CAAA,EAAA,CAAA,qBAAA,EAAA,WAAA,IAAA;AACA,QAAA,MAAA,OAAA,GAAA,WAAA,CAAA,WAAA,EAAA,CAAA,OAAA;AACA,QAAA,UAAA,CAAA,MAAA;AACA,UAAA,MAAA,CAAA,KAAA,CAAA,OAAA,CAAA;AACA,QAAA,CAAA,EAAA,GAAA,CAAA;AACA,MAAA,CAAA,CAAA;AACA,IAAA,CAAA;AACA,GAAA;AACA,CAAA,CAAA;;;;"}
+{"version":3,"file":"spanstreaming.js","sources":["../../../../../src/integrations/spanstreaming.ts"],"sourcesContent":["import type { IntegrationFn } from '@sentry/core/browser';\nimport {\n  captureSpan,\n  debug,\n  defineIntegration,\n  hasSpanStreamingEnabled,\n  isStreamedBeforeSendSpanCallback,\n  SpanBuffer,\n  spanIsSampled,\n} from '@sentry/core/browser';\nimport { DEBUG_BUILD } from '../debug-build';\n\nexport const spanStreamingIntegration = defineIntegration(() => {\n  return {\n    name: 'SpanStreaming',\n\n    beforeSetup(client) {\n      // If users only set spanStreamingIntegration, without traceLifecycle, we set it to \"stream\" for them.\n      // This avoids the classic double-opt-in problem we'd otherwise have in the browser SDK.\n      const clientOptions = client.getOptions();\n      if (!clientOptions.traceLifecycle) {\n        DEBUG_BUILD && debug.log('[SpanStreaming] setting `traceLifecycle` to \"stream\"');\n        clientOptions.traceLifecycle = 'stream';\n      }\n    },\n\n    setup(client) {\n      const initialMessage = 'SpanStreaming integration requires';\n      const fallbackMsg = 'Falling back to static trace lifecycle.';\n      const clientOptions = client.getOptions();\n\n      if (!hasSpanStreamingEnabled(client)) {\n        clientOptions.traceLifecycle = 'static';\n        DEBUG_BUILD && debug.warn(`${initialMessage} \\`traceLifecycle\\` to be set to \"stream\"! ${fallbackMsg}`);\n        return;\n      }\n\n      const beforeSendSpan = clientOptions.beforeSendSpan;\n      // If users misconfigure their SDK by opting into span streaming but\n      // using an incompatible beforeSendSpan callback, we fall back to the static trace lifecycle.\n      if (beforeSendSpan && !isStreamedBeforeSendSpanCallback(beforeSendSpan)) {\n        clientOptions.traceLifecycle = 'static';\n        DEBUG_BUILD &&\n          debug.warn(`${initialMessage} a beforeSendSpan callback using \\`withStreamedSpan\\`! ${fallbackMsg}`);\n        return;\n      }\n\n      const buffer = new SpanBuffer(client);\n\n      client.on('afterSpanEnd', span => {\n        // Negatively sampled spans must not be captured.\n        // This happens because OTel and we create non-recording spans for negatively sampled spans\n        // that go through the same life cycle as recording spans.\n        if (!spanIsSampled(span)) {\n          return;\n        }\n        buffer.add(captureSpan(span, client));\n      });\n\n      // In addition to capturing the span, we also flush the trace when the segment\n      // span ends to ensure things are sent timely. We never know when the browser\n      // is closed, users navigate away, etc.\n      client.on('afterSegmentSpanEnd', segmentSpan => {\n        const traceId = segmentSpan.spanContext().traceId;\n        setTimeout(() => {\n          buffer.flush(traceId);\n        }, 500);\n      });\n    },\n  };\n}) satisfies IntegrationFn;\n"],"names":[],"mappings":";;;AAYO,MAAM,wBAAA,GAA2B,kBAAkB,MAAM;AAC9D,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,eAAA;AAAA,IAEN,YAAY,MAAA,EAAQ;AAGlB,MAAA,MAAM,aAAA,GAAgB,OAAO,UAAA,EAAW;AACxC,MAAA,IAAI,CAAC,cAAc,cAAA,EAAgB;AACjC,QAAA,WAAA,IAAe,KAAA,CAAM,IAAI,sDAAsD,CAAA;AAC/E,QAAA,aAAA,CAAc,cAAA,GAAiB,QAAA;AAAA,MACjC;AAAA,IACF,CAAA;AAAA,IAEA,MAAM,MAAA,EAAQ;AACZ,MAAA,MAAM,cAAA,GAAiB,oCAAA;AACvB,MAAA,MAAM,WAAA,GAAc,yCAAA;AACpB,MAAA,MAAM,aAAA,GAAgB,OAAO,UAAA,EAAW;AAExC,MAAA,IAAI,CAAC,uBAAA,CAAwB,MAAM,CAAA,EAAG;AACpC,QAAA,aAAA,CAAc,cAAA,GAAiB,QAAA;AAC/B,QAAA,WAAA,IAAe,MAAM,IAAA,CAAK,CAAA,EAAG,cAAc,CAAA,2CAAA,EAA8C,WAAW,CAAA,CAAE,CAAA;AACtG,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,iBAAiB,aAAA,CAAc,cAAA;AAGrC,MAAA,IAAI,cAAA,IAAkB,CAAC,gCAAA,CAAiC,cAAc,CAAA,EAAG;AACvE,QAAA,aAAA,CAAc,cAAA,GAAiB,QAAA;AAC/B,QAAA,WAAA,IACE,MAAM,IAAA,CAAK,CAAA,EAAG,cAAc,CAAA,uDAAA,EAA0D,WAAW,CAAA,CAAE,CAAA;AACrG,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,MAAA,GAAS,IAAI,UAAA,CAAW,MAAM,CAAA;AAEpC,MAAA,MAAA,CAAO,EAAA,CAAG,gBAAgB,CAAA,IAAA,KAAQ;AAIhC,QAAA,IAAI,CAAC,aAAA,CAAc,IAAI,CAAA,EAAG;AACxB,UAAA;AAAA,QACF;AACA,QAAA,MAAA,CAAO,GAAA,CAAI,WAAA,CAAY,IAAA,EAAM,MAAM,CAAC,CAAA;AAAA,MACtC,CAAC,CAAA;AAKD,MAAA,MAAA,CAAO,EAAA,CAAG,uBAAuB,CAAA,WAAA,KAAe;AAC9C,QAAA,MAAM,OAAA,GAAU,WAAA,CAAY,WAAA,EAAY,CAAE,OAAA;AAC1C,QAAA,UAAA,CAAW,MAAM;AACf,UAAA,MAAA,CAAO,MAAM,OAAO,CAAA;AAAA,QACtB,GAAG,GAAG,CAAA;AAAA,MACR,CAAC,CAAA;AAAA,IACH;AAAA,GACF;AACF,CAAC;;;;"}

package/build/npm/esm/dev/integrations/spotlight.js

@@ -2,68 +2,55 @@ import { defineIntegration, debug, serializeEnvelope } from '@sentry/core/browse
 import { getNativeImplementation } from '@sentry-internal/browser-utils';
 import { DEBUG_BUILD } from '../debug-build.js';
 
-const INTEGRATION_NAME = 'SpotlightBrowser';
-
-const SPOTLIGHT_IGNORE_SPANS = [{ op: 'ui.interaction.click', name: '#sentry-spotlight' }];
-
+const INTEGRATION_NAME = "SpotlightBrowser";
+const SPOTLIGHT_IGNORE_SPANS = [{ op: "ui.interaction.click", name: "#sentry-spotlight" }];
 const _spotlightIntegration = ((options = {}) => {
-  const sidecarUrl = options.sidecarUrl || 'http://localhost:8969/stream';
-
+  const sidecarUrl = options.sidecarUrl || "http://localhost:8969/stream";
   return {
     name: INTEGRATION_NAME,
     setup: () => {
-      DEBUG_BUILD && debug.log('Using Sidecar URL', sidecarUrl);
+      DEBUG_BUILD && debug.log("Using Sidecar URL", sidecarUrl);
     },
     beforeSetup(client) {
       const opts = client.getOptions();
-      opts.ignoreSpans = [...(opts.ignoreSpans || []), ...SPOTLIGHT_IGNORE_SPANS];
+      opts.ignoreSpans = [...opts.ignoreSpans || [], ...SPOTLIGHT_IGNORE_SPANS];
     },
     afterAllSetup: (client) => {
       setupSidecarForwarding(client, sidecarUrl);
-    },
+    }
   };
-}) ;
-
+});
 function setupSidecarForwarding(client, sidecarUrl) {
-  const makeFetch = getNativeImplementation('fetch');
+  const makeFetch = getNativeImplementation("fetch");
   let failCount = 0;
-
-  client.on('beforeEnvelope', (envelope) => {
+  client.on("beforeEnvelope", (envelope) => {
     if (failCount > 3) {
-      debug.warn('[Spotlight] Disabled Sentry -> Spotlight integration due to too many failed requests:', failCount);
+      debug.warn("[Spotlight] Disabled Sentry -> Spotlight integration due to too many failed requests:", failCount);
       return;
     }
-
     makeFetch(sidecarUrl, {
-      method: 'POST',
+      method: "POST",
       body: serializeEnvelope(envelope),
       headers: {
-        'Content-Type': 'application/x-sentry-envelope',
+        "Content-Type": "application/x-sentry-envelope"
       },
-      mode: 'cors',
+      mode: "cors"
     }).then(
-      res => {
+      (res) => {
         if (res.status >= 200 && res.status < 400) {
-          // Reset failed requests counter on success
           failCount = 0;
         }
       },
-      err => {
+      (err) => {
         failCount++;
         debug.error(
           "Sentry SDK can't connect to Sidecar is it running? See: https://spotlightjs.com/sidecar/npx/",
-          err,
+          err
         );
-      },
+      }
     );
   });
 }
-
-/**
- * Use this integration to send errors and transactions to Spotlight.
- *
- * Learn more about spotlight at https://spotlightjs.com
- */
 const spotlightBrowserIntegration = defineIntegration(_spotlightIntegration);
 
 export { INTEGRATION_NAME, SPOTLIGHT_IGNORE_SPANS, spotlightBrowserIntegration };

package/build/npm/esm/dev/integrations/spotlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"spotlight.js","sources":["../../../../../src/integrations/spotlight.ts"],"sourcesContent":["import type { Client, Envelope, IntegrationFn } from '@sentry/core/browser';\nimport { debug, defineIntegration, serializeEnvelope } from '@sentry/core/browser';\nimport { getNativeImplementation } from '@sentry-internal/browser-utils';\nimport { DEBUG_BUILD } from '../debug-build';\nimport type { WINDOW } from '../helpers';\n\nexport type SpotlightConnectionOptions = {\n  /**\n   * Set this if the Spotlight Sidecar is not running on localhost:8969\n   * By default, the Url is set to http://localhost:8969/stream\n   */\n  sidecarUrl?: string;\n};\n\nexport const INTEGRATION_NAME = 'SpotlightBrowser';\n\nexport const SPOTLIGHT_IGNORE_SPANS = [{ op: 'ui.interaction.click', name: '#sentry-spotlight' }];\n\nconst _spotlightIntegration = ((options: Partial<SpotlightConnectionOptions> = {}) => {\n  const sidecarUrl = options.sidecarUrl || 'http://localhost:8969/stream';\n\n  return {\n    name: INTEGRATION_NAME,\n    setup: () => {\n      DEBUG_BUILD && debug.log('Using Sidecar URL', sidecarUrl);\n    },\n    beforeSetup(client: Client) {\n      const opts = client.getOptions();\n      opts.ignoreSpans = [...(opts.ignoreSpans || []), ...SPOTLIGHT_IGNORE_SPANS];\n    },\n    afterAllSetup: (client: Client) => {\n      setupSidecarForwarding(client, sidecarUrl);\n    },\n  };\n}) satisfies IntegrationFn;\n\nfunction setupSidecarForwarding(client: Client, sidecarUrl: string): void {\n  const makeFetch: typeof WINDOW.fetch | undefined = getNativeImplementation('fetch');\n  let failCount = 0;\n\n  client.on('beforeEnvelope', (envelope: Envelope) => {\n    if (failCount > 3) {\n      debug.warn('[Spotlight] Disabled Sentry -> Spotlight integration due to too many failed requests:', failCount);\n      return;\n    }\n\n    makeFetch(sidecarUrl, {\n      method: 'POST',\n      body: serializeEnvelope(envelope),\n      headers: {\n        'Content-Type': 'application/x-sentry-envelope',\n      },\n      mode: 'cors',\n    }).then(\n      res => {\n        if (res.status >= 200 && res.status < 400) {\n          // Reset failed requests counter on success\n          failCount = 0;\n        }\n      },\n      err => {\n        failCount++;\n        debug.error(\n          \"Sentry SDK can't connect to Sidecar is it running? See: https://spotlightjs.com/sidecar/npx/\",\n          err,\n        );\n      },\n    );\n  });\n}\n\n/**\n * Use this integration to send errors and transactions to Spotlight.\n *\n * Learn more about spotlight at https://spotlightjs.com\n */\nexport const spotlightBrowserIntegration = defineIntegration(_spotlightIntegration);\n"],"names":[],"mappings":";;;;AAcO,MAAM,gBAAA,GAAmB;;AAEzB,MAAM,sBAAA,GAAyB,CAAC,EAAE,EAAE,EAAE,sBAAsB,EAAE,IAAI,EAAE,mBAAA,EAAqB;;AAEhG,MAAM,qBAAA,IAAyB,CAAC,OAAO,GAAwC,EAAE,KAAK;AACtF,EAAE,MAAM,UAAA,GAAa,OAAO,CAAC,UAAA,IAAc,8BAA8B;;AAEzE,EAAE,OAAO;AACT,IAAI,IAAI,EAAE,gBAAgB;AAC1B,IAAI,KAAK,EAAE,MAAM;AACjB,MAAM,WAAA,IAAe,KAAK,CAAC,GAAG,CAAC,mBAAmB,EAAE,UAAU,CAAC;AAC/D,IAAI,CAAC;AACL,IAAI,WAAW,CAAC,MAAM,EAAU;AAChC,MAAM,MAAM,IAAA,GAAO,MAAM,CAAC,UAAU,EAAE;AACtC,MAAM,IAAI,CAAC,WAAA,GAAc,CAAC,IAAI,IAAI,CAAC,WAAA,IAAe,EAAE,CAAC,EAAE,GAAG,sBAAsB,CAAC;AACjF,IAAI,CAAC;AACL,IAAI,aAAa,EAAE,CAAC,MAAM,KAAa;AACvC,MAAM,sBAAsB,CAAC,MAAM,EAAE,UAAU,CAAC;AAChD,IAAI,CAAC;AACL,GAAG;AACH,CAAC,CAAA;;AAED,SAAS,sBAAsB,CAAC,MAAM,EAAU,UAAU,EAAgB;AAC1E,EAAE,MAAM,SAAS,GAAoC,uBAAuB,CAAC,OAAO,CAAC;AACrF,EAAE,IAAI,SAAA,GAAY,CAAC;;AAEnB,EAAE,MAAM,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC,QAAQ,KAAe;AACtD,IAAI,IAAI,SAAA,GAAY,CAAC,EAAE;AACvB,MAAM,KAAK,CAAC,IAAI,CAAC,uFAAuF,EAAE,SAAS,CAAC;AACpH,MAAM;AACN,IAAI;;AAEJ,IAAI,SAAS,CAAC,UAAU,EAAE;AAC1B,MAAM,MAAM,EAAE,MAAM;AACpB,MAAM,IAAI,EAAE,iBAAiB,CAAC,QAAQ,CAAC;AACvC,MAAM,OAAO,EAAE;AACf,QAAQ,cAAc,EAAE,+BAA+B;AACvD,OAAO;AACP,MAAM,IAAI,EAAE,MAAM;AAClB,KAAK,CAAC,CAAC,IAAI;AACX,MAAM,OAAO;AACb,QAAQ,IAAI,GAAG,CAAC,MAAA,IAAU,GAAA,IAAO,GAAG,CAAC,MAAA,GAAS,GAAG,EAAE;AACnD;AACA,UAAU,SAAA,GAAY,CAAC;AACvB,QAAQ;AACR,MAAM,CAAC;AACP,MAAM,OAAO;AACb,QAAQ,SAAS,EAAE;AACnB,QAAQ,KAAK,CAAC,KAAK;AACnB,UAAU,8FAA8F;AACxG,UAAU,GAAG;AACb,SAAS;AACT,MAAM,CAAC;AACP,KAAK;AACL,EAAE,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;MACa,2BAAA,GAA8B,iBAAiB,CAAC,qBAAqB;;;;"}
+{"version":3,"file":"spotlight.js","sources":["../../../../../src/integrations/spotlight.ts"],"sourcesContent":["import type { Client, Envelope, IntegrationFn } from '@sentry/core/browser';\nimport { debug, defineIntegration, serializeEnvelope } from '@sentry/core/browser';\nimport { getNativeImplementation } from '@sentry-internal/browser-utils';\nimport { DEBUG_BUILD } from '../debug-build';\nimport type { WINDOW } from '../helpers';\n\nexport type SpotlightConnectionOptions = {\n  /**\n   * Set this if the Spotlight Sidecar is not running on localhost:8969\n   * By default, the Url is set to http://localhost:8969/stream\n   */\n  sidecarUrl?: string;\n};\n\nexport const INTEGRATION_NAME = 'SpotlightBrowser';\n\nexport const SPOTLIGHT_IGNORE_SPANS = [{ op: 'ui.interaction.click', name: '#sentry-spotlight' }];\n\nconst _spotlightIntegration = ((options: Partial<SpotlightConnectionOptions> = {}) => {\n  const sidecarUrl = options.sidecarUrl || 'http://localhost:8969/stream';\n\n  return {\n    name: INTEGRATION_NAME,\n    setup: () => {\n      DEBUG_BUILD && debug.log('Using Sidecar URL', sidecarUrl);\n    },\n    beforeSetup(client: Client) {\n      const opts = client.getOptions();\n      opts.ignoreSpans = [...(opts.ignoreSpans || []), ...SPOTLIGHT_IGNORE_SPANS];\n    },\n    afterAllSetup: (client: Client) => {\n      setupSidecarForwarding(client, sidecarUrl);\n    },\n  };\n}) satisfies IntegrationFn;\n\nfunction setupSidecarForwarding(client: Client, sidecarUrl: string): void {\n  const makeFetch: typeof WINDOW.fetch | undefined = getNativeImplementation('fetch');\n  let failCount = 0;\n\n  client.on('beforeEnvelope', (envelope: Envelope) => {\n    if (failCount > 3) {\n      debug.warn('[Spotlight] Disabled Sentry -> Spotlight integration due to too many failed requests:', failCount);\n      return;\n    }\n\n    makeFetch(sidecarUrl, {\n      method: 'POST',\n      body: serializeEnvelope(envelope),\n      headers: {\n        'Content-Type': 'application/x-sentry-envelope',\n      },\n      mode: 'cors',\n    }).then(\n      res => {\n        if (res.status >= 200 && res.status < 400) {\n          // Reset failed requests counter on success\n          failCount = 0;\n        }\n      },\n      err => {\n        failCount++;\n        debug.error(\n          \"Sentry SDK can't connect to Sidecar is it running? See: https://spotlightjs.com/sidecar/npx/\",\n          err,\n        );\n      },\n    );\n  });\n}\n\n/**\n * Use this integration to send errors and transactions to Spotlight.\n *\n * Learn more about spotlight at https://spotlightjs.com\n */\nexport const spotlightBrowserIntegration = defineIntegration(_spotlightIntegration);\n"],"names":[],"mappings":";;;;AAcO,MAAM,gBAAA,GAAmB;AAEzB,MAAM,yBAAyB,CAAC,EAAE,IAAI,sBAAA,EAAwB,IAAA,EAAM,qBAAqB;AAEhG,MAAM,qBAAA,IAAyB,CAAC,OAAA,GAA+C,EAAC,KAAM;AACpF,EAAA,MAAM,UAAA,GAAa,QAAQ,UAAA,IAAc,8BAAA;AAEzC,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,gBAAA;AAAA,IACN,OAAO,MAAM;AACX,MAAA,WAAA,IAAe,KAAA,CAAM,GAAA,CAAI,mBAAA,EAAqB,UAAU,CAAA;AAAA,IAC1D,CAAA;AAAA,IACA,YAAY,MAAA,EAAgB;AAC1B,MAAA,MAAM,IAAA,GAAO,OAAO,UAAA,EAAW;AAC/B,MAAA,IAAA,CAAK,WAAA,GAAc,CAAC,GAAI,IAAA,CAAK,eAAe,EAAC,EAAI,GAAG,sBAAsB,CAAA;AAAA,IAC5E,CAAA;AAAA,IACA,aAAA,EAAe,CAAC,MAAA,KAAmB;AACjC,MAAA,sBAAA,CAAuB,QAAQ,UAAU,CAAA;AAAA,IAC3C;AAAA,GACF;AACF,CAAA,CAAA;AAEA,SAAS,sBAAA,CAAuB,QAAgB,UAAA,EAA0B;AACxE,EAAA,MAAM,SAAA,GAA6C,wBAAwB,OAAO,CAAA;AAClF,EAAA,IAAI,SAAA,GAAY,CAAA;AAEhB,EAAA,MAAA,CAAO,EAAA,CAAG,gBAAA,EAAkB,CAAC,QAAA,KAAuB;AAClD,IAAA,IAAI,YAAY,CAAA,EAAG;AACjB,MAAA,KAAA,CAAM,IAAA,CAAK,yFAAyF,SAAS,CAAA;AAC7G,MAAA;AAAA,IACF;AAEA,IAAA,SAAA,CAAU,UAAA,EAAY;AAAA,MACpB,MAAA,EAAQ,MAAA;AAAA,MACR,IAAA,EAAM,kBAAkB,QAAQ,CAAA;AAAA,MAChC,OAAA,EAAS;AAAA,QACP,cAAA,EAAgB;AAAA,OAClB;AAAA,MACA,IAAA,EAAM;AAAA,KACP,CAAA,CAAE,IAAA;AAAA,MACD,CAAA,GAAA,KAAO;AACL,QAAA,IAAI,GAAA,CAAI,MAAA,IAAU,GAAA,IAAO,GAAA,CAAI,SAAS,GAAA,EAAK;AAEzC,UAAA,SAAA,GAAY,CAAA;AAAA,QACd;AAAA,MACF,CAAA;AAAA,MACA,CAAA,GAAA,KAAO;AACL,QAAA,SAAA,EAAA;AACA,QAAA,KAAA,CAAM,KAAA;AAAA,UACJ,8FAAA;AAAA,UACA;AAAA,SACF;AAAA,MACF;AAAA,KACF;AAAA,EACF,CAAC,CAAA;AACH;AAOO,MAAM,2BAAA,GAA8B,kBAAkB,qBAAqB;;;;"}

package/build/npm/esm/dev/integrations/view-hierarchy.js

@@ -1,49 +1,33 @@
 import { defineIntegration, getComponentName } from '@sentry/core/browser';
 import { WINDOW } from '../helpers.js';
 
-/**
- * An integration to include a view hierarchy attachment which contains the DOM.
- */
 const viewHierarchyIntegration = defineIntegration((options = {}) => {
-  const skipHtmlTags = ['script'];
-
-  /** Walk an element */
+  const skipHtmlTags = ["script"];
   function walk(element, windows, depth = 0) {
     if (!element) {
       return;
     }
-
-    // With Web Components, we need to walk into shadow DOMs
-    const children = 'shadowRoot' in element && element.shadowRoot ? element.shadowRoot.children : element.children;
-
+    const children = "shadowRoot" in element && element.shadowRoot ? element.shadowRoot.children : element.children;
     for (const child of children) {
       if (!(child instanceof HTMLElement)) {
         continue;
       }
-
-      const componentName = getComponentName(child, 1) || undefined;
+      const componentName = getComponentName(child, 1) || void 0;
       const tagName = child.tagName.toLowerCase();
-
       if (skipHtmlTags.includes(tagName)) {
         continue;
       }
-
       const result = options.onElement?.({ element: child, componentName, tagName, depth }) || {};
-
-      if (result === 'skip') {
+      if (result === "skip") {
         continue;
       }
-
-      // Skip this element but include its children
-      if (result === 'children') {
+      if (result === "children") {
         walk(child, windows, depth + 1);
         continue;
       }
-
       const { x, y, width, height } = child.getBoundingClientRect();
-
       const window = {
-        identifier: (child.id || undefined) ,
+        identifier: child.id || void 0,
         type: componentName || tagName,
         visible: true,
         alpha: 1,
@@ -51,47 +35,36 @@ const viewHierarchyIntegration = defineIntegration((options = {}) => {
         width,
         x,
         y,
-        ...result,
+        ...result
       };
-
-      const children = [];
-      window.children = children;
-
-      // Recursively walk the children
+      const children2 = [];
+      window.children = children2;
       walk(child, window.children, depth + 1);
-
       windows.push(window);
     }
   }
-
   return {
-    name: 'ViewHierarchy',
+    name: "ViewHierarchy",
     processEvent: (event, hint) => {
-      // only capture for error events
-      if (event.type !== undefined || options.shouldAttach?.(event, hint) === false) {
+      if (event.type !== void 0 || options.shouldAttach?.(event, hint) === false) {
         return event;
       }
-
       const root = {
-        rendering_system: 'DOM',
-        positioning: 'absolute',
-        windows: [],
+        rendering_system: "DOM",
+        positioning: "absolute",
+        windows: []
       };
-
       walk(options.rootElement?.() || WINDOW.document.body, root.windows);
-
       const attachment = {
-        filename: 'view-hierarchy.json',
-        attachmentType: 'event.view_hierarchy',
-        contentType: 'application/json',
-        data: JSON.stringify(root),
+        filename: "view-hierarchy.json",
+        attachmentType: "event.view_hierarchy",
+        contentType: "application/json",
+        data: JSON.stringify(root)
       };
-
       hint.attachments = hint.attachments || [];
       hint.attachments.push(attachment);
-
       return event;
-    },
+    }
   };
 });
 

package/build/npm/esm/dev/integrations/view-hierarchy.js.map

@@ -1 +1 @@
-{"version":3,"file":"view-hierarchy.js","sources":["../../../../../src/integrations/view-hierarchy.ts"],"sourcesContent":["import type { Attachment, Event, EventHint, ViewHierarchyData, ViewHierarchyWindow } from '@sentry/core/browser';\nimport { defineIntegration, getComponentName } from '@sentry/core/browser';\nimport { WINDOW } from '../helpers';\n\ninterface OnElementArgs {\n  /**\n   * The element being processed.\n   */\n  element: HTMLElement;\n  /**\n   * Lowercase tag name of the element.\n   */\n  tagName: string;\n  /**\n   * The component name of the element.\n   */\n  componentName?: string;\n\n  /**\n   * The current depth of the element in the view hierarchy. The root element will have a depth of 0.\n   *\n   * This allows you to limit the traversal depth for large DOM trees.\n   */\n  depth?: number;\n}\n\ninterface Options {\n  /**\n   * Whether to attach the view hierarchy to the event.\n   *\n   * Default: Always attach.\n   */\n  shouldAttach?: (event: Event, hint: EventHint) => boolean;\n\n  /**\n   * A function that returns the root element to start walking the DOM from.\n   *\n   * Default: `window.document.body`\n   */\n  rootElement?: () => HTMLElement | undefined;\n\n  /**\n   * Called for each HTMLElement as we walk the DOM.\n   *\n   * Return an object to include the element with any additional properties.\n   * Return `skip` to exclude the element and its children.\n   * Return `children` to skip the element but include its children.\n   */\n  onElement?: (prop: OnElementArgs) => Record<string, string | number | boolean> | 'skip' | 'children';\n}\n\n/**\n * An integration to include a view hierarchy attachment which contains the DOM.\n */\nexport const viewHierarchyIntegration = defineIntegration((options: Options = {}) => {\n  const skipHtmlTags = ['script'];\n\n  /** Walk an element */\n  function walk(element: HTMLElement, windows: ViewHierarchyWindow[], depth = 0): void {\n    if (!element) {\n      return;\n    }\n\n    // With Web Components, we need to walk into shadow DOMs\n    const children = 'shadowRoot' in element && element.shadowRoot ? element.shadowRoot.children : element.children;\n\n    for (const child of children) {\n      if (!(child instanceof HTMLElement)) {\n        continue;\n      }\n\n      const componentName = getComponentName(child, 1) || undefined;\n      const tagName = child.tagName.toLowerCase();\n\n      if (skipHtmlTags.includes(tagName)) {\n        continue;\n      }\n\n      const result = options.onElement?.({ element: child, componentName, tagName, depth }) || {};\n\n      if (result === 'skip') {\n        continue;\n      }\n\n      // Skip this element but include its children\n      if (result === 'children') {\n        walk(child, windows, depth + 1);\n        continue;\n      }\n\n      const { x, y, width, height } = child.getBoundingClientRect();\n\n      const window: ViewHierarchyWindow = {\n        identifier: (child.id || undefined) as string,\n        type: componentName || tagName,\n        visible: true,\n        alpha: 1,\n        height,\n        width,\n        x,\n        y,\n        ...result,\n      };\n\n      const children: ViewHierarchyWindow[] = [];\n      window.children = children;\n\n      // Recursively walk the children\n      walk(child, window.children, depth + 1);\n\n      windows.push(window);\n    }\n  }\n\n  return {\n    name: 'ViewHierarchy',\n    processEvent: (event, hint) => {\n      // only capture for error events\n      if (event.type !== undefined || options.shouldAttach?.(event, hint) === false) {\n        return event;\n      }\n\n      const root: ViewHierarchyData = {\n        rendering_system: 'DOM',\n        positioning: 'absolute',\n        windows: [],\n      };\n\n      walk(options.rootElement?.() || WINDOW.document.body, root.windows);\n\n      const attachment: Attachment = {\n        filename: 'view-hierarchy.json',\n        attachmentType: 'event.view_hierarchy',\n        contentType: 'application/json',\n        data: JSON.stringify(root),\n      };\n\n      hint.attachments = hint.attachments || [];\n      hint.attachments.push(attachment);\n\n      return event;\n    },\n  };\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"view-hierarchy.js","sources":["../../../../../src/integrations/view-hierarchy.ts"],"sourcesContent":["import type { Attachment, Event, EventHint, ViewHierarchyData, ViewHierarchyWindow } from '@sentry/core/browser';\nimport { defineIntegration, getComponentName } from '@sentry/core/browser';\nimport { WINDOW } from '../helpers';\n\ninterface OnElementArgs {\n  /**\n   * The element being processed.\n   */\n  element: HTMLElement;\n  /**\n   * Lowercase tag name of the element.\n   */\n  tagName: string;\n  /**\n   * The component name of the element.\n   */\n  componentName?: string;\n\n  /**\n   * The current depth of the element in the view hierarchy. The root element will have a depth of 0.\n   *\n   * This allows you to limit the traversal depth for large DOM trees.\n   */\n  depth?: number;\n}\n\ninterface Options {\n  /**\n   * Whether to attach the view hierarchy to the event.\n   *\n   * Default: Always attach.\n   */\n  shouldAttach?: (event: Event, hint: EventHint) => boolean;\n\n  /**\n   * A function that returns the root element to start walking the DOM from.\n   *\n   * Default: `window.document.body`\n   */\n  rootElement?: () => HTMLElement | undefined;\n\n  /**\n   * Called for each HTMLElement as we walk the DOM.\n   *\n   * Return an object to include the element with any additional properties.\n   * Return `skip` to exclude the element and its children.\n   * Return `children` to skip the element but include its children.\n   */\n  onElement?: (prop: OnElementArgs) => Record<string, string | number | boolean> | 'skip' | 'children';\n}\n\n/**\n * An integration to include a view hierarchy attachment which contains the DOM.\n */\nexport const viewHierarchyIntegration = defineIntegration((options: Options = {}) => {\n  const skipHtmlTags = ['script'];\n\n  /** Walk an element */\n  function walk(element: HTMLElement, windows: ViewHierarchyWindow[], depth = 0): void {\n    if (!element) {\n      return;\n    }\n\n    // With Web Components, we need to walk into shadow DOMs\n    const children = 'shadowRoot' in element && element.shadowRoot ? element.shadowRoot.children : element.children;\n\n    for (const child of children) {\n      if (!(child instanceof HTMLElement)) {\n        continue;\n      }\n\n      const componentName = getComponentName(child, 1) || undefined;\n      const tagName = child.tagName.toLowerCase();\n\n      if (skipHtmlTags.includes(tagName)) {\n        continue;\n      }\n\n      const result = options.onElement?.({ element: child, componentName, tagName, depth }) || {};\n\n      if (result === 'skip') {\n        continue;\n      }\n\n      // Skip this element but include its children\n      if (result === 'children') {\n        walk(child, windows, depth + 1);\n        continue;\n      }\n\n      const { x, y, width, height } = child.getBoundingClientRect();\n\n      const window: ViewHierarchyWindow = {\n        identifier: (child.id || undefined) as string,\n        type: componentName || tagName,\n        visible: true,\n        alpha: 1,\n        height,\n        width,\n        x,\n        y,\n        ...result,\n      };\n\n      const children: ViewHierarchyWindow[] = [];\n      window.children = children;\n\n      // Recursively walk the children\n      walk(child, window.children, depth + 1);\n\n      windows.push(window);\n    }\n  }\n\n  return {\n    name: 'ViewHierarchy',\n    processEvent: (event, hint) => {\n      // only capture for error events\n      if (event.type !== undefined || options.shouldAttach?.(event, hint) === false) {\n        return event;\n      }\n\n      const root: ViewHierarchyData = {\n        rendering_system: 'DOM',\n        positioning: 'absolute',\n        windows: [],\n      };\n\n      walk(options.rootElement?.() || WINDOW.document.body, root.windows);\n\n      const attachment: Attachment = {\n        filename: 'view-hierarchy.json',\n        attachmentType: 'event.view_hierarchy',\n        contentType: 'application/json',\n        data: JSON.stringify(root),\n      };\n\n      hint.attachments = hint.attachments || [];\n      hint.attachments.push(attachment);\n\n      return event;\n    },\n  };\n});\n"],"names":["children"],"mappings":"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"}