@posthog/rrweb-record 0.0.25 → 0.0.27

package/dist/rrweb-record.js

@@ -11352,6 +11352,7 @@ function initObservers(o2, hooks = {}) {
     selectionObserver();
     customElementObserver();
     pluginHandlers.forEach((h) => h());
+    mutationBuffers.length = 0;
   });
 }
 function hasNestedCSSRule(prop) {
@@ -11438,6 +11439,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;
@@ -11448,8 +11451,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) {
@@ -11460,8 +11464,11 @@ class IframeManager {
   addLoadListener(cb) {
     this.loadListener = cb;
   }
+  removeLoadListener() {
+    this.loadListener = void 0;
+  }
   attachIframe(iframeEl, childSn) {
-    var _a2, _b;
+    var _a2;
     this.mutationCb({
       adds: [
         {
@@ -11475,12 +11482,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,
@@ -11658,6 +11666,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) {
@@ -12832,13 +12849,14 @@ function record(options = {}) {
         hooks
       );
     };
-    iframeManager.addLoadListener((iframeEl) => {
+    const loadListener = (iframeEl) => {
       try {
         handlers.push(observe(iframeEl.contentDocument));
       } catch (error) {
         console.warn(error);
       }
-    });
+    };
+    iframeManager.addLoadListener(loadListener);
     const init = () => {
       takeFullSnapshot$1();
       handlers.push(observe(document));
@@ -12873,6 +12891,8 @@ function record(options = {}) {
     return () => {
       handlers.forEach((h) => h());
       processedNodeManager.destroy();
+      iframeManager.removeLoadListener();
+      iframeManager.destroy();
       recording = false;
       unregisterErrorHandler();
     };