@sentry/replay 7.87.0 → 7.89.0

package/cjs/index.js

@@ -3444,6 +3444,7 @@ function wrapEvent(e) {
     eWithTime.timestamp = nowTimestamp();
     return eWithTime;
 }
+let _wrappedEmit;
 let _takeFullSnapshot;
 const mirror = createMirror();
 function record(options = {}) {
@@ -3564,6 +3565,7 @@ function record(options = {}) {
             }
         }
     };
+    _wrappedEmit = wrappedEmit;
     const wrappedMutationEmit = (m) => {
         wrappedEmit(wrapEvent({
             type: EventType.IncrementalSnapshot,
@@ -3604,16 +3606,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()
@@ -3865,8 +3865,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;
@@ -4725,7 +4739,7 @@ function logInfo(message, shouldAddBreadcrumb) {
   utils.logger.info(message);
 
   if (shouldAddBreadcrumb) {
-    addBreadcrumb(message);
+    addLogBreadcrumb(message);
   }
 }
 
@@ -4744,14 +4758,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 = core.getCurrentHub();
-  hub.addBreadcrumb(
+function addLogBreadcrumb(message) {
+  core.addBreadcrumb(
     {
       category: 'console',
       data: {
@@ -5931,7 +5944,7 @@ function shouldFilterRequest(replay, url) {
     return false;
   }
 
-  return core.isSentryRequestUrl(url, core.getCurrentHub());
+  return core.isSentryRequestUrl(url, core.getClient());
 }
 
 /** Add a performance entry breadcrumb */
@@ -7009,7 +7022,7 @@ function normalizeConsoleBreadcrumb(
  */
 function addGlobalListeners(replay) {
   // Listeners from core SDK //
-  const scope = core.getCurrentHub().getScope();
+  const scope = core.getCurrentScope();
   const client = core.getClient();
 
   scope.addScopeListener(handleScopeListener(replay));
@@ -7442,9 +7455,8 @@ async function sendReplayRequest({
 
   const { urls, errorIds, traceIds, initialTimestamp } = eventContext;
 
-  const hub = core.getCurrentHub();
-  const client = hub.getClient();
-  const scope = hub.getScope();
+  const client = core.getClient();
+  const scope = core.getCurrentScope();
   const transport = client && client.getTransport();
   const dsn = client && client.getDsn();
 
@@ -7948,7 +7960,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,
         }),
       });
@@ -8303,7 +8318,7 @@ class ReplayContainer  {
    * This is only available if performance is enabled, and if an instrumented router is used.
    */
    getCurrentRoute() {
-    const lastTransaction = this.lastTransaction || core.getCurrentHub().getScope().getTransaction();
+    const lastTransaction = this.lastTransaction || core.getCurrentScope().getTransaction();
     if (!lastTransaction || !['route', 'custom'].includes(lastTransaction.metadata.source)) {
       return undefined;
     }