@sentry/replay 11.4.0 → 11.6.0

package/build/npm/esm/index.js

@@ -1,4 +1,4 @@
-import { GLOBAL_OBJ, normalize, isObjectLike, fill, browserPerformanceTimeOrigin, debug as debug$1, severityLevelFromString, captureException, addBreadcrumb, uuid4, getClient, getCurrentScope, getActiveSpan, getDynamicSamplingContextFromSpan, isSentryRequestUrl, stringMatchesSomePattern, addEventProcessor, debounce as debounce$1, createEnvelope, createEventEnvelopeHeaders, getSdkMetadataForEnvelopeHeader, prepareEvent, getIsolationScope, updateRateLimits, isRateLimited, setContext, getRootSpan, spanToJSON, isBrowser, safeSetSpanJSONAttributes, parseSampleRate, consoleSandbox } from '@sentry/core';
+import { GLOBAL_OBJ, normalize, isObjectLike, fill, _INTERNAL_performanceTimeToSeconds, debug as debug$1, severityLevelFromString, captureException, addBreadcrumb, uuid4, getClient, getCurrentScope, getActiveSpan, getDynamicSamplingContextFromSpan, isSentryRequestUrl, stringMatchesSomePattern, addEventProcessor, debounce as debounce$1, createEnvelope, createEventEnvelopeHeaders, getSdkMetadataForEnvelopeHeader, prepareEvent, getIsolationScope, updateRateLimits, isRateLimited, setContext, getRootSpan, spanToJSON, isBrowser, safeSetSpanJSONAttributes, parseSampleRate, consoleSandbox } from '@sentry/core';
 import { setTimeout as setTimeout$3, htmlTreeAsString, addPerformanceInstrumentationHandler, addLcpInstrumentationHandler, addClsInstrumentationHandler, addInpInstrumentationHandler, getLocationHref, serializeFormData, getFetchRequestArgBody, getBodyString, SENTRY_XHR_DATA_KEY, parseXhrResponseHeaders, addClickKeypressInstrumentationHandler, addHistoryInstrumentationHandler } from '@sentry/browser-utils';
 
 const WINDOW = GLOBAL_OBJ;
@@ -21,7 +21,7 @@ const MIN_REPLAY_DURATION = 4999;
 const MIN_REPLAY_DURATION_LIMIT = 5e4;
 const MAX_REPLAY_DURATION = 36e5;
 
-const Hd="sentry.segment.name.source";
+const jd="sentry.segment.name.source";
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -156,6 +156,9 @@ class Mirror {
         (childNode) => this.removeNodeFromMap(childNode)
       );
     }
