@posthog/rrweb 0.0.25 → 0.0.27

package/dist/rrweb.d.cts

@@ -282,9 +282,16 @@ export declare class Replayer {
     private lastSelectionData;
     private constructedStyleMutations;
     private adoptedStyleSheets;
+    private emitterHandlers;
+    private serviceSubscription?;
+    private speedServiceSubscription?;
+    private timeouts;
+    private styleSheetLoadListeners;
     constructor(events: Array<eventWithTime | string>, config?: Partial<playerConfig>);
     on(event: string, handler: Handler): this;
     off(event: string, handler: Handler): this;
+    private addEmitterHandler;
+    private addTimeout;
     setConfig(config: Partial<playerConfig>): void;
     getMetaData(): playerMetaData;
     getCurrentTime(): number;

package/dist/rrweb.d.ts

@@ -282,9 +282,16 @@ export declare class Replayer {
     private lastSelectionData;
     private constructedStyleMutations;
     private adoptedStyleSheets;
+    private emitterHandlers;
+    private serviceSubscription?;
+    private speedServiceSubscription?;
+    private timeouts;
+    private styleSheetLoadListeners;
     constructor(events: Array<eventWithTime | string>, config?: Partial<playerConfig>);
     on(event: string, handler: Handler): this;
     off(event: string, handler: Handler): this;
+    private addEmitterHandler;
+    private addTimeout;
     setConfig(config: Partial<playerConfig>): void;
     getMetaData(): playerMetaData;
     getCurrentTime(): number;

package/dist/rrweb.js

@@ -13227,6 +13227,7 @@ function initObservers(o2, hooks = {}) {
     selectionObserver();
     customElementObserver();
     pluginHandlers.forEach((h) => h());
+    mutationBuffers.length = 0;
   });
 }
 function hasNestedCSSRule(prop) {
@@ -13313,6 +13314,9 @@ class IframeManager {
     __publicField(this, "loadListener");
     __publicField(this, "stylesheetManager");
     __publicField(this, "recordCrossOriginIframes");
+    __publicField(this, "messageHandler");
+    // Map window to handler for cleanup - windows are browser-owned and won't prevent GC
+    __publicField(this, "nestedIframeListeners", /* @__PURE__ */ new Map());
     this.mutationCb = options.mutationCb;
     this.wrappedEmit = options.wrappedEmit;
     this.stylesheetManager = options.stylesheetManager;
@@ -13323,8 +13327,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) {
@@ -13335,8 +13340,11 @@ class IframeManager {
   addLoadListener(cb) {
     this.loadListener = cb;
   }
+  removeLoadListener() {
+    this.loadListener = void 0;
+  }
   attachIframe(iframeEl, childSn) {
-    var _a2, _b;
+    var _a2;
     this.mutationCb({
       adds: [
         {
@@ -13350,12 +13358,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,
@@ -13533,6 +13542,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) {
@@ -14727,13 +14745,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));
@@ -14768,6 +14787,8 @@ function record(options = {}) {
     return () => {
       handlers.forEach((h) => h());
       processedNodeManager.destroy();
+      iframeManager.removeLoadListener();
+      iframeManager.destroy();
       recording = false;
       unregisterErrorHandler();
     };
@@ -15990,6 +16011,12 @@ class Replayer {
     __publicField(this, "constructedStyleMutations", []);
     // Similar to the reason for constructedStyleMutations.
     __publicField(this, "adoptedStyleSheets", []);
+    // Track resources for cleanup
+    __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]) {
@@ -16149,12 +16176,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,
@@ -16250,13 +16277,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
     });
@@ -16280,7 +16309,7 @@ class Replayer {
       }
     );
     this.service.start();
-    this.service.subscribe((state) => {
+    this.serviceSubscription = this.service.subscribe((state) => {
       this.emitter.emit(ReplayerEvents.StateChange, {
         player: state
       });
@@ -16290,7 +16319,7 @@ class Replayer {
       timer
     });
     this.speedService.start();
-    this.speedService.subscribe((state) => {
+    this.speedServiceSubscription = this.speedService.subscribe((state) => {
       this.emitter.emit(ReplayerEvents.StateChange, {
         speed: state
       });
@@ -16310,7 +16339,7 @@ class Replayer {
     );
     if (firstMeta) {
       const { width, height } = firstMeta.data;
-      setTimeout(() => {
+      this.addTimeout(() => {
         this.emitter.emit(ReplayerEvents.Resize, {
           width,
           height
@@ -16318,7 +16347,7 @@ class Replayer {
       }, 0);
     }
     if (firstFullsnapshot) {
-      setTimeout(() => {
+      this.addTimeout(() => {
         var _a2;
         if (this.firstFullSnapshot) {
           return;
@@ -16347,6 +16376,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];
@@ -16449,10 +16496,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);
   }