@glimt/record 0.0.73 → 0.0.75

package/dist/record.umd.cjs

@@ -9998,6 +9998,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;
@@ -10316,13 +10331,47 @@ 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;
+  }
+  canObserveDoc(doc) {
+    return !this.docsObservers.has(doc);
+  }
+  canObserveShadowRoot(shadowRoot2) {
+    return !this.shadowRootsObserved.has(shadowRoot2);
+  }
+  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);
+  }
+  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");
@@ -10586,14 +10635,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);
@@ -12232,7 +12273,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);
@@ -12868,6 +12908,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;
@@ -12880,9 +12921,11 @@ class ShadowDomManager {
   }
   addShadowRoot(shadowRoot2, doc) {
     if (!isNativeShadowDom(shadowRoot2)) return;
+    if (!observeManager.canObserveShadowRoot(shadowRoot2)) return;
     if (this.shadowDoms.has(shadowRoot2)) return;
     this.shadowDoms.add(shadowRoot2);
     debugLog(`Adding mutation observer for shadowRoot ${shadowRoot2.host}`);
+    const observeId = makeid();
     const observer = initMutationObserver(
       __spreadProps(__spreadValues({}, this.bypassOptions), {
         doc,
@@ -12892,8 +12935,8 @@ class ShadowDomManager {
       }),
       shadowRoot2
     );
-    this.restoreHandlers.push(() => observer.disconnect());
-    this.restoreHandlers.push(
+    this.mappedRestoreHandlers[observeId] = [
+      () => observer.disconnect(),
       initScrollObserver(__spreadProps(__spreadValues({}, this.bypassOptions), {
         scrollCb: this.scrollCb,
         // https://gist.github.com/praveenpuglia/0832da687ed5a5d7a0907046c9ef1813
@@ -12901,14 +12944,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,
@@ -12918,6 +12961,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.
@@ -12957,6 +13012,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();
   }
@@ -13331,6 +13395,7 @@ function record(options = {}) {
   };
   try {
     const handlers = [];
+    const registeredHandlers = {};
     const observe = (doc) => {
       var _a2;
       return callbackWrapper(initObservers)(
@@ -13447,8 +13512,14 @@ function record(options = {}) {
     };
     iframeManager.addLoadListener((iframeEl) => {
       try {
-        debugLog("adding observers for new iframe", iframeEl);
-        handlers.push(observe(iframeEl.contentDocument));
+        if (!observeManager.canObserveDoc(iframeEl.contentDocument)) return;
+        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");
@@ -13507,7 +13578,9 @@ function record(options = {}) {
     }
     return () => {
       handlers.forEach((h) => h());
+      Object.values(registeredHandlers).forEach((h) => h());
       processedNodeManager.destroy();
+      observeManager.destroy();
       recording = false;
       unregisterErrorHandler();
     };