@posthog/rrweb-record 0.0.45 → 0.0.47

package/dist/rrweb-record.cjs

@@ -10547,7 +10547,7 @@ function initMutationObserver(options, rootEl) {
     childList: true,
     subtree: true
   });
-  return observer;
+  return { observer, buffer: mutationBuffer };
 }
 function initMoveObserver({
   mousemoveCb,
@@ -11468,8 +11468,11 @@ function initObservers(o2, hooks = {}) {
   }
   mergeHooks(o2, hooks);
   let mutationObserver;
+  let mutationBuffer;
   if (o2.recordDOM) {
-    mutationObserver = initMutationObserver(o2, o2.doc);
+    const result2 = initMutationObserver(o2, o2.doc);
+    mutationObserver = result2.observer;
+    mutationBuffer = result2.buffer;
   }
   const mousemoveHandler = initMoveObserver(o2);
   const mouseInteractionHandler = initMouseInteractionObserver(o2);
@@ -11506,8 +11509,14 @@ function initObservers(o2, hooks = {}) {
     );
   }
   return callbackWrapper(() => {
-    mutationBuffers.forEach((b) => b.destroy());
-    mutationBuffers.forEach((b) => b.reset());
+    if (mutationBuffer) {
+      mutationBuffer.destroy();
+      mutationBuffer.reset();
+      const index2 = mutationBuffers.indexOf(mutationBuffer);
+      if (index2 !== -1) {
+        mutationBuffers.splice(index2, 1);
+      }
+    }
     mutationObserver == null ? void 0 : mutationObserver.disconnect();
     mousemoveHandler();
     mouseInteractionHandler();
@@ -11522,7 +11531,6 @@ function initObservers(o2, hooks = {}) {
     selectionObserver();
     customElementObserver();
     pluginHandlers.forEach((h) => h());
-    mutationBuffers.length = 0;
   });
 }
 function hasNestedCSSRule(prop) {
@@ -11922,7 +11930,7 @@ class ShadowDomManager {
     if (!isNativeShadowDom(shadowRoot2)) return;
     if (this.shadowDoms.has(shadowRoot2)) return;
     this.shadowDoms.add(shadowRoot2);
-    const observer = initMutationObserver(
+    const { observer, buffer } = initMutationObserver(
       {
         ...this.bypassOptions,
         doc,
@@ -11932,7 +11940,15 @@ class ShadowDomManager {
       },
       shadowRoot2
     );
-    this.restoreHandlers.push(() => observer.disconnect());
+    this.restoreHandlers.push(() => {
+      observer.disconnect();
+      buffer.destroy();
+      buffer.reset();
+      const index2 = mutationBuffers.indexOf(buffer);
+      if (index2 !== -1) {
+        mutationBuffers.splice(index2, 1);
+      }
+    });
     this.restoreHandlers.push(
       initScrollObserver({
         ...this.bypassOptions,
@@ -12322,7 +12338,7 @@ function initCanvasWebGLMutationObserver(cb, win, blockClass, blockSelector, dat
     handlers.forEach((h) => h());
   };
 }
-const jsContent = '(function() {\n  "use strict";\n  var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";\n  var lookup = typeof Uint8Array === "undefined" ? [] : new Uint8Array(256);\n  for (var i = 0; i < chars.length; i++) {\n    lookup[chars.charCodeAt(i)] = i;\n  }\n  var encode = function(arraybuffer) {\n    var bytes = new Uint8Array(arraybuffer), i2, len = bytes.length, base64 = "";\n    for (i2 = 0; i2 < len; i2 += 3) {\n      base64 += chars[bytes[i2] >> 2];\n      base64 += chars[(bytes[i2] & 3) << 4 | bytes[i2 + 1] >> 4];\n      base64 += chars[(bytes[i2 + 1] & 15) << 2 | bytes[i2 + 2] >> 6];\n      base64 += chars[bytes[i2 + 2] & 63];\n    }\n    if (len % 3 === 2) {\n      base64 = base64.substring(0, base64.length - 1) + "=";\n    } else if (len % 3 === 1) {\n      base64 = base64.substring(0, base64.length - 2) + "==";\n    }\n    return base64;\n  };\n  const lastBlobMap = /* @__PURE__ */ new Map();\n  const transparentBlobMap = /* @__PURE__ */ new Map();\n  async function getTransparentBlobFor(width, height, dataURLOptions) {\n    const id = `${width}-${height}`;\n    if ("OffscreenCanvas" in globalThis) {\n      if (transparentBlobMap.has(id)) return transparentBlobMap.get(id);\n      const offscreen = new OffscreenCanvas(width, height);\n      offscreen.getContext("2d");\n      const blob = await offscreen.convertToBlob(dataURLOptions);\n      const arrayBuffer = await blob.arrayBuffer();\n      const base64 = encode(arrayBuffer);\n      transparentBlobMap.set(id, base64);\n      return base64;\n    } else {\n      return "";\n    }\n  }\n  const worker = self;\n  let reusableCanvas = null;\n  let reusableCtx = null;\n  worker.onmessage = async function(e) {\n    if ("OffscreenCanvas" in globalThis) {\n      const { id, bitmap, width, height, dataURLOptions } = e.data;\n      const transparentBase64 = getTransparentBlobFor(\n        width,\n        height,\n        dataURLOptions\n      );\n      if (!reusableCanvas || reusableCanvas.width !== width || reusableCanvas.height !== height) {\n        reusableCanvas = new OffscreenCanvas(width, height);\n        reusableCtx = reusableCanvas.getContext("2d");\n      }\n      reusableCtx.clearRect(0, 0, width, height);\n      reusableCtx.drawImage(bitmap, 0, 0);\n      bitmap.close();\n      const blob = await reusableCanvas.convertToBlob(dataURLOptions);\n      const type = blob.type;\n      const arrayBuffer = await blob.arrayBuffer();\n      const base64 = encode(arrayBuffer);\n      if (!lastBlobMap.has(id) && await transparentBase64 === base64) {\n        lastBlobMap.set(id, base64);\n        return worker.postMessage({ id });\n      }\n      if (lastBlobMap.get(id) === base64) return worker.postMessage({ id });\n      worker.postMessage({\n        id,\n        type,\n        base64,\n        width,\n        height\n      });\n      lastBlobMap.set(id, base64);\n    } else {\n      e.data.bitmap.close();\n      return worker.postMessage({ id: e.data.id });\n    }\n  };\n})();\n//# sourceMappingURL=image-bitmap-data-url-worker-ChEIhO0o.js.map\n';
+const jsContent = '(function() {\n  "use strict";\n  var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";\n  var lookup = typeof Uint8Array === "undefined" ? [] : new Uint8Array(256);\n  for (var i = 0; i < chars.length; i++) {\n    lookup[chars.charCodeAt(i)] = i;\n  }\n  var encode = function(arraybuffer) {\n    var bytes = new Uint8Array(arraybuffer), i2, len = bytes.length, base64 = "";\n    for (i2 = 0; i2 < len; i2 += 3) {\n      base64 += chars[bytes[i2] >> 2];\n      base64 += chars[(bytes[i2] & 3) << 4 | bytes[i2 + 1] >> 4];\n      base64 += chars[(bytes[i2 + 1] & 15) << 2 | bytes[i2 + 2] >> 6];\n      base64 += chars[bytes[i2 + 2] & 63];\n    }\n    if (len % 3 === 2) {\n      base64 = base64.substring(0, base64.length - 1) + "=";\n    } else if (len % 3 === 1) {\n      base64 = base64.substring(0, base64.length - 2) + "==";\n    }\n    return base64;\n  };\n  const lastFingerprintMap = /* @__PURE__ */ new Map();\n  const transparentBlobMap = /* @__PURE__ */ new Map();\n  function fnv1aHash(buffer) {\n    const view = new Uint8Array(buffer);\n    let hash = 2166136261;\n    for (let i2 = 0; i2 < view.length; i2++) {\n      hash ^= view[i2];\n      hash = hash * 16777619 | 0;\n    }\n    return (hash >>> 0).toString(16);\n  }\n  async function getTransparentBlobFor(width, height, dataURLOptions) {\n    const id = `${width}-${height}`;\n    if ("OffscreenCanvas" in globalThis) {\n      if (transparentBlobMap.has(id)) return transparentBlobMap.get(id);\n      const offscreen = new OffscreenCanvas(width, height);\n      offscreen.getContext("2d");\n      const blob = await offscreen.convertToBlob(dataURLOptions);\n      const arrayBuffer = await blob.arrayBuffer();\n      const base64 = encode(arrayBuffer);\n      transparentBlobMap.set(id, base64);\n      return base64;\n    } else {\n      return "";\n    }\n  }\n  const worker = self;\n  let reusableCanvas = null;\n  let reusableCtx = null;\n  worker.onmessage = async function(e) {\n    if ("OffscreenCanvas" in globalThis) {\n      const { id, bitmap, width, height, dataURLOptions } = e.data;\n      const transparentBase64 = getTransparentBlobFor(\n        width,\n        height,\n        dataURLOptions\n      );\n      if (!reusableCanvas || reusableCanvas.width !== width || reusableCanvas.height !== height) {\n        reusableCanvas = new OffscreenCanvas(width, height);\n        reusableCtx = reusableCanvas.getContext("2d");\n      }\n      reusableCtx.clearRect(0, 0, width, height);\n      reusableCtx.drawImage(bitmap, 0, 0);\n      bitmap.close();\n      const blob = await reusableCanvas.convertToBlob(dataURLOptions);\n      const type = blob.type;\n      const arrayBuffer = await blob.arrayBuffer();\n      const fingerprint = fnv1aHash(arrayBuffer);\n      if (!lastFingerprintMap.has(id)) {\n        const base642 = encode(arrayBuffer);\n        if (await transparentBase64 === base642) {\n          lastFingerprintMap.set(id, fingerprint);\n          return worker.postMessage({ id });\n        }\n        lastFingerprintMap.set(id, fingerprint);\n        worker.postMessage({ id, type, base64: base642, width, height });\n        return;\n      }\n      if (lastFingerprintMap.get(id) === fingerprint)\n        return worker.postMessage({ id });\n      const base64 = encode(arrayBuffer);\n      worker.postMessage({ id, type, base64, width, height });\n      lastFingerprintMap.set(id, fingerprint);\n    } else {\n      e.data.bitmap.close();\n      return worker.postMessage({ id: e.data.id });\n    }\n  };\n})();\n//# sourceMappingURL=image-bitmap-data-url-worker-B8-18rdG.js.map\n';
 const blob = typeof self !== "undefined" && self.Blob && new Blob([jsContent], { type: "text/javascript;charset=utf-8" });
 function WorkerWrapper(options) {
   let objURL;
@@ -12789,6 +12805,26 @@ function record(options = {}) {
   polyfill$1();
   let lastFullSnapshotEvent;
   let incrementalSnapshotCount = 0;
+  const iframeObserverCleanups = /* @__PURE__ */ new Map();
+  function cleanupDetachedIframeObservers() {
+    for (const [iframeId, cleanup] of iframeObserverCleanups) {
+      const iframe = mirror.getNode(iframeId);
+      if (!iframe) {
+        cleanup();
+        iframeObserverCleanups.delete(iframeId);
+        continue;
+      }
+      try {
+        if (!iframe.contentDocument || !iframe.contentDocument.defaultView) {
+          cleanup();
+          iframeObserverCleanups.delete(iframeId);
+        }
+      } catch {
+        cleanup();
+        iframeObserverCleanups.delete(iframeId);
+      }
+    }
+  }
   const eventProcessor = (e2) => {
     for (const plugin of plugins || []) {
       if (plugin.eventProcessor) {
@@ -12839,9 +12875,15 @@ function record(options = {}) {
       const addedIds = m.adds.length > 0 ? new Set(m.adds.map((add) => add.node.id)) : null;
       m.removes.forEach(({ id }) => {
         if (!addedIds || !addedIds.has(id)) {
+          const cleanup = iframeObserverCleanups.get(id);
+          if (cleanup) {
+            cleanup();
+            iframeObserverCleanups.delete(id);
+          }
           iframeManager.removeIframeById(id);
         }
       });
+      cleanupDetachedIframeObservers();
     }
     wrappedEmit({
       type: EventType.IncrementalSnapshot,
@@ -13129,7 +13171,12 @@ function record(options = {}) {
     };
     const loadListener = (iframeEl) => {
       try {
-        handlers.push(observe(iframeEl.contentDocument));
+        const iframeId = mirror.getId(iframeEl);
+        const cleanup = observe(iframeEl.contentDocument);
+        handlers.push(cleanup);
+        if (iframeId !== -1) {
+          iframeObserverCleanups.set(iframeId, cleanup);
+        }
       } catch (error) {
         console.warn(error);
       }
@@ -13171,6 +13218,7 @@ function record(options = {}) {
       processedNodeManager.destroy();
       iframeManager.removeLoadListener();
       iframeManager.destroy();
+      iframeObserverCleanups.clear();
       mirror.reset();
       recording = false;
       unregisterErrorHandler();