@kalayanasundaram123/rrweb 2.0.3 → 2.0.5

package/dist/rrweb.umd.cjs

@@ -69,14 +69,18 @@ const testableAccessors$1 = {
     "ownerDocument"
   ],
   ShadowRoot: ["host", "styleSheets"],
-  Element: ["shadowRoot", "querySelector", "querySelectorAll"],
-  MutationObserver: []
+  Element: ["shadowRoot"],
+  MutationObserver: [],
+  EventTarget: []
 };
 const testableMethods$1 = {
   Node: ["contains", "getRootNode"],
   ShadowRoot: ["getSelection"],
-  Element: [],
-  MutationObserver: ["constructor"]
+  // PR #1802: moved from testableAccessors
+  Element: ["querySelector", "querySelectorAll"],
+  MutationObserver: ["constructor"],
+  // PR #1814
+  EventTarget: ["addEventListener", "removeEventListener"]
 };
 const untaintedBasePrototype$1 = {};
 const untaintedBaseIframeCleanup$1 = {};
@@ -201,10 +205,10 @@ function shadowRoot$1(n2) {
   return getUntaintedAccessor$1("Element", n2, "shadowRoot");
 }
 function querySelector$1(n2, selectors) {
-  return getUntaintedAccessor$1("Element", n2, "querySelector")(selectors);
+  return getUntaintedMethod$1("Element", n2, "querySelector")(selectors);
 }
 function querySelectorAll$1(n2, selectors) {
-  return getUntaintedAccessor$1("Element", n2, "querySelectorAll")(selectors);
+  return getUntaintedMethod$1("Element", n2, "querySelectorAll")(selectors);
 }
 function mutationObserverCtor$1() {
   var _a2;
@@ -214,10 +218,69 @@ function mutationObserverCtor$1() {
     }
   ];
 }
+function getUntaintedProxy$1() {
+  var _a3;
+  var _a2;
+  let UntaintedProxy = globalThis.Proxy;
+  try {
+    if (typeof UntaintedProxy !== "function" || !Function.prototype.toString.call(UntaintedProxy).includes("[native code]")) {
+      const frame = document.createElement("iframe");
+      frame.style.display = "none";
+      document.documentElement.appendChild(frame);
+      UntaintedProxy = (_a3 = (_a2 = frame.contentWindow) == null ? void 0 : _a2.Proxy) != null ? _a3 : UntaintedProxy;
+      document.documentElement.removeChild(frame);
+    }
+  } catch (e2) {
+  }
+  return UntaintedProxy;
+}
 let nowTimestamp$1 = Date.now;
 if (!/* @__PURE__ */ /[1-9][0-9]{12}/.test(Date.now().toString())) {
   nowTimestamp$1 = () => (/* @__PURE__ */ new Date()).getTime();
 }
