@posthog/rrweb-record 0.0.24 → 0.0.26

package/dist/rrweb-record.umd.cjs

@@ -284,8 +284,8 @@ function stringifyStylesheet(s2) {
       return null;
     }
     let sheetHref = s2.href;
-    if (!sheetHref && s2.ownerNode && s2.ownerNode.ownerDocument) {
-      sheetHref = s2.ownerNode.ownerDocument.baseURI;
+    if (!sheetHref && s2.ownerNode) {
+      sheetHref = s2.ownerNode.baseURI;
     }
     const stringifiedRules = Array.from(
       rules2,
@@ -11396,6 +11396,7 @@ function initObservers(o2, hooks = {}) {
     selectionObserver();
     customElementObserver();
     pluginHandlers.forEach((h) => h());
+    mutationBuffers.length = 0;
   });
 }
 function hasNestedCSSRule(prop) {
@@ -11482,6 +11483,8 @@ class IframeManager {
     __publicField(this, "loadListener");
     __publicField(this, "stylesheetManager");
     __publicField(this, "recordCrossOriginIframes");
+    __publicField(this, "messageHandler");
+    __publicField(this, "nestedIframeListeners", /* @__PURE__ */ new Map());
     this.mutationCb = options.mutationCb;
     this.wrappedEmit = options.wrappedEmit;
     this.stylesheetManager = options.stylesheetManager;
@@ -11492,8 +11495,9 @@ class IframeManager {
       )
     );
     this.mirror = options.mirror;
+    this.messageHandler = this.handleMessage.bind(this);
     if (this.recordCrossOriginIframes) {
-      window.addEventListener("message", this.handleMessage.bind(this));
+      window.addEventListener("message", this.messageHandler);
     }
   }
   addIframe(iframeEl) {
@@ -11505,7 +11509,7 @@ class IframeManager {
     this.loadListener = cb;
   }
   attachIframe(iframeEl, childSn) {
-    var _a2, _b;
+    var _a2;
     this.mutationCb({
       adds: [
         {
@@ -11519,12 +11523,13 @@ class IframeManager {
       attributes: [],
       isAttachIframe: true
     });
-    if (this.recordCrossOriginIframes)
-      (_a2 = iframeEl.contentWindow) == null ? void 0 : _a2.addEventListener(
-        "message",
-        this.handleMessage.bind(this)
-      );
-    (_b = this.loadListener) == null ? void 0 : _b.call(this, iframeEl);
+    const win = iframeEl.contentWindow;
+    if (this.recordCrossOriginIframes && win && !this.nestedIframeListeners.has(win)) {
+      const nestedHandler = this.handleMessage.bind(this);
+      this.nestedIframeListeners.set(win, nestedHandler);
+      win.addEventListener("message", nestedHandler);
+    }
+    (_a2 = this.loadListener) == null ? void 0 : _a2.call(this, iframeEl);
     if (iframeEl.contentDocument && iframeEl.contentDocument.adoptedStyleSheets && iframeEl.contentDocument.adoptedStyleSheets.length > 0)
       this.stylesheetManager.adoptStyleSheets(
         iframeEl.contentDocument.adoptedStyleSheets,
@@ -11702,6 +11707,15 @@ class IframeManager {
       });
     }
   }
+  destroy() {
+    if (this.recordCrossOriginIframes) {
+      window.removeEventListener("message", this.messageHandler);
+    }
+    this.nestedIframeListeners.forEach((handler, contentWindow) => {
+      contentWindow.removeEventListener("message", handler);
+    });
+    this.nestedIframeListeners.clear();
+  }
 }
 class ShadowDomManager {
   constructor(options) {
@@ -12902,6 +12916,7 @@ function record(options = {}) {
     return () => {
       handlers.forEach((h) => h());
       processedNodeManager.destroy();
+      iframeManager.destroy();
       recording = false;
       unregisterErrorHandler();
     };