@posthog/rrweb-record 0.0.27 → 0.0.29

package/dist/rrweb-record.umd.cjs

@@ -10337,6 +10337,11 @@ class MutationBuffer {
     this.shadowDomManager.reset();
     this.canvasManager.reset();
   }
+  destroy() {
+    while (this.mapRemoves.length) {
+      this.mirror.removeNodeFromMap(this.mapRemoves.shift());
+    }
+  }
 }
 function deepDelete(addsSet, n2) {
   addsSet.delete(n2);
@@ -11381,6 +11386,7 @@ function initObservers(o2, hooks = {}) {
     );
   }
   return callbackWrapper(() => {
+    mutationBuffers.forEach((b) => b.destroy());
     mutationBuffers.forEach((b) => b.reset());
     mutationObserver == null ? void 0 : mutationObserver.disconnect();
     mousemoveHandler();
@@ -11718,6 +11724,8 @@ class IframeManager {
       contentWindow.removeEventListener("message", handler);
     });
     this.nestedIframeListeners.clear();
+    this.crossOriginIframeMirror.reset();
+    this.crossOriginIframeStyleMirror.reset();
   }
 }
 class ShadowDomManager {
@@ -11864,9 +11872,9 @@ const saveWebGLVar = (value, win, ctx) => {
   }
   return index2;
 };
