@appsurify-testmap/rrweb-record 3.1.1-alpha.3 → 3.2.0-alpha.1

package/dist/rrweb-record.cjs

@@ -13471,6 +13471,30 @@ class MutationBuffer {
     this.shadowDomManager.reset();
     this.canvasManager.reset();
   }
+  /**
+   * Clear all accumulated mutation data without emitting.
+   * Used after freeze+debounce checkout — FullSnapshot already captured the state.
+   */
+  resetBuffers() {
+    this.addedSet = /* @__PURE__ */ new Set();
+    this.movedSet = /* @__PURE__ */ new Set();
+    this.droppedSet = /* @__PURE__ */ new Set();
+    this.removesSubTreeCache = /* @__PURE__ */ new Set();
+    this.mapRemoves = [];
+    this.movedMap = {};
+    this.attributes = [];
+    this.texts = [];
+    this.attributeMap = /* @__PURE__ */ new WeakMap();
+    this.removes = [];
+  }
+  /**
+   * Clear frozen flag without triggering emit.
+   * Used after freeze+debounce checkout — buffers already cleared by resetBuffers().
+   */
+  unsetFrozen() {
+    this.frozen = false;
+    this.canvasManager.unfreeze();
+  }
 }
 function deepDelete(addsSet, n2) {
   addsSet.delete(n2);
@@ -15861,10 +15885,13 @@ class VisibilityManager {
   }
   flushBuffer() {
     var _a2;
+    if (this.frozen || this.locked) return;
     if (this.buffer.size === 0) return;
-    (_a2 = this.notifyActivity) == null ? void 0 : _a2.call(this, this.buffer.size);
-    this.mutationCb({ mutations: Array.from(this.buffer.values()) });
+    const mutations = Array.from(this.buffer.values());
+    const count = mutations.length;
     this.buffer.clear();
+    this.mutationCb({ mutations });
+    (_a2 = this.notifyActivity) == null ? void 0 : _a2.call(this, count);
   }
   observe(el) {
     if (this.disabled) return;
@@ -15878,6 +15905,10 @@ class VisibilityManager {
   }
   freeze() {
     this.frozen = true;
+    if (this.debounceTimer) {
+      clearTimeout(this.debounceTimer);
+      this.debounceTimer = null;
+    }
   }
   unfreeze() {
     this.frozen = false;
@@ -15885,9 +15916,33 @@ class VisibilityManager {
   }
   lock() {
     this.locked = true;
+    if (this.debounceTimer) {
+      clearTimeout(this.debounceTimer);
+      this.debounceTimer = null;
+    }
   }
   unlock() {
     this.locked = false;
+    this.buffer.clear();
+    if (this.debounceTimer) {
+      clearTimeout(this.debounceTimer);
+      this.debounceTimer = null;
+    }
+    if (!this.disabled && this.elements.size > 0) {
+      this.previousState = computeVisibility(this.elements, /* @__PURE__ */ new Map(), {
+        root: this.root,
+        threshold: this.threshold,
+        sensitivity: this.sensitivity,
+        rootMargin: this.rootMargin
+      });
+    }
+  }
+  /**
+   * Clear frozen flag without triggering flush.
+   * Used after freeze+debounce checkout — buffer already cleared by unlock().
+   */
+  unsetFrozen() {
+    this.frozen = false;
   }
   reset() {
     this.elements.clear();
@@ -16040,6 +16095,7 @@ function record(options = {}) {
     checkoutEveryNms,
     checkoutEveryNth,
     checkoutEveryNvm,
+    checkoutDebounce,
     blockClass = "rr-block",
     blockSelector = null,
     ignoreClass = "rr-ignore",
@@ -16134,6 +16190,10 @@ function record(options = {}) {
   let lastFullSnapshotEvent;
   let incrementalSnapshotCount = 0;
   let visibilityMutationCount = 0;
+  let checkoutId = 0;
+  let checkoutPending = false;
+  let checkoutDebounceTimer = null;
+  let checkoutFreezeTimestamp = null;
   const eventProcessor = (e2) => {
     for (const plugin3 of plugins || []) {
       if (plugin3.eventProcessor) {
@@ -16146,11 +16206,25 @@ function record(options = {}) {
     }
     return e2;
   };
+  const executeCheckout = () => {
+    checkoutDebounceTimer = null;
+    checkoutPending = false;
+    checkoutFreezeTimestamp = null;
+    takeFullSnapshot$1(true);
+    mutationBuffers.forEach((buf) => {
+      buf.resetBuffers();
+      buf.unsetFrozen();
+    });
+    if (visibilityManager) {
+      visibilityManager.unsetFrozen();
+    }
+  };
   wrappedEmit = (r2, isCheckout) => {
     var _a2;
     const e2 = r2;
     e2.timestamp = nowTimestamp();
-    if (((_a2 = mutationBuffers[0]) == null ? void 0 : _a2.isFrozen()) && e2.type !== EventType.FullSnapshot && !(e2.type === EventType.IncrementalSnapshot && e2.data.source === IncrementalSource.Mutation)) {
+    e2.checkoutId = checkoutId;
+    if (((_a2 = mutationBuffers[0]) == null ? void 0 : _a2.isFrozen()) && !checkoutPending && e2.type !== EventType.FullSnapshot && !(e2.type === EventType.IncrementalSnapshot && e2.data.source === IncrementalSource.Mutation)) {
       mutationBuffers.forEach((buf) => buf.unfreeze());
       visibilityManager == null ? void 0 : visibilityManager.unfreeze();
     }
@@ -16177,7 +16251,29 @@ function record(options = {}) {
         const exceedCount = checkoutEveryNth && incrementalSnapshotCount >= checkoutEveryNth;
         const exceedTime = checkoutEveryNms && e2.timestamp - lastFullSnapshotEvent.timestamp > checkoutEveryNms;
         if (exceedCount || exceedTime) {
-          takeFullSnapshot$1(true);
+          if (checkoutDebounce) {
+            if (!checkoutPending) {
+              checkoutPending = true;
+              checkoutFreezeTimestamp = nowTimestamp();
+              mutationBuffers.forEach((buf) => buf.freeze());
+              visibilityManager == null ? void 0 : visibilityManager.freeze();
+            }
+            if (checkoutDebounceTimer) {
+              clearTimeout(checkoutDebounceTimer);
+            }
+            const frozenDuration = nowTimestamp() - checkoutFreezeTimestamp;
+            const maxFreeze = checkoutDebounce * 3;
+            if (frozenDuration >= maxFreeze) {
+              executeCheckout();
+            } else {
+              checkoutDebounceTimer = setTimeout(
+                () => executeCheckout(),
+                checkoutDebounce
+              );
+            }
+          } else {
+            takeFullSnapshot$1(true);
+          }
         }
       }
     }
@@ -16292,8 +16388,30 @@ function record(options = {}) {
       notifyActivity: checkoutEveryNvm != null ? (count) => {
         visibilityMutationCount += count;
         if (visibilityMutationCount >= checkoutEveryNvm) {
-          takeFullSnapshot$1(true);
           visibilityMutationCount = 0;
+          if (checkoutDebounce) {
+            if (!checkoutPending) {
+              checkoutPending = true;
+              checkoutFreezeTimestamp = nowTimestamp();
+              mutationBuffers.forEach((buf) => buf.freeze());
+              visibilityManager == null ? void 0 : visibilityManager.freeze();
+            }
+            if (checkoutDebounceTimer) {
+              clearTimeout(checkoutDebounceTimer);
+            }
+            const frozenDuration = nowTimestamp() - checkoutFreezeTimestamp;
+            const maxFreeze = checkoutDebounce * 3;
+            if (frozenDuration >= maxFreeze) {
+              executeCheckout();
+            } else {
+              checkoutDebounceTimer = setTimeout(
+                () => executeCheckout(),
+                checkoutDebounce
+              );
+            }
+          } else {
+            takeFullSnapshot$1(true);
+          }
         }
       } : void 0
     });
@@ -16302,6 +16420,7 @@ function record(options = {}) {
     if (!recordDOM) {
       return;
     }
+    checkoutId++;
     wrappedEmit(
       {
         type: EventType.Meta,
@@ -16580,6 +16699,10 @@ function record(options = {}) {
       );
     }
     return () => {
+      if (checkoutDebounceTimer) {
+        clearTimeout(checkoutDebounceTimer);
+        checkoutDebounceTimer = null;
+      }
       flushCustomEventQueue$1();
       handlers.forEach((h) => h());
       processedNodeManager.destroy();