@glimt/record 0.0.80 → 0.0.82

package/dist/record.js

@@ -1748,12 +1748,7 @@ function slimDOMExcluded(sn, slimDOMOptions) {
   }
   return false;
 }
-const debugging = {
-  index: 0,
-  store: {}
-};
 function serializeNodeWithId(n2, options) {
-  const start = Date.now();
   const {
     doc,
     mirror: mirror2,
@@ -1983,16 +1978,6 @@ function serializeNodeWithId(n2, options) {
       stylesheetLoadTimeout
     );
   }
-  debugging.index++;
-  const took = Date.now() - start;
-  if (!(n2.nodeName in debugging.store)) {
-    debugging.store[n2.nodeName] = [];
-  }
-  debugging.store[n2.nodeName].push(took);
-  if (debugging.index % 5e3 === 0) {
-    debugging.index = 0;
-    debugging.store = {};
-  }
   return serializedNode;
 }
 function snapshot(n2, options) {
@@ -10080,6 +10065,11 @@ class IframeManager {
       window.addEventListener("message", this.handleMessage.bind(this));
     }
   }
+  destroy() {
+    this.iframes = /* @__PURE__ */ new WeakMap();
+    this.crossOriginIframeMap = /* @__PURE__ */ new WeakMap();
+    this.crossOriginIframeRootIdMap = /* @__PURE__ */ new WeakMap();
+  }
   addIframe(iframeEl) {
     this.iframes.set(iframeEl, true);
     if (iframeEl.contentWindow)
@@ -10291,188 +10281,45 @@ const _ObserveManager = class _ObserveManager2 {
   constructor() {
     __publicField(this, "docsObservers", /* @__PURE__ */ new WeakSet());
     __publicField(this, "shadowRootsObservers", /* @__PURE__ */ new WeakSet());
-    __publicField(this, "docsDebounceTimers", /* @__PURE__ */ new WeakMap());
-    __publicField(this, "shadowRootsDebounceTimers", /* @__PURE__ */ new WeakMap());
-    __publicField(this, "debounceTime", 15);
-    __publicField(this, "mutationOptions");
-    __publicField(this, "emitter", null);
-    __publicField(this, "isSnapshottingShadowRoots", false);
-    __publicField(this, "isSnapshottingDocs", false);
+    __publicField(this, "docObservers", /* @__PURE__ */ new WeakMap());
     if (_ObserveManager2.instance) {
       return _ObserveManager2.instance;
     }
     _ObserveManager2.instance = this;
   }
-  setEmitter(emitter) {
-    this.emitter = emitter;
-  }
-  setMutationOptions(options) {
-    this.mutationOptions = options;
-  }
-  get usable() {
-    const result2 = this.emitter != null;
-    if (!result2) debugLog("observerManager: emitter is null");
-    return result2;
-  }
-  serializeDoc(doc) {
-    var _a2, _b2, _c;
-    if (!((_a2 = this.mutationOptions) == null ? void 0 : _a2.mirror)) return null;
-    const serialized = serializeNodeWithId(doc, {
-      ...this.mutationOptions,
-      doc,
-      skipChild: false,
-      maskTextFn: (_b2 = this.mutationOptions) == null ? void 0 : _b2.maskTextFn,
-      maskInputFn: (_c = this.mutationOptions) == null ? void 0 : _c.maskInputFn
-    });
-    if (!serialized) {
-      debugLog("snapshotDoc: no serialized node");
-      return null;
+  observeIframe(doc, init, cleanup) {
+    const current = this.docObservers.get(doc);
+    if (current) {
+      debugLog(
+        doc,
+        "iframe is already observed, cleaning up and registering again"
+      );
+      current();
     }
-    return serialized;
-  }
-  emitDoc(serialized) {
-    if (!this.emitter || !serialized) return;
-    this.emitter({
-      type: EventType.FullSnapshot,
-      data: {
-        node: serialized,
-        initialOffset: {
-          left: 0,
-          top: 0
-        }
-      }
+    const id = makeid();
+    init(id);
+    this.docObservers.set(doc, () => {
+      cleanup(id);
     });
   }
-  emitShadowRoot(serialized, shadowRoot2) {
-    var _a2;
-    if (!this.emitter || !serialized || !((_a2 = this.mutationOptions) == null ? void 0 : _a2.mirror)) return;
-    const hostId = this.mutationOptions.mirror.getId(shadowRoot2.host);
-    const shadowId = this.mutationOptions.mirror.getId(shadowRoot2);
-    this.emitter({
-      type: EventType.IncrementalSnapshot,
-      data: {
-        source: IncrementalSource.Mutation,
-        adds: [
-          {
-            parentId: hostId,
-            nextId: null,
-            node: serialized
-          }
-        ],
-        removes: [
-          {
-            id: shadowId,
-            parentId: hostId
-          }
-        ],
-        attributes: [],
-        texts: []
-      }
-    });
-  }
-  serializeAndEmitDoc(doc) {
-    debugLog(
-      "onDocObserver: doc already observed, emitting full snapshot for doc",
-      doc
-    );
-    this.isSnapshottingDocs = true;
-    const serialized = this.serializeDoc(doc);
-    this.emitDoc(serialized);
-    this.isSnapshottingDocs = false;
-  }
-  serializeAndEmitShadowRoot(shadowRoot2) {
-    debugLog(
-      "onShadowRootObserver: shadowRoot already observed, emitting full snapshot for shadowRoot",
-      shadowRoot2
-    );
-    this.isSnapshottingShadowRoots = true;
-    const serialized = this.serializeDoc(shadowRoot2.ownerDocument);
-    this.emitShadowRoot(serialized, shadowRoot2);
-    this.isSnapshottingShadowRoots = false;
-  }
-  debounceEmitDoc(doc) {
-    const existingTimer = this.docsDebounceTimers.get(doc);
-    if (existingTimer) clearTimeout(existingTimer);
-    this.docsDebounceTimers.set(
-      doc,
-      setTimeout(() => {
-        this.docsDebounceTimers.delete(doc);
-        this.serializeAndEmitDoc(doc);
-      }, this.debounceTime)
-    );
-  }
-  debounceEmitShadowRoot(shadowRoot2) {
-    const existingTimer = this.shadowRootsDebounceTimers.get(shadowRoot2);
-    if (existingTimer) clearTimeout(existingTimer);
-    this.shadowRootsDebounceTimers.set(
-      shadowRoot2,
-      setTimeout(() => {
-        this.shadowRootsDebounceTimers.delete(shadowRoot2);
-        this.serializeAndEmitShadowRoot(shadowRoot2);
-      }, this.debounceTime)
-    );
-  }
-  onDocObserver(doc) {
-    if (this.isSnapshottingDocs) return false;
-    if (!this.usable) return false;
+  canRegisterDocObserver(doc) {
     if (!this.docsObservers.has(doc)) {
       this.docsObservers.add(doc);
       return true;
     }
-    debugLog(
-      "onDocObserver: doc already observed, debouncing full snapshot for doc",
-      doc
-    );
-    this.debounceEmitDoc(doc);
     return false;
   }
-  onShadowRootObserver(shadowRoot2) {
-    if (this.isSnapshottingShadowRoots) return false;
-    if (!this.usable) return false;
+  canRegisterShadowRootObserver(shadowRoot2) {
     if (!this.shadowRootsObservers.has(shadowRoot2)) {
       this.shadowRootsObservers.add(shadowRoot2);
       return true;
     }
-    debugLog(
-      "onShadowRootObserver: shadowRoot already observed, debouncing full snapshot for shadowRoot",
-      shadowRoot2
-    );
-    this.debounceEmitShadowRoot(shadowRoot2);
     return false;
   }
-  // canObserveDoc(doc: Document) {
-  //   if (!this.usable) return false;
-  //   const hasObserver = this.docsObservers.has(doc);
-  //   if (!hasObserver) return true;
-  //   return false;
-  // }
-  // canObserveShadowRoot(shadowRoot: ShadowRoot) {
-  //   if (!this.usable) return false;
-  //   return !this.shadowRootsObserved.has(shadowRoot);
-  // }
-  // observerAttached(doc: Document, onCleanup: VoidFunction) {
-  //   if (!this.usable) return;
-  //   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?.();
-  //   }
-  //   this.docsObservers.set(doc, onCleanup);
-  // }
-  // observerAttachedToShadow(shadowRoot: ShadowRoot, onCleanup: VoidFunction) {
-  //   if (!this.usable) return;
-  //   debugLog('[shadow] attaching observer to shadowRoot', shadowRoot);
-  //   if (this.shadowRootsObserved.has(shadowRoot)) {
-  //     debugLog('[shadow] detected existing observer, cleaning up old observer');
-  //     const cleanupFn = this.shadowRootsObserved.get(shadowRoot);
-  //     cleanupFn?.();
-  //   }
-  //   this.shadowRootsObserved.set(shadowRoot, onCleanup);
-  // }
   destroy() {
     this.docsObservers = /* @__PURE__ */ new WeakSet();
     this.shadowRootsObservers = /* @__PURE__ */ new WeakSet();
+    this.docObservers = /* @__PURE__ */ new WeakMap();
   }
 };
 __publicField(_ObserveManager, "instance");
@@ -10484,7 +10331,7 @@ const _MutationRateLimiter = class _MutationRateLimiter2 {
     __publicField(this, "exitMutTracker");
     __publicField(this, "interval", 50);
     __publicField(this, "exitInterval", 100);
-    __publicField(this, "mutThreshold", 100);
+    __publicField(this, "mutThreshold", 250);
     __publicField(this, "inGlobalStorm", false);
     __publicField(this, "currentStormStartedAt", -1);
     __publicField(this, "stormTimeLimit", 5e3);
@@ -13016,7 +12863,6 @@ 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;
@@ -13029,10 +12875,15 @@ class ShadowDomManager {
   }
   addShadowRoot(shadowRoot2, doc) {
     if (!isNativeShadowDom(shadowRoot2)) return;
-    if (!observeManager.onShadowRootObserver(shadowRoot2)) return;
+    if (!observeManager.canRegisterShadowRootObserver(shadowRoot2)) return;
     if (this.shadowDoms.has(shadowRoot2)) return;
     this.shadowDoms.add(shadowRoot2);
-    debugLog(`Adding mutation observer for shadowRoot ${shadowRoot2.host}`);
+    debugLog(
+      `Adding mutation observer for shadowRoot`,
+      shadowRoot2.host,
+      "restoreHandlers",
+      this.restoreHandlers.length
+    );
     const observer = initMutationObserver(
       {
         ...this.bypassOptions,
@@ -13109,15 +12960,6 @@ 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();
   }
@@ -13303,10 +13145,10 @@ function record(options = {}) {
     }
     return e2;
   };
-  wrappedEmit = (r2, isCheckout) => {
+  wrappedEmit = (r2, isCheckout, customOpts) => {
     var _a2;
     const e2 = r2;
-    e2.timestamp = nowTimestamp();
+    e2.timestamp = (customOpts == null ? void 0 : customOpts.overrideTimestamp) ?? nowTimestamp();
     if (((_a2 = mutationBuffers[0]) == null ? void 0 : _a2.isFrozen()) && e2.type !== EventType.FullSnapshot && !(e2.type === EventType.IncrementalSnapshot && e2.data.source === IncrementalSource.Mutation)) {
       mutationBuffers.forEach((buf) => buf.unfreeze());
     }
@@ -13421,29 +13263,6 @@ function record(options = {}) {
     },
     mirror
   });
-  observeManager.setEmitter(wrappedEmit);
-  observeManager.setMutationOptions({
-    blockClass,
-    blockSelector,
-    maskTextClass,
-    maskTextSelector,
-    inlineStylesheet,
-    maskInputOptions,
-    maskTextFn,
-    maskInputFn,
-    slimDOMOptions,
-    dataURLOptions,
-    canvasManager,
-    stylesheetManager,
-    shadowDomManager,
-    recordCanvas,
-    inlineImages,
-    mirror,
-    iframeManager,
-    keepIframeSrcFn,
-    mutationCb: wrappedMutationEmit,
-    processedNodeManager
-  });
   takeFullSnapshot$1 = (isCheckout = false) => {
     if (!recordDOM) {
       return;
@@ -13519,7 +13338,6 @@ function record(options = {}) {
   };
   try {
     const handlers = [];
-    const registeredHandlers = {};
     const observe = (doc) => {
       var _a2;
       return callbackWrapper(initObservers)(
@@ -13643,11 +13461,31 @@ function record(options = {}) {
         hooks
       );
     };
+    const registeredHandlers = {};
     iframeManager.addLoadListener((iframeEl) => {
       try {
-        if (!observeManager.onDocObserver(iframeEl.contentDocument)) return;
-        debugLog("Adding mutation observer for iframe", iframeEl);
-        handlers.push(observe(iframeEl.contentDocument));
+        observeManager.observeIframe(
+          iframeEl.contentDocument,
+          (id) => {
+            const cleanup = observe(iframeEl.contentDocument);
+            registeredHandlers[id] = cleanup;
+            debugLog(
+              iframeEl.contentDocument,
+              "did register handler on iframe. current registered handlers",
+              Object.keys(registeredHandlers).length
+            );
+          },
+          (id) => {
+            const handler = registeredHandlers[id];
+            if (handler) handler();
+            delete registeredHandlers[id];
+            debugLog(
+              iframeEl.contentDocument,
+              "did cleanup for regisited handler on iframe. current registered handlers",
+              Object.keys(registeredHandlers).length
+            );
+          }
+        );
       } catch (error) {
         if (isDebug()) {
           console.warn("internal error");
@@ -13708,6 +13546,7 @@ function record(options = {}) {
       handlers.forEach((h) => h());
       Object.values(registeredHandlers).forEach((h) => h());
       processedNodeManager.destroy();
+      iframeManager.destroy();
       observeManager.destroy();
       recording = false;
       unregisterErrorHandler();