+const _rrwebNativeMap$2 = /* @__PURE__ */ new WeakMap();
+let _nativeToStringStr$2 = "";
+(function _installToStringProxy() {
+  var _a3;
+  var _a2;
+  const _nativeToString = Function.prototype.toString;
+  _nativeToStringStr$2 = _nativeToString.call(_nativeToString);
+  let _Proxy = globalThis.Proxy;
+  try {
+    if (typeof _Proxy !== "function" || !_nativeToString.call(_Proxy).includes("[native code]")) {
+      const frame = document.createElement("iframe");
+      frame.style.display = "none";
+      document.documentElement.appendChild(frame);
+      _Proxy = (_a3 = (_a2 = frame.contentWindow) == null ? void 0 : _a2.Proxy) != null ? _a3 : _Proxy;
+      document.documentElement.removeChild(frame);
+    }
+  } catch (e2) {
+  }
+  const _fnProto = Object.getPrototypeOf(_nativeToString);
+  const _proxy = new _Proxy(_nativeToString, {
+    apply(target, thisArg, args) {
+      const str = _rrwebNativeMap$2.get(thisArg);
+      if (str !== void 0) return str;
+      if (thisArg != null && typeof thisArg === "function" && !_fnProto.isPrototypeOf(
+        thisArg.toString
+      )) {
+        return thisArg.toString();
+      }
+      return target.apply(thisArg, args);
+    }
+  });
+  _rrwebNativeMap$2.set(_proxy, _nativeToStringStr$2);
+  Object.defineProperty(Function.prototype, "toString", {
+    value: _proxy,
+    configurable: true,
+    writable: true
+  });
+})();
+function makeNativeFn$1(fn, nativeFn) {
+  const name = fn.name || nativeFn.name || "";
+  _rrwebNativeMap$2.set(fn, _nativeToStringStr$2.replace("toString", name));
+  return fn;
+}
 function patch$1(source, name, replacement) {
   try {
     if (!(name in source)) {
@@ -234,6 +297,10 @@ function patch$1(source, name, replacement) {
           value: original
         }
       });
+      _rrwebNativeMap$2.set(
+        wrapped,
+        _nativeToStringStr$2.replace("toString", name)
+      );
     }
     source[name] = wrapped;
     return () => {
@@ -259,7 +326,9 @@ const index$1 = {
   querySelectorAll: querySelectorAll$1,
   nowTimestamp: nowTimestamp$1,
   mutationObserverCtor: mutationObserverCtor$1,
-  patch: patch$1
+  patch: patch$1,
+  makeNativeFn: makeNativeFn$1,
+  getUntaintedProxy: getUntaintedProxy$1
 };
 function isElement(n2) {
   return n2.nodeType === n2.ELEMENT_NODE;
@@ -5803,6 +5872,44 @@ var __defProp222 = Object.defineProperty;
 var __defNormalProp222 = (obj, key, value) => key in obj ? __defProp222(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField22 = (obj, key, value) => __defNormalProp222(obj, typeof key !== "symbol" ? key + "" : key, value);
 if (!/* @__PURE__ */ /[1-9][0-9]{12}/.test(Date.now().toString())) ;
+const _rrwebNativeMap$1 = /* @__PURE__ */ new WeakMap();
+let _nativeToStringStr$1 = "";
+(function _installToStringProxy2() {
+  var _a3;
+  var _a2;
+  const _nativeToString = Function.prototype.toString;
+  _nativeToStringStr$1 = _nativeToString.call(_nativeToString);
+  let _Proxy = globalThis.Proxy;
+  try {
+    if (typeof _Proxy !== "function" || !_nativeToString.call(_Proxy).includes("[native code]")) {
+      const frame = document.createElement("iframe");
+      frame.style.display = "none";
+      document.documentElement.appendChild(frame);
+      _Proxy = (_a3 = (_a2 = frame.contentWindow) == null ? void 0 : _a2.Proxy) != null ? _a3 : _Proxy;
+      document.documentElement.removeChild(frame);
+    }
+  } catch (e2) {
+  }
+  const _fnProto = Object.getPrototypeOf(_nativeToString);
+  const _proxy = new _Proxy(_nativeToString, {
+    apply(target, thisArg, args) {
+      const str = _rrwebNativeMap$1.get(thisArg);
+      if (str !== void 0) return str;
+      if (thisArg != null && typeof thisArg === "function" && !_fnProto.isPrototypeOf(
+        thisArg.toString
+      )) {
+        return thisArg.toString();
+      }
+      return target.apply(thisArg, args);
+    }
+  });
+  _rrwebNativeMap$1.set(_proxy, _nativeToStringStr$1);
+  Object.defineProperty(Function.prototype, "toString", {
+    value: _proxy,
+    configurable: true,
+    writable: true
+  });
+})();
 let Mirror$1 = class Mirror2 {
   constructor() {
     __publicField22(this, "idNodeMap", /* @__PURE__ */ new Map());
@@ -10894,14 +11001,18 @@ const testableAccessors = {
     "ownerDocument"
   ],
   ShadowRoot: ["host", "styleSheets"],
-  Element: ["shadowRoot", "querySelector", "querySelectorAll"],
-  MutationObserver: []
+  Element: ["shadowRoot"],
+  MutationObserver: [],
+  EventTarget: []
 };
 const testableMethods = {
   Node: ["contains", "getRootNode"],
   ShadowRoot: ["getSelection"],
-  Element: [],
-  MutationObserver: ["constructor"]
+  // PR #1802: moved from testableAccessors
+  Element: ["querySelector", "querySelectorAll"],
+  MutationObserver: ["constructor"],
+  // PR #1814
+  EventTarget: ["addEventListener", "removeEventListener"]
 };
 const untaintedBasePrototype = {};
 const untaintedBaseIframeCleanup = {};
@@ -11026,10 +11137,10 @@ function shadowRoot(n2) {
   return getUntaintedAccessor("Element", n2, "shadowRoot");
 }
 function querySelector(n2, selectors) {
-  return getUntaintedAccessor("Element", n2, "querySelector")(selectors);
+  return getUntaintedMethod("Element", n2, "querySelector")(selectors);
 }
 function querySelectorAll(n2, selectors) {
-  return getUntaintedAccessor("Element", n2, "querySelectorAll")(selectors);
+  return getUntaintedMethod("Element", n2, "querySelectorAll")(selectors);
 }
 function mutationObserverCtor() {
   var _a2;
@@ -11039,10 +11150,69 @@ function mutationObserverCtor() {
     }
   ];
 }
+function getUntaintedProxy() {
+  var _a3;
+  var _a2;
+  let UntaintedProxy = globalThis.Proxy;
+  try {
+    if (typeof UntaintedProxy !== "function" || !Function.prototype.toString.call(UntaintedProxy).includes("[native code]")) {
+      const frame = document.createElement("iframe");
+      frame.style.display = "none";
+      document.documentElement.appendChild(frame);
+      UntaintedProxy = (_a3 = (_a2 = frame.contentWindow) == null ? void 0 : _a2.Proxy) != null ? _a3 : UntaintedProxy;
+      document.documentElement.removeChild(frame);
+    }
+  } catch (e2) {
+  }
+  return UntaintedProxy;
+}
 let nowTimestamp = Date.now;
 if (!/* @__PURE__ */ /[1-9][0-9]{12}/.test(Date.now().toString())) {
   nowTimestamp = () => (/* @__PURE__ */ new Date()).getTime();
 }
+const _rrwebNativeMap = /* @__PURE__ */ new WeakMap();
+let _nativeToStringStr = "";
+(function _installToStringProxy3() {
+  var _a3;
+  var _a2;
+  const _nativeToString = Function.prototype.toString;
+  _nativeToStringStr = _nativeToString.call(_nativeToString);
+  let _Proxy = globalThis.Proxy;
+  try {
+    if (typeof _Proxy !== "function" || !_nativeToString.call(_Proxy).includes("[native code]")) {
+      const frame = document.createElement("iframe");
+      frame.style.display = "none";
+      document.documentElement.appendChild(frame);
+      _Proxy = (_a3 = (_a2 = frame.contentWindow) == null ? void 0 : _a2.Proxy) != null ? _a3 : _Proxy;
+      document.documentElement.removeChild(frame);
+    }
+  } catch (e2) {
+  }
+  const _fnProto = Object.getPrototypeOf(_nativeToString);
+  const _proxy = new _Proxy(_nativeToString, {
+    apply(target, thisArg, args) {
+      const str = _rrwebNativeMap.get(thisArg);
+      if (str !== void 0) return str;
+      if (thisArg != null && typeof thisArg === "function" && !_fnProto.isPrototypeOf(
+        thisArg.toString
+      )) {
+        return thisArg.toString();
+      }
+      return target.apply(thisArg, args);
+    }
+  });
+  _rrwebNativeMap.set(_proxy, _nativeToStringStr);
+  Object.defineProperty(Function.prototype, "toString", {
+    value: _proxy,
+    configurable: true,
+    writable: true
+  });
+})();
+function makeNativeFn(fn, nativeFn) {
+  const name = fn.name || nativeFn.name || "";
+  _rrwebNativeMap.set(fn, _nativeToStringStr.replace("toString", name));
+  return fn;
+}
 function patch(source, name, replacement) {
   try {
     if (!(name in source)) {
@@ -11059,6 +11229,10 @@ function patch(source, name, replacement) {
           value: original
         }
       });
+      _rrwebNativeMap.set(
+        wrapped,
+        _nativeToStringStr.replace("toString", name)
+      );
     }
     source[name] = wrapped;
     return () => {
@@ -11084,12 +11258,23 @@ const index = {
   querySelectorAll,
   nowTimestamp,
   mutationObserverCtor,
-  patch
+  patch,
+  makeNativeFn,
+  getUntaintedProxy
 };
 function on(type, fn, target = document) {
   const options = { capture: true, passive: true };
-  target.addEventListener(type, fn, options);
-  return () => target.removeEventListener(type, fn, options);
+  const eventTarget = target;
+  getUntaintedMethod("EventTarget", eventTarget, "addEventListener")(
+    type,
+    fn,
+    options
+  );
+  return () => getUntaintedMethod("EventTarget", eventTarget, "removeEventListener")(
+    type,
+    fn,
+    options
+  );
 }
 const DEPARTED_MIRROR_ACCESS_WARNING = "Please stop import mirror directly. Instead of that,\r\nnow you can use replayer.getMirror() to access the mirror instance of a replayer,\r\nor you can use record.mirror to access the mirror instance during recording.";
 exports.mirror = {
@@ -11151,20 +11336,27 @@ function throttle(func, wait, options = {}) {
 }
 function hookSetter(target, key, d, isRevoked, win = window) {
   const original = win.Object.getOwnPropertyDescriptor(target, key);
-  win.Object.defineProperty(
-    target,
-    key,
-    isRevoked ? d : {
-      set(value) {
+  if (!isRevoked && (original == null ? void 0 : original.set)) {
+    const hookedSetter = function(value) {
+      setTimeout(() => {
+        d.set.call(this, value);
+      }, 0);
+      original.set.call(this, value);
+    };
+    makeNativeFn(hookedSetter, original.set);
+    win.Object.defineProperty(target, key, { set: hookedSetter });
+  } else {
+    win.Object.defineProperty(
+      target,
+      key,
+      isRevoked ? d : { set(value) {
         setTimeout(() => {
           d.set.call(this, value);
         }, 0);
-        if (original && original.set) {
-          original.set.call(this, value);
-        }
-      }
-    }
-  );
+        if (original && original.set) original.set.call(this, value);
+      } }
+    );
+  }
   return () => hookSetter(target, key, original || {}, true);
 }
 function getWindowScroll(win) {
@@ -12173,6 +12365,7 @@ const callbackWrapper = (cb) => {
   };
   return rrwebWrapped;
 };
+const Proxy$1 = getUntaintedProxy();
 const mutationBuffers = [];
 function getEventTarget(event) {
   try {
@@ -12574,61 +12767,11 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror: mirror2, stylesheetM
     };
   }
   const insertRule = win.CSSStyleSheet.prototype.insertRule;
-  win.CSSStyleSheet.prototype.insertRule = new Proxy(insertRule, {
-    apply: callbackWrapper(
-      (target, thisArg, argumentsList) => {
-        const [rule2, index2] = argumentsList;
-        const { id, styleId } = getIdAndStyleId(
-          thisArg,
-          mirror2,
-          stylesheetManager.styleMirror
-        );
-        if (id && id !== -1 || styleId && styleId !== -1) {
-          styleSheetRuleCb({
-            id,
-            styleId,
-            adds: [{ rule: rule2, index: index2 }]
-          });
-        }
-        return target.apply(thisArg, argumentsList);
-      }
-    )
-  });
-  win.CSSStyleSheet.prototype.addRule = function(selector, styleBlock, index2 = this.cssRules.length) {
-    const rule2 = `${selector} { ${styleBlock} }`;
-    return win.CSSStyleSheet.prototype.insertRule.apply(this, [rule2, index2]);
-  };
-  const deleteRule = win.CSSStyleSheet.prototype.deleteRule;
-  win.CSSStyleSheet.prototype.deleteRule = new Proxy(deleteRule, {
-    apply: callbackWrapper(
-      (target, thisArg, argumentsList) => {
-        const [index2] = argumentsList;
-        const { id, styleId } = getIdAndStyleId(
-          thisArg,
-          mirror2,
-          stylesheetManager.styleMirror
-        );
-        if (id && id !== -1 || styleId && styleId !== -1) {
-          styleSheetRuleCb({
-            id,
-            styleId,
-            removes: [{ index: index2 }]
-          });
-        }
-        return target.apply(thisArg, argumentsList);
-      }
-    )
-  });
-  win.CSSStyleSheet.prototype.removeRule = function(index2) {
-    return win.CSSStyleSheet.prototype.deleteRule.apply(this, [index2]);
-  };
-  let replace;
-  if (win.CSSStyleSheet.prototype.replace) {
-    replace = win.CSSStyleSheet.prototype.replace;
-    win.CSSStyleSheet.prototype.replace = new Proxy(replace, {
+  win.CSSStyleSheet.prototype.insertRule = makeNativeFn(
+    new Proxy$1(insertRule, {
       apply: callbackWrapper(
         (target, thisArg, argumentsList) => {
-          const [text] = argumentsList;
+          const [rule2, index2] = argumentsList;
           const { id, styleId } = getIdAndStyleId(
             thisArg,
             mirror2,
@@ -12638,21 +12781,28 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror: mirror2, stylesheetM
             styleSheetRuleCb({
               id,
               styleId,
-              replace: text
+              adds: [{ rule: rule2, index: index2 }]
             });
           }
           return target.apply(thisArg, argumentsList);
         }
       )
-    });
-  }
-  let replaceSync;
-  if (win.CSSStyleSheet.prototype.replaceSync) {
-    replaceSync = win.CSSStyleSheet.prototype.replaceSync;
-    win.CSSStyleSheet.prototype.replaceSync = new Proxy(replaceSync, {
+    }),
+    insertRule
+  );
+  win.CSSStyleSheet.prototype.addRule = makeNativeFn(
+    function(selector, styleBlock, index2 = this.cssRules.length) {
+      const rule2 = `${selector} { ${styleBlock} }`;
+      return win.CSSStyleSheet.prototype.insertRule.apply(this, [rule2, index2]);
+    },
+    insertRule
+  );
+  const deleteRule = win.CSSStyleSheet.prototype.deleteRule;
+  win.CSSStyleSheet.prototype.deleteRule = makeNativeFn(
+    new Proxy$1(deleteRule, {
       apply: callbackWrapper(
         (target, thisArg, argumentsList) => {
-          const [text] = argumentsList;
+          const [index2] = argumentsList;
           const { id, styleId } = getIdAndStyleId(
             thisArg,
             mirror2,
@@ -12662,13 +12812,74 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror: mirror2, stylesheetM
             styleSheetRuleCb({
               id,
               styleId,
-              replaceSync: text
+              removes: [{ index: index2 }]
             });
           }
           return target.apply(thisArg, argumentsList);
         }
       )
-    });
+    }),
+    deleteRule
+  );
+  win.CSSStyleSheet.prototype.removeRule = makeNativeFn(
+    function(index2) {
+      return win.CSSStyleSheet.prototype.deleteRule.apply(this, [index2]);
+    },
+    deleteRule
+  );
+  let replace;
+  if (win.CSSStyleSheet.prototype.replace) {
+    replace = win.CSSStyleSheet.prototype.replace;
+    win.CSSStyleSheet.prototype.replace = makeNativeFn(
+      new Proxy$1(replace, {
+        apply: callbackWrapper(
+          (target, thisArg, argumentsList) => {
+            const [text] = argumentsList;
+            const { id, styleId } = getIdAndStyleId(
+              thisArg,
+              mirror2,
+              stylesheetManager.styleMirror
+            );
+            if (id && id !== -1 || styleId && styleId !== -1) {
+              styleSheetRuleCb({
+                id,
+                styleId,
+                replace: text
+              });
+            }
+            return target.apply(thisArg, argumentsList);
+          }
+        )
+      }),
+      replace
+    );
+  }
+  let replaceSync;
+  if (win.CSSStyleSheet.prototype.replaceSync) {
+    replaceSync = win.CSSStyleSheet.prototype.replaceSync;
+    win.CSSStyleSheet.prototype.replaceSync = makeNativeFn(
+      new Proxy$1(replaceSync, {
+        apply: callbackWrapper(
+          (target, thisArg, argumentsList) => {
+            const [text] = argumentsList;
+            const { id, styleId } = getIdAndStyleId(
+              thisArg,
+              mirror2,
+              stylesheetManager.styleMirror
+            );
+            if (id && id !== -1 || styleId && styleId !== -1) {
+              styleSheetRuleCb({
+                id,
+                styleId,
+                replaceSync: text
+              });
+            }
+            return target.apply(thisArg, argumentsList);
+          }
+        )
+      }),
+      replaceSync
+    );
   }
   const supportedNestedCSSRuleTypes = {};
   if (canMonkeyPatchNestedCSSRule("CSSGroupingRule")) {
@@ -12692,9 +12903,8 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror: mirror2, stylesheetM
       // eslint-disable-next-line @typescript-eslint/unbound-method
       deleteRule: type.prototype.deleteRule
     };
-    type.prototype.insertRule = new Proxy(
-      unmodifiedFunctions[typeKey].insertRule,
-      {
+    type.prototype.insertRule = makeNativeFn(
+      new Proxy$1(unmodifiedFunctions[typeKey].insertRule, {
         apply: callbackWrapper(
           (target, thisArg, argumentsList) => {
             const [rule2, index2] = argumentsList;
@@ -12722,11 +12932,11 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror: mirror2, stylesheetM
             return target.apply(thisArg, argumentsList);
           }
         )
-      }
+      }),
+      unmodifiedFunctions[typeKey].insertRule
     );
-    type.prototype.deleteRule = new Proxy(
-      unmodifiedFunctions[typeKey].deleteRule,
-      {
+    type.prototype.deleteRule = makeNativeFn(
+      new Proxy$1(unmodifiedFunctions[typeKey].deleteRule, {
         apply: callbackWrapper(
           (target, thisArg, argumentsList) => {
             const [index2] = argumentsList;
@@ -12747,7 +12957,8 @@ function initStyleSheetObserver({ styleSheetRuleCb, mirror: mirror2, stylesheetM
             return target.apply(thisArg, argumentsList);
           }
         )
-      }
+      }),
+      unmodifiedFunctions[typeKey].deleteRule
     );
   });
   return callbackWrapper(() => {
@@ -12814,7 +13025,7 @@ function initStyleDeclarationObserver({
   stylesheetManager
 }, { win }) {
   const setProperty = win.CSSStyleDeclaration.prototype.setProperty;
-  win.CSSStyleDeclaration.prototype.setProperty = new Proxy(setProperty, {
+  win.CSSStyleDeclaration.prototype.setProperty = new Proxy$1(setProperty, {
     apply: callbackWrapper(
       (target, thisArg, argumentsList) => {
         var _a2;
@@ -12845,7 +13056,7 @@ function initStyleDeclarationObserver({
     )
   });
   const removeProperty = win.CSSStyleDeclaration.prototype.removeProperty;
-  win.CSSStyleDeclaration.prototype.removeProperty = new Proxy(removeProperty, {
+  win.CSSStyleDeclaration.prototype.removeProperty = new Proxy$1(removeProperty, {
     apply: callbackWrapper(
       (target, thisArg, argumentsList) => {
         var _a2;
@@ -12927,16 +13138,19 @@ function initFontObserver({ fontCb, doc }) {
   const handlers = [];
   const fontMap = /* @__PURE__ */ new WeakMap();
   const originalFontFace = win.FontFace;
-  win.FontFace = function FontFace2(family, source, descriptors) {
-    const fontFace = new originalFontFace(family, source, descriptors);
-    fontMap.set(fontFace, {
-      family,
-      buffer: typeof source !== "string",
-      descriptors,
-      fontSource: typeof source === "string" ? source : JSON.stringify(Array.from(new Uint8Array(source)))
-    });
-    return fontFace;
-  };
+  win.FontFace = makeNativeFn(
+    function FontFace2(family, source, descriptors) {
+      const fontFace = new originalFontFace(family, source, descriptors);
+      fontMap.set(fontFace, {
+        family,
+        buffer: typeof source !== "string",
+        descriptors,
+        fontSource: typeof source === "string" ? source : JSON.stringify(Array.from(new Uint8Array(source)))
+      });
+      return fontFace;
+    },
+    originalFontFace
+  );
   const restoreHandler = patch(
     doc.fonts,
     "add",
@@ -13249,7 +13463,7 @@ class CrossOriginIframeMirror {
     return remoteIdToIdMap;
   }
 }
-class IframeManager {
+const _IframeManager = class _IframeManager2 {
   constructor(options) {
     __publicField(this, "iframes", /* @__PURE__ */ new WeakMap());
     __publicField(this, "crossOriginIframeMap", /* @__PURE__ */ new WeakMap());
@@ -13262,6 +13476,7 @@ class IframeManager {
     __publicField(this, "loadListener");
     __publicField(this, "stylesheetManager");
     __publicField(this, "recordCrossOriginIframes");
+    __publicField(this, "iframeNavStats", /* @__PURE__ */ new WeakMap());
     this.mutationCb = options.mutationCb;
     this.wrappedEmit = options.wrappedEmit;
     this.stylesheetManager = options.stylesheetManager;
@@ -13284,6 +13499,21 @@ class IframeManager {
   addLoadListener(cb) {
     this.loadListener = cb;
   }
+  isIframeLooping(iframeEl) {
+    const now = Date.now();
+    const stats = this.iframeNavStats.get(iframeEl);
+    if (!stats || now - stats.windowStart > _IframeManager2.LOOP_NAV_WINDOW_MS) {
+      this.iframeNavStats.set(iframeEl, { count: 1, windowStart: now });
+      return false;
+    }
+    stats.count++;
+    if (stats.count > _IframeManager2.LOOP_NAV_LIMIT) {
+      stats.windowStart = now;
+      stats.count = 0;
+      return true;
+    }
+    return false;
+  }
   attachIframe(iframeEl, childSn) {
     var _a2, _b;
     this.mutationCb({
@@ -13304,7 +13534,9 @@ class IframeManager {
         "message",
         this.handleMessage.bind(this)
       );
-    (_b = this.loadListener) == null ? void 0 : _b.call(this, iframeEl);
+    if (!this.isIframeLooping(iframeEl)) {
+      (_b = this.loadListener) == null ? void 0 : _b.call(this, iframeEl);
+    }
     if (iframeEl.contentDocument && iframeEl.contentDocument.adoptedStyleSheets && iframeEl.contentDocument.adoptedStyleSheets.length > 0)
       this.stylesheetManager.adoptStyleSheets(
         iframeEl.contentDocument.adoptedStyleSheets,
@@ -13482,7 +13714,10 @@ class IframeManager {
       });
     }
   }
-}
+};
+__publicField(_IframeManager, "LOOP_NAV_LIMIT", 5);
+__publicField(_IframeManager, "LOOP_NAV_WINDOW_MS", 3e3);
+let IframeManager = _IframeManager;
 class ShadowDomManager {
   constructor(options) {
     __publicField(this, "shadowDoms", /* @__PURE__ */ new WeakSet());
@@ -13972,6 +14207,26 @@ function fnv1aHash(buffer) {
 function canSnapshotCanvas() {
   return typeof OffscreenCanvas !== "undefined";
 }
+const FPS_WORKER_SOURCE = `
+var _C='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+function _enc(ab){var b=new Uint8Array(ab),i,n=b.length,o='';for(i=0;i<n;i+=3){o+=_C[b[i]>>2];o+=_C[(b[i]&3)<<4|b[i+1]>>4];o+=_C[(b[i+1]&15)<<2|b[i+2]>>6];o+=_C[b[i+2]&63];}if(n%3===2){o=o.substring(0,o.length-1)+'=';}else if(n%3===1){o=o.substring(0,o.length-2)+'==';}return o;}
+function _fp(ab){var v=new Uint8Array(ab),h=0x811c9dc5;for(var i=0;i<v.length;i++){h^=v[i];h=(h*0x01000193)|0;}return (h>>>0).toString(16);}
+var _last=new Map(),_cv=null,_ctx=null;
+self.onmessage=async function(e){
+  var d=e.data,id=d.id,bm=d.bitmap,w=d.width,h=d.height,opt=d.dataURLOptions;
+  try{
+    if(!('OffscreenCanvas' in self)){bm.close();return self.postMessage({id:id});}
+    if(!_cv||_cv.width!==w||_cv.height!==h){_cv=new OffscreenCanvas(w,h);_ctx=_cv.getContext('2d');}
+    _ctx.clearRect(0,0,w,h);_ctx.drawImage(bm,0,0);bm.close();
+    var blob=await _cv.convertToBlob(opt);
+    var buf=await blob.arrayBuffer();
+    var fp=_fp(buf);
+    if(_last.get(id)===fp)return self.postMessage({id:id});
+    _last.set(id,fp);
+    self.postMessage({id:id,type:blob.type,base64:_enc(buf),width:w,height:h});
+  }catch(err){try{bm.close();}catch(_){}self.postMessage({id:id});}
+};
+`;
 class CanvasManager {
   constructor(options) {
     __publicField(this, "pendingCanvasMutations", /* @__PURE__ */ new Map());
@@ -13989,6 +14244,7 @@ class CanvasManager {
     __publicField(this, "lastFingerprintMap", /* @__PURE__ */ new Map());
     __publicField(this, "snapshotCanvas", null);
     __publicField(this, "snapshotCtx", null);
+    __publicField(this, "worker", null);
     __publicField(this, "lastSnapshotTime", 0);
     __publicField(this, "processMutation", (target, mutation) => {
       const newFrame = this.rafStamps.invokeId && this.rafStamps.latestId !== this.rafStamps.invokeId;
@@ -14010,10 +14266,12 @@ class CanvasManager {
       this.startPendingCanvasMutationFlusher();
     }
     if (recordCanvas && typeof sampling === "number" && canSnapshotCanvas()) {
+      this.worker = this.initFPSWorker();
       this.initCanvasFPSObserver();
     }
   }
   reset() {
+    var _a2;
     this.pendingCanvasMutations.clear();
     this.restoreHandlers.forEach((handler) => {
       try {
@@ -14029,6 +14287,8 @@ class CanvasManager {
     this.lastFingerprintMap = /* @__PURE__ */ new Map();
     this.snapshotCanvas = null;
     this.snapshotCtx = null;
+    (_a2 = this.worker) == null ? void 0 : _a2.terminate();
+    this.worker = null;
   }
   freeze() {
     this.frozen = true;
@@ -14042,6 +14302,29 @@ class CanvasManager {
   unlock() {
     this.locked = false;
   }
+  initFPSWorker() {
+    try {
+      const worker = new Worker(
+        "data:application/javascript;charset=utf-8," + encodeURIComponent(FPS_WORKER_SOURCE)
+      );
+      worker.onmessage = (e2) => {
+        const data = e2.data;
+        const { id } = data;
+        this.snapshotInProgressMap.set(id, false);
+        if (data.base64 === void 0) return;
+        this.emitCanvasSnapshot(
+          id,
+          data.base64,
+          data.type || "image/png",
+          data.width || 0,
+          data.height || 0
+        );
+      };
+      return worker;
+    } catch (e2) {
+      return null;
+    }
+  }
   /**
    * Begin observing canvas activity inside `win` — the top window, or the
    * `contentWindow` of a same-origin iframe. De-duplicated, so it is safe to
@@ -14248,9 +14531,22 @@ class CanvasManager {
       }
       const width = canvas.width;
       const height = canvas.height;
-      createImageBitmap(canvas).then(
-        (bitmap) => this.snapshotImageBitmap(id, bitmap, width, height, dataURLOptions)
-      ).catch(() => {
+      createImageBitmap(canvas).then((bitmap) => {
+        if (this.worker) {
+          this.worker.postMessage(
+            { id, bitmap, width, height, dataURLOptions },
+            [bitmap]
+          );
+        } else {
+          void this.snapshotImageBitmap(
+            id,
+            bitmap,
+            width,
+            height,
+            dataURLOptions
+          );
+        }
+      }).catch(() => {
         this.snapshotInProgressMap.set(id, false);
       });
     });
@@ -14783,9 +15079,20 @@ function record(options = {}) {
         hooks
       );
     };
+    const iframeObservers = /* @__PURE__ */ new Map();
     iframeManager.addLoadListener((iframeEl) => {
       try {
-        handlers.push(observe(iframeEl.contentDocument));
+        const prevCleanup = iframeObservers.get(iframeEl);
+        if (prevCleanup) {
+          try {
+            prevCleanup();
+          } catch (e2) {
+          }
+          iframeObservers.delete(iframeEl);
+        }
+        const cleanup = observe(iframeEl.contentDocument);
+        handlers.push(cleanup);
+        iframeObservers.set(iframeEl, cleanup);
       } catch (error) {
         console.warn(error);
       }