@glimt/record 0.0.73 → 0.0.74

package/dist/record.cjs

@@ -9956,6 +9956,21 @@ function inDom(n2) {
   if (!doc) return false;
   return index$1.contains(doc, n2) || shadowHostInDom(n2);
 }
+const isDebug = () => {
+  return "_rrweb_is_debug" in window && window._rrweb_is_debug ? window._rrweb_is_debug : false;
+};
+const debugLog = (...args) => {
+  if (!isDebug()) return;
+  console.log("[recapt:rrweb]", ...args);
+};
+const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+function makeid(length = 8) {
+  let result2 = "";
+  for (let i2 = 0; i2 < length; i2++) {
+    result2 += characters.charAt(Math.floor(Math.random() * characters.length));
+  }
+  return result2;
+}
 let errorHandler;
 function registerErrorHandler(handler) {
   errorHandler = handler;
@@ -10274,13 +10289,52 @@ class IframeManager {
     }
   }
 }
-const isDebug = () => {
-  return "_rrweb_is_debug" in window && window._rrweb_is_debug ? window._rrweb_is_debug : false;
-};
-const debugLog = (...args) => {
-  if (!isDebug()) return;
-  console.log("[recapt:rrweb]", ...args);
+const _ObserveManager = class _ObserveManager2 {
+  constructor() {
+    __publicField(this, "docsObservers", /* @__PURE__ */ new WeakMap());
+    __publicField(this, "shadowRootsObserved", /* @__PURE__ */ new WeakMap());
+    if (_ObserveManager2.instance) {
+      return _ObserveManager2.instance;
+    }
+    _ObserveManager2.instance = this;
+  }
+  observerAttached(doc, onCleanup) {
+    debugLog("[doc] attaching observer to doc", doc);
+    if (this.docsObservers.has(doc)) {
+      debugLog("[doc] detected existing observer, cleaning up old observer");
+      const cleanupFn = this.docsObservers.get(doc);
+      cleanupFn == null ? void 0 : cleanupFn();
+    }
+    this.docsObservers.set(doc, onCleanup);
+  }
+  observerAttachedToShadow(shadowRoot2, onCleanup) {
+    debugLog("[shadow] attaching observer to shadowRoot", shadowRoot2);
+    if (this.shadowRootsObserved.has(shadowRoot2)) {
+      debugLog("[shadow] detected existing observer, cleaning up old observer");
+      const cleanupFn = this.shadowRootsObserved.get(shadowRoot2);
+      cleanupFn == null ? void 0 : cleanupFn();
+    }
+    this.shadowRootsObserved.set(shadowRoot2, onCleanup);
+  }
+  // attachObserverToDoc(doc: Document, observerMethod: (doc: Document)) {}
+  // canObserveDoc(doc: Document) {
+  //   if (this.docsObservers.has(doc)) return false;
+  //   this.docsObservers.set(doc);
+  //   return true;
+  // }
+  // canObserveShadow(shadowRoot: ShadowRoot) {
+  //   if (this.shadowRootsObserved.has(shadowRoot)) return false;
+  //   this.shadowRootsObserved.add(shadowRoot);
+  //   return true;
+  // }
+  destroy() {
+    this.docsObservers = /* @__PURE__ */ new WeakMap();
+    this.shadowRootsObserved = /* @__PURE__ */ new WeakMap();
+  }
 };
+__publicField(_ObserveManager, "instance");
+let ObserveManager = _ObserveManager;
+const observeManager = new ObserveManager();
 const _MutationRateLimiter = class _MutationRateLimiter2 {
   constructor() {
     __publicField(this, "mutTracker");
@@ -10544,14 +10598,6 @@ class DoubleLinkedList {
   }
 }
 const moveKey = (id, parentId) => `${id}@${parentId}`;
-const characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-function makeid(length = 8) {
-  let result2 = "";
-  for (let i2 = 0; i2 < length; i2++) {
-    result2 += characters.charAt(Math.floor(Math.random() * characters.length));
-  }
-  return result2;
-}
 class MutationBuffer {
   constructor() {
     __publicField(this, "frozen", false);
@@ -12192,7 +12238,6 @@ function initObservers(o2, hooks = {}) {
   mergeHooks(o2, hooks);
   let mutationObserver;
   if (o2.recordDOM) {
-    debugLog("adding mutation observer in initObservers");
     mutationObserver = initMutationObserver(o2, o2.doc);
   }
   const mousemoveHandler = initMoveObserver(o2);
@@ -12828,6 +12873,7 @@ class ShadowDomManager {
     __publicField(this, "bypassOptions");
     __publicField(this, "mirror");
     __publicField(this, "restoreHandlers", []);
+    __publicField(this, "mappedRestoreHandlers", {});
     this.mutationCb = options.mutationCb;
     this.scrollCb = options.scrollCb;
     this.bypassOptions = options.bypassOptions;
@@ -12843,6 +12889,7 @@ class ShadowDomManager {
     if (this.shadowDoms.has(shadowRoot2)) return;
     this.shadowDoms.add(shadowRoot2);
     debugLog(`Adding mutation observer for shadowRoot ${shadowRoot2.host}`);
+    const observeId = makeid();
     const observer = initMutationObserver(
       {
         ...this.bypassOptions,
@@ -12853,8 +12900,8 @@ class ShadowDomManager {
       },
       shadowRoot2
     );
-    this.restoreHandlers.push(() => observer.disconnect());
-    this.restoreHandlers.push(
+    this.mappedRestoreHandlers[observeId] = [
+      () => observer.disconnect(),
       initScrollObserver({
         ...this.bypassOptions,
         scrollCb: this.scrollCb,
@@ -12863,14 +12910,14 @@ class ShadowDomManager {
         doc: shadowRoot2,
         mirror: this.mirror
       })
-    );
+    ];
     setTimeout(() => {
       if (shadowRoot2.adoptedStyleSheets && shadowRoot2.adoptedStyleSheets.length > 0)
         this.bypassOptions.stylesheetManager.adoptStyleSheets(
           shadowRoot2.adoptedStyleSheets,
           this.mirror.getId(index$1.host(shadowRoot2))
         );
-      this.restoreHandlers.push(
+      this.mappedRestoreHandlers[observeId].push(
         initAdoptedStyleSheetObserver(
           {
             mirror: this.mirror,
@@ -12880,6 +12927,18 @@ class ShadowDomManager {
         )
       );
     }, 0);
+    observeManager.observerAttachedToShadow(shadowRoot2, () => {
+      const handlers = this.mappedRestoreHandlers[observeId];
+      if (handlers) {
+        for (const handler of handlers) {
+          try {
+            handler();
+          } catch (e2) {
+          }
+        }
+      }
+      delete this.mappedRestoreHandlers[observeId];
+    });
   }
   /**
    * Monkey patch 'attachShadow' of an IFrameElement to observe newly added shadow doms.
@@ -12919,6 +12978,15 @@ class ShadowDomManager {
       } catch (e2) {
       }
     });
+    Object.values(this.mappedRestoreHandlers).forEach((handlers) => {
+      for (const handler of handlers) {
+        try {
+          handler();
+        } catch (e2) {
+        }
+      }
+    });
+    this.mappedRestoreHandlers = {};
     this.restoreHandlers = [];
     this.shadowDoms = /* @__PURE__ */ new WeakSet();
   }
@@ -13297,6 +13365,7 @@ function record(options = {}) {
   };
   try {
     const handlers = [];
+    const registeredHandlers = {};
     const observe = (doc) => {
       var _a2;
       return callbackWrapper(initObservers)(
@@ -13422,8 +13491,13 @@ function record(options = {}) {
     };
     iframeManager.addLoadListener((iframeEl) => {
       try {
-        debugLog("adding observers for new iframe", iframeEl);
-        handlers.push(observe(iframeEl.contentDocument));
+        const stopObserve = observe(iframeEl.contentDocument);
+        const id = makeid();
+        registeredHandlers[id] = stopObserve;
+        observeManager.observerAttached(iframeEl.contentDocument, () => {
+          stopObserve();
+          delete registeredHandlers[id];
+        });
       } catch (error) {
         if (isDebug()) {
           console.warn("internal error");
@@ -13482,7 +13556,9 @@ function record(options = {}) {
     }
     return () => {
       handlers.forEach((h) => h());
+      Object.values(registeredHandlers).forEach((h) => h());
       processedNodeManager.destroy();
+      observeManager.destroy();
       recording = false;
       unregisterErrorHandler();
     };