+    if (isElement$1(n) && n.shadowRoot) {
+      this.removeNodeFromMap(n.shadowRoot);
+    }
   }
   has(id) {
     return this.idNodeMap.has(id);
@@ -272,8 +275,9 @@ function getImplementation$1(name) {
   if (cached) {
     return cached;
   }
+  const windowImpl = window[name].bind(window);
+  let impl = windowImpl;
   const document2 = window.document;
-  let impl = window[name];
   if (document2 && typeof document2.createElement === "function") {
     try {
       const sandbox = document2.createElement("iframe");
@@ -281,16 +285,21 @@ function getImplementation$1(name) {
       document2.head.appendChild(sandbox);
       const contentWindow = sandbox.contentWindow;
       if (contentWindow && contentWindow[name]) {
-        impl = // eslint-disable-next-line @typescript-eslint/unbound-method
-        contentWindow[name];
+        const sandboxImpl = contentWindow[name].bind(window);
+        impl = (...args) => {
+          try {
+            return sandboxImpl(...args);
+          } catch {
+            cachedImplementations$1[name] = windowImpl;
+            return windowImpl(...args);
+          }
+        };
       }
       document2.head.removeChild(sandbox);
     } catch (e) {
     }
   }
-  return cachedImplementations$1[name] = impl.bind(
-    window
-  );
+  return cachedImplementations$1[name] = impl;
 }
 function setTimeout$1(...rest) {
   return getImplementation$1("setTimeout")(...rest);
@@ -549,6 +558,9 @@ function elementClassMatchesRegex(el, regex) {
 }
 function distanceToMatch(node, matchPredicate, limit = Infinity, distance = 0) {
   if (!node) return -1;
+  if (isShadowRoot(node)) {
+    return distanceToMatch(node.host, matchPredicate, limit, distance + 1);
+  }
   if (node.nodeType !== node.ELEMENT_NODE) return -1;
   if (distance > limit) return -1;
   if (matchPredicate(node)) return distance;
@@ -1749,8 +1761,9 @@ function getImplementation(name) {
   if (cached) {
     return cached;
   }
+  const windowImpl = window[name].bind(window);
+  let impl = windowImpl;
   const document2 = window.document;
-  let impl = window[name];
   if (document2 && typeof document2.createElement === "function") {
     try {
       const sandbox = document2.createElement("iframe");
@@ -1758,16 +1771,21 @@ function getImplementation(name) {
       document2.head.appendChild(sandbox);
       const contentWindow = sandbox.contentWindow;
       if (contentWindow && contentWindow[name]) {
-        impl = // eslint-disable-next-line @typescript-eslint/unbound-method
-        contentWindow[name];
+        const sandboxImpl = contentWindow[name].bind(window);
+        impl = (...args) => {
+          try {
+            return sandboxImpl(...args);
+          } catch {
+            cachedImplementations[name] = windowImpl;
+            return windowImpl(...args);
+          }
+        };
       }
       document2.head.removeChild(sandbox);
     } catch (e) {
     }
   }
-  return cachedImplementations[name] = impl.bind(
-    window
-  );
+  return cachedImplementations[name] = impl;
 }
 function onRequestAnimationFrame(...rest) {
   return getImplementation("requestAnimationFrame")(...rest);
@@ -3904,10 +3922,14 @@ class ShadowDomManager {
     const iframeDoc = getIFrameContentDocument(iframeElement);
     const iframeWindow = getIFrameContentWindow(iframeElement);
     if (!iframeDoc || !iframeWindow) return;
-    this.patchAttachShadow(
-      iframeWindow.Element,
-      iframeDoc
-    );
+    let iframeElementConstructor;
+    try {
+      iframeElementConstructor = iframeWindow.Element;
+    } catch (e2) {
+      return;
+    }
+    if (!iframeElementConstructor) return;
+    this.patchAttachShadow(iframeElementConstructor, iframeDoc);
   }
   /**
    * Patch 'attachShadow' to observe newly added shadow doms.
@@ -5054,8 +5076,8 @@ function createPerformanceEntry(entry) {
   }
   return entryType(entry);
 }
-function getAbsoluteTime(time) {
-  return ((browserPerformanceTimeOrigin() || WINDOW.performance.timeOrigin) + time) / 1e3;
+function getAbsoluteTime(time, entryStartTime = time) {
+  return _INTERNAL_performanceTimeToSeconds(time, entryStartTime);
 }
 function createPaintEntry(entry) {
   const { duration, entryType, name, startTime } = entry;
@@ -5092,7 +5114,7 @@ function createNavigationEntry(entry) {
   return {
     type: `${entryType}.${type}`,
     start: getAbsoluteTime(startTime),
-    end: getAbsoluteTime(domComplete),
+    end: getAbsoluteTime(domComplete, startTime),
     name,
     data: {
       size: transferSize,
@@ -5127,7 +5149,7 @@ function createResourceEntry(entry) {
   return {
     type: `${entryType}.${initiatorType}`,
     start: getAbsoluteTime(startTime),
-    end: getAbsoluteTime(responseEnd),
+    end: getAbsoluteTime(responseEnd, startTime),
     name,
     data: {
       size: transferSize,
@@ -5173,7 +5195,8 @@ function getInteractionToNextPaint(metric) {
 function getWebVital(metric, name, nodes, attributions) {
   const value = metric.value;
   const rating = metric.rating;
-  const end = getAbsoluteTime(value);
+  const lastEntry = metric.entries[metric.entries.length - 1];
+  const end = getAbsoluteTime(lastEntry?.startTime ?? (metric.navigationStartTime ?? 0) + value);
   return {
     type: "web-vital",
     name,
@@ -7711,7 +7734,7 @@ class ReplayContainer {
       return void 0;
     }
     const spanJson = spanToJSON(lastRootSpan);
-    const source = spanJson.attributes[Hd];
+    const source = spanJson.attributes[jd];
     if (!source || !["route", "custom"].includes(source)) {
       return void 0;
     }