-function serializeArg(value, win, ctx) {
+function serializeArg(value, win, ctx, dataURLOptions) {
   if (value instanceof Array) {
-    return value.map((arg) => serializeArg(arg, win, ctx));
+    return value.map((arg) => serializeArg(arg, win, ctx, dataURLOptions));
   } else if (value === null) {
     return value;
   } else if (value instanceof Float32Array || value instanceof Float64Array || value instanceof Int32Array || value instanceof Uint32Array || value instanceof Uint8Array || value instanceof Uint16Array || value instanceof Int16Array || value instanceof Int8Array || value instanceof Uint8ClampedArray) {
@@ -11892,7 +11900,7 @@ function serializeArg(value, win, ctx) {
     return {
       rr_type: name,
       args: [
-        serializeArg(value.buffer, win, ctx),
+        serializeArg(value.buffer, win, ctx, dataURLOptions),
         value.byteOffset,
         value.byteLength
       ]
@@ -11906,7 +11914,7 @@ function serializeArg(value, win, ctx) {
     };
   } else if (value instanceof HTMLCanvasElement) {
     const name = "HTMLImageElement";
-    const src = value.toDataURL();
+    const src = value.toDataURL(dataURLOptions.type, dataURLOptions.quality);
     return {
       rr_type: name,
       src
@@ -11915,7 +11923,11 @@ function serializeArg(value, win, ctx) {
     const name = value.constructor.name;
     return {
       rr_type: name,
-      args: [serializeArg(value.data, win, ctx), value.width, value.height]
+      args: [
+        serializeArg(value.data, win, ctx, dataURLOptions),
+        value.width,
+        value.height
+      ]
     };
   } else if (isInstanceOfWebGLObject(value, win) || typeof value === "object") {
     const name = value.constructor.name;
@@ -11927,8 +11939,8 @@ function serializeArg(value, win, ctx) {
   }
   return value;
 }
-const serializeArgs = (args, win, ctx) => {
-  return args.map((arg) => serializeArg(arg, win, ctx));
+const serializeArgs = (args, win, ctx, dataURLOptions) => {
+  return args.map((arg) => serializeArg(arg, win, ctx, dataURLOptions));
 };
 const isInstanceOfWebGLObject = (value, win) => {
   const webGLConstructorNames = [
@@ -11954,7 +11966,7 @@ const isInstanceOfWebGLObject = (value, win) => {
     )
   );
 };
-function initCanvas2DMutationObserver(cb, win, blockClass, blockSelector) {
+function initCanvas2DMutationObserver(cb, win, blockClass, blockSelector, dataURLOptions) {
   const handlers = [];
   const props2D = Object.getOwnPropertyNames(
     win.CanvasRenderingContext2D.prototype
@@ -11971,7 +11983,12 @@ function initCanvas2DMutationObserver(cb, win, blockClass, blockSelector) {
           return function(...args) {
             if (!isBlocked(this.canvas, blockClass, blockSelector, true)) {
               setTimeout(() => {
-                const recordArgs = serializeArgs(args, win, this);
+                const recordArgs = serializeArgs(
+                  args,
+                  win,
+                  this,
+                  dataURLOptions
+                );
                 cb(this.canvas, {
                   type: CanvasContext["2D"],
                   property: prop,
@@ -12045,7 +12062,7 @@ function initCanvasContextObserver(win, blockClass, blockSelector, setPreserveDr
     handlers.forEach((h) => h());
   };
 }
-function patchGLPrototype(prototype, type, cb, blockClass, blockSelector, win) {
+function patchGLPrototype(prototype, type, cb, blockClass, blockSelector, win, dataURLOptions) {
   const handlers = [];
   const props = Object.getOwnPropertyNames(prototype);
   for (const prop of props) {
@@ -12072,7 +12089,7 @@ function patchGLPrototype(prototype, type, cb, blockClass, blockSelector, win) {
             const result2 = original.apply(this, args);
             saveWebGLVar(result2, win, this);
             if ("tagName" in this.canvas && !isBlocked(this.canvas, blockClass, blockSelector, true)) {
-              const recordArgs = serializeArgs(args, win, this);
+              const recordArgs = serializeArgs(args, win, this, dataURLOptions);
               const mutation = {
                 type,
                 property: prop,
@@ -12101,7 +12118,7 @@ function patchGLPrototype(prototype, type, cb, blockClass, blockSelector, win) {
   }
   return handlers;
 }
-function initCanvasWebGLMutationObserver(cb, win, blockClass, blockSelector) {
+function initCanvasWebGLMutationObserver(cb, win, blockClass, blockSelector, dataURLOptions) {
   const handlers = [];
   handlers.push(
     ...patchGLPrototype(
@@ -12110,7 +12127,8 @@ function initCanvasWebGLMutationObserver(cb, win, blockClass, blockSelector) {
       cb,
       blockClass,
       blockSelector,
-      win
+      win,
+      dataURLOptions
     )
   );
   if (typeof win.WebGL2RenderingContext !== "undefined") {
@@ -12121,7 +12139,8 @@ function initCanvasWebGLMutationObserver(cb, win, blockClass, blockSelector) {
         cb,
         blockClass,
         blockSelector,
-        win
+        win,
+        dataURLOptions
       )
     );
   }
@@ -12163,6 +12182,8 @@ class CanvasManager {
     __publicField(this, "resetObservers");
     __publicField(this, "frozen", false);
     __publicField(this, "locked", false);
+    __publicField(this, "rafIdTimestamp", null);
+    __publicField(this, "rafIdFlush", null);
     __publicField(this, "processMutation", (target, mutation) => {
       const newFrame = this.rafStamps.invokeId && this.rafStamps.latestId !== this.rafStamps.invokeId;
       if (newFrame || !this.rafStamps.invokeId)
@@ -12183,7 +12204,12 @@ class CanvasManager {
     this.mutationCb = options.mutationCb;
     this.mirror = options.mirror;
     if (recordCanvas && sampling === "all")
-      this.initCanvasMutationObserver(win, blockClass, blockSelector);
+      this.initCanvasMutationObserver(
+        win,
+        blockClass,
+        blockSelector,
+        dataURLOptions
+      );
     if (recordCanvas && typeof sampling === "number")
       this.initCanvasFPSObserver(sampling, win, blockClass, blockSelector, {
         dataURLOptions
@@ -12192,6 +12218,14 @@ class CanvasManager {
   reset() {
     this.pendingCanvasMutations.clear();
     this.resetObservers && this.resetObservers();
+    if (this.rafIdTimestamp !== null) {
+      cancelAnimationFrame(this.rafIdTimestamp);
+      this.rafIdTimestamp = null;
+    }
+    if (this.rafIdFlush !== null) {
+      cancelAnimationFrame(this.rafIdFlush);
+      this.rafIdFlush = null;
+    }
   }
   freeze() {
     this.frozen = true;
@@ -12312,7 +12346,7 @@ class CanvasManager {
       cancelAnimationFrame(rafId);
     };
   }
-  initCanvasMutationObserver(win, blockClass, blockSelector) {
+  initCanvasMutationObserver(win, blockClass, blockSelector, dataURLOptions) {
     this.startRAFTimestamping();
     this.startPendingCanvasMutationFlusher();
     const canvasContextReset = initCanvasContextObserver(
@@ -12325,13 +12359,15 @@ class CanvasManager {
       this.processMutation.bind(this),
       win,
       blockClass,
-      blockSelector
+      blockSelector,
+      dataURLOptions
     );
     const canvasWebGL1and2Reset = initCanvasWebGLMutationObserver(
       this.processMutation.bind(this),
       win,
       blockClass,
-      blockSelector
+      blockSelector,
+      dataURLOptions
     );
     this.resetObservers = () => {
       canvasContextReset();
@@ -12340,14 +12376,16 @@ class CanvasManager {
     };
   }
   startPendingCanvasMutationFlusher() {
-    requestAnimationFrame(() => this.flushPendingCanvasMutations());
+    this.rafIdFlush = requestAnimationFrame(
+      () => this.flushPendingCanvasMutations()
+    );
   }
   startRAFTimestamping() {
     const setLatestRAFTimestamp = (timestamp) => {
       this.rafStamps.latestId = timestamp;
-      requestAnimationFrame(setLatestRAFTimestamp);
+      this.rafIdTimestamp = requestAnimationFrame(setLatestRAFTimestamp);
     };
-    requestAnimationFrame(setLatestRAFTimestamp);
+    this.rafIdTimestamp = requestAnimationFrame(setLatestRAFTimestamp);
   }
   flushPendingCanvasMutations() {
     this.pendingCanvasMutations.forEach(
@@ -12356,7 +12394,9 @@ class CanvasManager {
         this.flushPendingCanvasMutationFor(canvas, id);
       }
     );
-    requestAnimationFrame(() => this.flushPendingCanvasMutations());
+    this.rafIdFlush = requestAnimationFrame(
+      () => this.flushPendingCanvasMutations()
+    );
   }
   flushPendingCanvasMutationFor(canvas, id) {
     if (this.frozen || this.locked) {
@@ -12922,6 +12962,7 @@ function record(options = {}) {
       processedNodeManager.destroy();
       iframeManager.removeLoadListener();
       iframeManager.destroy();
+      mirror.reset();
       recording = false;
       unregisterErrorHandler();
     };