@posthog/rrweb 0.0.24 → 0.0.26

package/dist/rrweb.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,
@@ -5686,6 +5686,12 @@ function buildNodeWithSN(n2, options) {
         } else {
           node2.appendChild(childNode);
         }
+      } else if (n2.type === NodeType$1$1.Document && childN.type === NodeType$1$1.DocumentType) {
+        if (node2.firstChild && node2.firstChild.nodeType === 1) {
+          node2.insertBefore(childNode, node2.firstChild);
+        } else {
+          node2.appendChild(childNode);
+        }
       } else {
         node2.appendChild(childNode);
       }
@@ -13245,6 +13251,7 @@ function initObservers(o2, hooks = {}) {
     selectionObserver();
     customElementObserver();
     pluginHandlers.forEach((h) => h());
+    mutationBuffers.length = 0;
   });
 }
 function hasNestedCSSRule(prop) {
@@ -13331,6 +13338,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;
@@ -13341,8 +13350,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) {
@@ -13354,7 +13364,7 @@ class IframeManager {
     this.loadListener = cb;
   }
   attachIframe(iframeEl, childSn) {
-    var _a2, _b;
+    var _a2;
     this.mutationCb({
       adds: [
         {
@@ -13368,12 +13378,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,
@@ -13551,6 +13562,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) {
@@ -14771,6 +14791,7 @@ function record(options = {}) {
     return () => {
       handlers.forEach((h) => h());
       processedNodeManager.destroy();
+      iframeManager.destroy();
       recording = false;
       unregisterErrorHandler();
     };
@@ -15984,6 +16005,11 @@ class Replayer {
     __publicField(this, "lastSelectionData", null);
     __publicField(this, "constructedStyleMutations", []);
     __publicField(this, "adoptedStyleSheets", []);
+    __publicField(this, "emitterHandlers", []);
+    __publicField(this, "serviceSubscription");
+    __publicField(this, "speedServiceSubscription");
+    __publicField(this, "timeouts", /* @__PURE__ */ new Set());
+    __publicField(this, "styleSheetLoadListeners", /* @__PURE__ */ new Map());
     __publicField(this, "handleResize", (dimension) => {
       this.iframe.style.display = "inherit";
       for (const el of [this.mouseTail, this.iframe]) {
@@ -16143,12 +16169,12 @@ class Replayer {
     this.handleResize = this.handleResize.bind(this);
     this.getCastFn = this.getCastFn.bind(this);
     this.applyEventsSynchronously = this.applyEventsSynchronously.bind(this);
-    this.emitter.on(ReplayerEvents.Resize, this.handleResize);
+    this.addEmitterHandler(ReplayerEvents.Resize, this.handleResize);
     this.setupDom();
     for (const plugin of this.config.plugins || []) {
       if (plugin.getMirror) plugin.getMirror({ nodeMirror: this.mirror });
     }
-    this.emitter.on(ReplayerEvents.Flush, () => {
+    const flushHandler = () => {
       if (this.usingVirtualDom) {
         const replayerHandler = {
           mirror: this.mirror,
@@ -16244,13 +16270,15 @@ class Replayer {
         this.applySelection(this.lastSelectionData);
         this.lastSelectionData = null;
       }
-    });
-    this.emitter.on(ReplayerEvents.PlayBack, () => {
+    };
+    this.addEmitterHandler(ReplayerEvents.Flush, flushHandler);
+    const playBackHandler = () => {
       this.firstFullSnapshot = null;
       this.mirror.reset();
       this.styleMirror.reset();
       this.mediaManager.reset();
-    });
+    };
+    this.addEmitterHandler(ReplayerEvents.PlayBack, playBackHandler);
     const timer = new Timer([], {
       speed: this.config.speed
     });
@@ -16274,7 +16302,7 @@ class Replayer {
       }
     );
     this.service.start();
-    this.service.subscribe((state) => {
+    this.serviceSubscription = this.service.subscribe((state) => {
       this.emitter.emit(ReplayerEvents.StateChange, {
         player: state
       });
@@ -16284,7 +16312,7 @@ class Replayer {
       timer
     });
     this.speedService.start();
-    this.speedService.subscribe((state) => {
+    this.speedServiceSubscription = this.speedService.subscribe((state) => {
       this.emitter.emit(ReplayerEvents.StateChange, {
         speed: state
       });
@@ -16304,7 +16332,7 @@ class Replayer {
     );
     if (firstMeta) {
       const { width, height } = firstMeta.data;
-      setTimeout(() => {
+      this.addTimeout(() => {
         this.emitter.emit(ReplayerEvents.Resize, {
           width,
           height
@@ -16312,7 +16340,7 @@ class Replayer {
       }, 0);
     }
     if (firstFullsnapshot) {
-      setTimeout(() => {
+      this.addTimeout(() => {
         var _a2;
         if (this.firstFullSnapshot) {
           return;
@@ -16341,6 +16369,24 @@ class Replayer {
     this.emitter.off(event, handler);
     return this;
   }
+  /**
+   * Track emitter handlers for cleanup
+   */
+  addEmitterHandler(event, handler) {
+    this.emitter.on(event, handler);
+    this.emitterHandlers.push({ event, handler });
+  }
+  /**
+   * Track timeouts for cleanup
+   */
+  addTimeout(callback, delay) {
+    const timeout = setTimeout(() => {
+      this.timeouts.delete(timeout);
+      callback();
+    }, delay);
+    this.timeouts.add(timeout);
+    return timeout;
+  }
   setConfig(config) {
     Object.keys(config).forEach((key) => {
       config[key];
@@ -16443,10 +16489,31 @@ class Replayer {
    * Memory occupation can be released by removing all references to this replayer.
    */
   destroy() {
+    var _a2, _b;
+    if (!this.wrapper || !this.wrapper.parentNode) {
+      return;
+    }
     this.pause();
+    this.emitterHandlers.forEach(({ event, handler }) => {
+      this.emitter.off(event, handler);
+    });
+    this.emitterHandlers = [];
+    (_a2 = this.serviceSubscription) == null ? void 0 : _a2.unsubscribe();
+    (_b = this.speedServiceSubscription) == null ? void 0 : _b.unsubscribe();
+    this.serviceSubscription = void 0;
+    this.speedServiceSubscription = void 0;
+    this.timeouts.forEach((timeout) => clearTimeout(timeout));
+    this.timeouts.clear();
+    this.styleSheetLoadListeners.forEach((handler, element) => {
+      element.removeEventListener("load", handler);
+    });
+    this.styleSheetLoadListeners.clear();
+    this.imageMap.clear();
+    this.canvasEventMap.clear();
     this.mirror.reset();
     this.styleMirror.reset();
     this.mediaManager.reset();
+    this.resetCache();
     this.config.root.removeChild(this.wrapper);
     this.emitter.emit(ReplayerEvents.Destroy);
   }