@sentry/replay 10.63.0 → 10.65.0

package/build/npm/esm/index.js

@@ -1,4 +1,4 @@
-import { GLOBAL_OBJ, normalize, fill, browserPerformanceTimeOrigin, debug as debug$1, severityLevelFromString, captureException, addBreadcrumb, uuid4, getClient, spanIsSampled, getLocationHref, getCurrentScope, getActiveSpan, getDynamicSamplingContextFromSpan, isSentryRequestUrl, stringMatchesSomePattern, addEventProcessor, debounce as debounce$1, createEnvelope, createEventEnvelopeHeaders, getSdkMetadataForEnvelopeHeader, prepareEvent, getIsolationScope, updateRateLimits, isRateLimited, setContext, getRootSpan, spanToJSON, SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, isBrowser, safeSetSpanJSONAttributes, parseSampleRate, consoleSandbox } from '@sentry/core';
+import { GLOBAL_OBJ, normalize, isObjectLike, fill, browserPerformanceTimeOrigin, debug as debug$1, severityLevelFromString, captureException, addBreadcrumb, uuid4, getClient, getLocationHref, getCurrentScope, getActiveSpan, getDynamicSamplingContextFromSpan, isSentryRequestUrl, stringMatchesSomePattern, addEventProcessor, debounce as debounce$1, createEnvelope, createEventEnvelopeHeaders, getSdkMetadataForEnvelopeHeader, prepareEvent, getIsolationScope, updateRateLimits, isRateLimited, setContext, getRootSpan, spanToJSON, SEMANTIC_ATTRIBUTE_SENTRY_SOURCE, isBrowser, safeSetSpanJSONAttributes, parseSampleRate, consoleSandbox } from '@sentry/core';
 import { setTimeout as setTimeout$3, htmlTreeAsString, addPerformanceInstrumentationHandler, addLcpInstrumentationHandler, addClsInstrumentationHandler, addInpInstrumentationHandler, serializeFormData, getFetchRequestArgBody, getBodyString, SENTRY_XHR_DATA_KEY, parseXhrResponseHeaders, addClickKeypressInstrumentationHandler, addHistoryInstrumentationHandler } from '@sentry/browser-utils';
 
 const WINDOW = GLOBAL_OBJ;
@@ -4633,7 +4633,7 @@ function getTargetNode(event) {
   return event;
 }
 function isEventWithTarget(event) {
-  return typeof event === "object" && !!event && "target" in event;
+  return isObjectLike(event) && "target" in event;
 }
 
 let handlers;
