@sentry/replay 7.87.0 → 7.89.0

package/esm/index.js

@@ -1,4 +1,4 @@
-import { getCurrentHub, getClient, isSentryRequestUrl, addEventProcessor, prepareEvent, setContext, captureException } from '@sentry/core';
+import { addBreadcrumb, getClient, isSentryRequestUrl, getCurrentScope, addEventProcessor, prepareEvent, setContext, captureException } from '@sentry/core';
 import { GLOBAL_OBJ, normalize, fill, htmlTreeAsString, browserPerformanceTimeOrigin, logger, uuid4, SENTRY_XHR_DATA_KEY, dropUndefinedKeys, stringMatchesSomePattern, addFetchInstrumentationHandler, addXhrInstrumentationHandler, addClickKeypressInstrumentationHandler, addHistoryInstrumentationHandler, createEnvelope, createEventEnvelopeHeaders, getSdkMetadataForEnvelopeHeader, updateRateLimits, isRateLimited, consoleSandbox, isBrowser } from '@sentry/utils';
 import { addPerformanceInstrumentationHandler, addLcpInstrumentationHandler } from '@sentry-internal/tracing';
 
@@ -3442,6 +3442,7 @@ function wrapEvent(e) {
     eWithTime.timestamp = nowTimestamp();
     return eWithTime;
 }
+let _wrappedEmit;
 let _takeFullSnapshot;
 const mirror = createMirror();
 function record(options = {}) {
@@ -3562,6 +3563,7 @@ function record(options = {}) {
             }
         }
     };
+    _wrappedEmit = wrappedEmit;
     const wrappedMutationEmit = (m) => {
         wrappedEmit(wrapEvent({
             type: EventType.IncrementalSnapshot,
@@ -3602,16 +3604,14 @@ function record(options = {}) {
             });
     }
     const processedNodeManager = new ProcessedNodeManager();
-    const canvasManager = getCanvasManager
-        ? getCanvasManager({
-            recordCanvas,
-            blockClass,
-            blockSelector,
-            unblockSelector,
-            sampling: sampling['canvas'],
-            dataURLOptions,
-        })
-        : new CanvasManagerNoop();
+    const canvasManager = _getCanvasManager(getCanvasManager, {
+        recordCanvas,
+        blockClass,
+        blockSelector,
+        unblockSelector,
+        sampling: sampling['canvas'],
+        dataURLOptions,
+    });
     const shadowDomManager = typeof __RRWEB_EXCLUDE_SHADOW_DOM__ === 'boolean' &&
         __RRWEB_EXCLUDE_SHADOW_DOM__
         ? new ShadowDomManagerNoop()
@@ -3863,8 +3863,22 @@ function takeFullSnapshot(isCheckout) {
     }
     _takeFullSnapshot(isCheckout);
 }
+function wrappedEmit(e) {
+    if (!_wrappedEmit) {
+        return;
+    }
+    _wrappedEmit(e);
+}
 record.mirror = mirror;
 record.takeFullSnapshot = takeFullSnapshot;
+function _getCanvasManager(getCanvasManagerFn, options) {
+    return getCanvasManagerFn
+        ? getCanvasManagerFn(Object.assign(Object.assign({}, options), { mirror, win: window, mutationCb: (p) => wrappedEmit(wrapEvent({
+                type: EventType.IncrementalSnapshot,
+                data: Object.assign({ source: IncrementalSource.CanvasMutation }, p),
+            })) }))
+        : new CanvasManagerNoop();
+}
 
 const ReplayEventTypeIncrementalSnapshot = 3;
 const ReplayEventTypeCustom = 5;
@@ -4723,7 +4737,7 @@ function logInfo(message, shouldAddBreadcrumb) {
   logger.info(message);
 
   if (shouldAddBreadcrumb) {
-    addBreadcrumb(message);
+    addLogBreadcrumb(message);
   }
 }
 
@@ -4742,14 +4756,13 @@ function logInfoNextTick(message, shouldAddBreadcrumb) {
     // Wait a tick here to avoid race conditions for some initial logs
     // which may be added before replay is initialized
     setTimeout(() => {
-      addBreadcrumb(message);
+      addLogBreadcrumb(message);
     }, 0);
   }
 }
 
-function addBreadcrumb(message) {
-  const hub = getCurrentHub();
-  hub.addBreadcrumb(
+function addLogBreadcrumb(message) {
+  addBreadcrumb(
     {
       category: 'console',
       data: {
@@ -5929,7 +5942,7 @@ function shouldFilterRequest(replay, url) {
     return false;
   }
 
-  return isSentryRequestUrl(url, getCurrentHub());
+  return isSentryRequestUrl(url, getClient());
 }
 
 /** Add a performance entry breadcrumb */
@@ -7007,7 +7020,7 @@ function normalizeConsoleBreadcrumb(
  */
 function addGlobalListeners(replay) {
   // Listeners from core SDK //
-  const scope = getCurrentHub().getScope();
+  const scope = getCurrentScope();
   const client = getClient();
 
   scope.addScopeListener(handleScopeListener(replay));
@@ -7440,9 +7453,8 @@ async function sendReplayRequest({
 
   const { urls, errorIds, traceIds, initialTimestamp } = eventContext;
 
-  const hub = getCurrentHub();
-  const client = hub.getClient();
-  const scope = hub.getScope();
+  const client = getClient();
+  const scope = getCurrentScope();
   const transport = client && client.getTransport();
   const dsn = client && client.getDsn();
 
@@ -7946,7 +7958,10 @@ class ReplayContainer  {
         ...(canvas && {
           recordCanvas: true,
           sampling: { canvas: canvas.fps || 4 },
-          dataURLOptions: { quality: canvas.quality || 0.6 },
+          dataURLOptions: {
+            type: canvas.type || 'image/webp',
+            quality: canvas.quality || 0.6,
+          },
           getCanvasManager: canvas.manager,
         }),
       });
@@ -8301,7 +8316,7 @@ class ReplayContainer  {
    * This is only available if performance is enabled, and if an instrumented router is used.
    */
    getCurrentRoute() {
-    const lastTransaction = this.lastTransaction || getCurrentHub().getScope().getTransaction();
+    const lastTransaction = this.lastTransaction || getCurrentScope().getTransaction();
     if (!lastTransaction || !['route', 'custom'].includes(lastTransaction.metadata.source)) {
       return undefined;
     }