@@ -5825,6 +5825,10 @@ async function _addEvent(replay, event, isCheckout) {
     }
     return await eventBuffer.addEvent(eventAfterPossibleCallback);
   } catch (error) {
+    if (!replay.isEnabled()) {
+      replay.handleException(error);
+      return null;
+    }
     const isExceeded = error && error instanceof EventBufferSizeExceededError;
     const reason = isExceeded ? "eventBufferOverflow" : "eventBufferError";
     const client = getClient();
@@ -5867,23 +5871,23 @@ function maybeApplyCallback(event, callback) {
   return event;
 }
 
-const MAX_TRACE_IDS = 100;
-function addTraceIdToContext(replay, traceId) {
+const MAX_CONTEXT_VALUES = 100;
+function addSegmentDetailsToContext(replay, traceId, segmentName) {
   const replayContext = replay.getContext();
-  if (replayContext.traceIds.size < MAX_TRACE_IDS) {
+  if (traceId && replayContext.traceIds.size < MAX_CONTEXT_VALUES) {
     replayContext.traceIds.add(traceId);
   }
+  if (segmentName && replayContext.segmentNames.size < MAX_CONTEXT_VALUES) {
+    replayContext.segmentNames.add(segmentName);
+  }
 }
 
-function handleAfterSegmentSpanEnd(replay) {
-  return (segmentSpan) => {
-    if (!replay.isEnabled() || !spanIsSampled(segmentSpan)) {
+function handleProcessSegmentSpan(replay) {
+  return (spanJSON) => {
+    if (!replay.isEnabled()) {
       return;
     }
-    const traceId = segmentSpan.spanContext().traceId;
-    if (traceId) {
-      addTraceIdToContext(replay, traceId);
-    }
+    addSegmentDetailsToContext(replay, spanJSON.trace_id, spanJSON.name || void 0);
   };
 }
 
@@ -5917,10 +5921,7 @@ function handleAfterSendEvent(replay) {
   };
 }
 function handleTransactionEvent(replay, event) {
-  const traceId = event.contexts?.trace?.trace_id;
-  if (traceId) {
-    addTraceIdToContext(replay, traceId);
-  }
+  addSegmentDetailsToContext(replay, event.contexts?.trace?.trace_id, event.transaction);
 }
 function handleErrorEvent(replay, event) {
   const replayContext = replay.getContext();
@@ -6683,7 +6684,7 @@ function _parseXhrResponse(body, responseType) {
     if (body instanceof Document) {
       return [body.body.outerHTML];
     }
-    if (responseType === "json" && body && typeof body === "object") {
+    if (responseType === "json" && isObjectLike(body)) {
       return [JSON.stringify(body)];
     }
     if (!body) {
@@ -6698,7 +6699,7 @@ function _parseXhrResponse(body, responseType) {
 }
 function _getBodySize(body, responseType) {
   try {
-    const bodyStr = responseType === "json" && body && typeof body === "object" ? JSON.stringify(body) : body;
+    const bodyStr = responseType === "json" && isObjectLike(body) ? JSON.stringify(body) : body;
     return getBodySize(bodyStr);
   } catch {
     return void 0;
@@ -6779,7 +6780,7 @@ function addGlobalListeners(replay) {
         }
       }
     });
-    client.on("afterSegmentSpanEnd", handleAfterSegmentSpanEnd(replay));
+    client.on("processSegmentSpan", handleProcessSegmentSpan(replay));
     client.on("spanStart", (span) => {
       replay.lastActiveSpan = span;
     });
@@ -6854,46 +6855,50 @@ function getRecordingSamplingOptions() {
 function getHandleRecordingEmit(replay) {
   let hadFirstEvent = false;
   return (event, _isCheckout) => {
-    if (!replay.checkAndHandleExpiredSession()) {
-      DEBUG_BUILD && debug.warn("Received replay event after session expired.");
-      return;
-    }
-    const isCheckout = _isCheckout || !hadFirstEvent;
-    hadFirstEvent = true;
-    syncMirrorAttributesFromMutationEvent(event);
-    if (replay.clickDetector) {
-      updateClickDetectorForRecordingEvent(replay.clickDetector, event);
-    }
-    replay.addUpdate(() => {
-      if (replay.recordingMode === "buffer" && isCheckout) {
-        replay.setInitialState();
-      }
-      if (!addEventSync(replay, event, isCheckout)) {
-        return true;
+    try {
+      if (!replay.checkAndHandleExpiredSession()) {
+        DEBUG_BUILD && debug.warn("Received replay event after session expired.");
+        return;
       }
-      if (!isCheckout) {
-        return false;
+      const isCheckout = _isCheckout || !hadFirstEvent;
+      hadFirstEvent = true;
+      syncMirrorAttributesFromMutationEvent(event);
+      if (replay.clickDetector) {
+        updateClickDetectorForRecordingEvent(replay.clickDetector, event);
       }
-      const session = replay.session;
-      addSettingsEvent(replay, isCheckout);
-      if (replay.recordingMode === "buffer" && session && replay.eventBuffer && !session.dirty) {
-        const earliestEvent = replay.eventBuffer.getEarliestTimestamp();
-        if (earliestEvent) {
-          DEBUG_BUILD && debug.log(`Updating session start time to earliest event in buffer to ${new Date(earliestEvent)}`);
-          session.started = earliestEvent;
-          if (replay.getOptions().stickySession) {
-            saveSession(session);
+      replay.addUpdate(() => {
+        if (replay.recordingMode === "buffer" && isCheckout) {
+          replay.setInitialState();
+        }
+        if (!addEventSync(replay, event, isCheckout)) {
+          return true;
+        }
+        if (!isCheckout) {
+          return false;
+        }
+        const session = replay.session;
+        addSettingsEvent(replay, isCheckout);
+        if (replay.recordingMode === "buffer" && session && replay.eventBuffer && !session.dirty) {
+          const earliestEvent = replay.eventBuffer.getEarliestTimestamp();
+          if (earliestEvent) {
+            DEBUG_BUILD && debug.log(`Updating session start time to earliest event in buffer to ${new Date(earliestEvent)}`);
+            session.started = earliestEvent;
+            if (replay.getOptions().stickySession) {
+              saveSession(session);
+            }
           }
         }
-      }
-      if (session?.previousSessionId) {
+        if (session?.previousSessionId) {
+          return true;
+        }
+        if (replay.recordingMode === "session") {
+          void replay.flush();
+        }
         return true;
-      }
-      if (replay.recordingMode === "session") {
-        void replay.flush();
-      }
-      return true;
-    });
+      });
+    } catch (error) {
+      replay.handleException(error);
+    }
   };
 }
 function syncMirrorAttributesFromMutationEvent(event) {
@@ -7044,7 +7049,7 @@ async function sendReplayRequest({
       segment_id
     }
   });
-  const { urls, errorIds, traceIds, initialTimestamp } = eventContext;
+  const { urls, errorIds, traceIds, segmentNames, initialTimestamp } = eventContext;
   const client = getClient();
   const scope = getCurrentScope();
   const transport = client?.getTransport();
@@ -7058,6 +7063,7 @@ async function sendReplayRequest({
     timestamp: timestamp / 1e3,
     error_ids: errorIds,
     trace_ids: traceIds,
+    segment_names: segmentNames,
     urls,
     replay_id: replayId,
     segment_id,
@@ -7203,6 +7209,7 @@ class ReplayContainer {
     this._context = {
       errorIds: /* @__PURE__ */ new Set(),
       traceIds: /* @__PURE__ */ new Set(),
+      segmentNames: /* @__PURE__ */ new Set(),
       urls: [],
       initialTimestamp: Date.now(),
       initialUrl: ""
@@ -7875,6 +7882,7 @@ class ReplayContainer {
   _clearContext() {
     this._context.errorIds.clear();
     this._context.traceIds.clear();
+    this._context.segmentNames.clear();
     this._context.urls = [];
   }
   /** Update the initial timestamp based on the buffer content. */
@@ -7900,6 +7908,7 @@ class ReplayContainer {
       initialUrl: this._context.initialUrl,
       errorIds: Array.from(this._context.errorIds),
       traceIds: Array.from(this._context.traceIds),
+      segmentNames: Array.from(this._context.segmentNames),
       urls: this._context.urls
     };
     this._clearContext();