@appsurify-testmap/rrweb-playwright-plugin 3.1.1-alpha.3 → 3.3.0-alpha.1

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";var O=Object.create;var f=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var U=(t,e)=>{for(var n in e)f(t,n,{get:e[n],enumerable:!0})},k=(t,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of L(e))!F.call(t,r)&&r!==n&&f(t,r,{get:()=>e[r],enumerable:!(s=P(e,r))||s.enumerable});return t};var b=(t,e,n)=>(n=t!=null?O(D(t)):{},k(e||!t||!t.__esModule?f(n,"default",{value:t,enumerable:!0}):n,t)),z=t=>k(f({},"__esModule",{value:!0}),t);var Y={};U(Y,{expect:()=>y.expect,test:()=>$});module.exports=z(Y);var y=require("@playwright/test");var w=b(require("os")),p=b(require("path")),d=b(require("fs")),j="test-results/playwright/ui";function B(t,e){let n=p.default.dirname(t),s=p.default.join(n,`.${p.default.basename(t)}.tmp-${process.pid}-${Date.now()}`);d.default.mkdirSync(n,{recursive:!0}),d.default.writeFileSync(s,e,"utf-8"),d.default.renameSync(s,t)}function W(t){try{if(!d.default.existsSync(t))return[];let e=d.default.readFileSync(t,"utf-8").trim();if(!e)return[];let n=JSON.parse(e);return Array.isArray(n)?n:[]}catch{return[]}}function C(t,e){let n=e!==void 0?e:j,s=v(t.spec.name),r=v(t.test.suite?.title),i=v(t.test.title),o=t.browser.name,c=`${r?r+"-":""}${i}.json`,u=p.default.join(n,s,o,c),h={events:t.recorderEvents,metadata:{runner:t.runner,spec:t.spec,suite:t.test.suite,test:t.test,browser:t.browser}};d.default.mkdirSync(n,{recursive:!0}),d.default.mkdirSync(p.default.dirname(u),{recursive:!0}),d.default.writeFileSync(u,JSON.stringify(h,null,2),"utf-8"),console.log(`[ui-coverage] Saved report to ${u}`);try{let a=p.default.join(n,"ui-coverage-aggregated.json"),l=W(a);l.push(h),B(a,JSON.stringify(l,null,2)),console.log(`[ui-coverage] Updated aggregate: ${a}`)}catch(a){console.warn("[ui-coverage] Failed to update aggregate report:",a)}}function v(t){return(t??"").trim().replace(/[\s:/\\<>|"'?*]+/g,"-").replace(/-+/g,"-").replace(/^-|-$/g,"")}function _(t,e){let n=t.browserType(),s=t.version(),r=n.name(),i=e.file,o=i.replace(process.cwd(),"").replace(/^[/\\]/,""),c=o.split(/[\\/]/).pop()??"",[u,h]=c.split(/\.(?=[^\\.]+$)/),a=e.titlePath.slice(1,-1),l=a.join(" > ")||"Root Suite";return{runner:{source:"playwright",type:"unknown",version:e.config.version,platform:w.default.platform(),arch:w.default.arch(),recorder:{scriptVersion:"unknown",libVersion:"unknown"}},spec:{name:c,relative:o,absolute:i,baseName:c,fileName:u,fileExtension:h,id:o},test:{suite:{id:a.join("::")||"root",invocationDetails:{absoluteFile:i,column:e.column??0,line:e.line??0,fileUrl:void 0,function:void 0,originalFile:void 0,relativeFile:o},pending:!1,root:a.length===0,title:l,type:"unknown"},id:e.testId,title:e.title,titlePath:e.titlePath.slice(1),fullTitle:e.titlePath.slice(1).join(" "),file:e.file,invocationDetails:{absoluteFile:i,column:e.column,line:e.line,fileUrl:"",relativeFile:o},state:e.status,duration:e.duration,pending:!1,sync:!1,timedOut:void 0,type:""},browser:{name:r,family:r,version:s,majorVersion:parseInt(s.split(".")[0],10),displayName:e.project.use?.channel?.toUpperCase?.()??r.charAt(0).toUpperCase()+r.slice(1),channel:e.project.use?.channel??"",path:n.executablePath()},recorderEvents:[]}}function S(t,e){let n={...t};for(let s in e){let r=e[s],i=t[s];r&&typeof r=="object"&&!Array.isArray(r)&&i&&typeof i=="object"&&!Array.isArray(i)?n[s]=S(i,r):r!==void 0&&(n[s]=r)}return n}async function I(t,e=500){let n=Date.now(),s=t.getEvents().length;return new Promise(r=>{let i=setInterval(()=>{let o=t.getEvents().length;(o===s||Date.now()-n>e)&&(clearInterval(i),r()),s=o},50)})}async function E(t){await t.evaluate(()=>new Promise(e=>requestAnimationFrame(()=>e())))}var H={i8:Int8Array,ui8:Uint8Array,ui8c:Uint8ClampedArray,i16:Int16Array,ui16:Uint16Array,i32:Int32Array,ui32:Uint32Array,f32:Float32Array,f64:Float64Array,bi64:BigInt64Array,bui64:BigUint64Array},Z=new Map(Object.entries(H).map(([t,e])=>[e,t]));var R=`(function (g, f) {if ("object" == typeof exports && "object" == typeof module) {module.exports = f();} else if ("function" == typeof define && define.amd) {define("rrweb", [], f);} else if ("object" == typeof exports) {exports["rrweb"] = f();} else {g["rrweb"] = f();}}(typeof self !== 'undefined' ? self : typeof globalThis !== 'undefined' ? globalThis : this, () => {var exports = {};var module = { exports };
+"use strict";var O=Object.create;var f=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var U=(t,e)=>{for(var n in e)f(t,n,{get:e[n],enumerable:!0})},$=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of D(e))!F.call(t,s)&&s!==n&&f(t,s,{get:()=>e[s],enumerable:!(r=P(e,s))||r.enumerable});return t};var b=(t,e,n)=>(n=t!=null?O(L(t)):{},$(e||!t||!t.__esModule?f(n,"default",{value:t,enumerable:!0}):n,t)),z=t=>$(f({},"__esModule",{value:!0}),t);var Y={};U(Y,{expect:()=>y.expect,test:()=>k});module.exports=z(Y);var y=require("@playwright/test");var w=b(require("os")),p=b(require("path")),d=b(require("fs")),B="test-results/playwright/ui";function W(t,e){let n=p.default.dirname(t),r=p.default.join(n,`.${p.default.basename(t)}.tmp-${process.pid}-${Date.now()}`);d.default.mkdirSync(n,{recursive:!0}),d.default.writeFileSync(r,e,"utf-8"),d.default.renameSync(r,t)}function j(t){try{if(!d.default.existsSync(t))return[];let e=d.default.readFileSync(t,"utf-8").trim();if(!e)return[];let n=JSON.parse(e);return Array.isArray(n)?n:[]}catch{return[]}}function C(t,e){let n=e!==void 0?e:B,r=v(t.spec.name),s=v(t.test.suite?.title),o=v(t.test.title),i=t.browser.name,c=`${s?s+"-":""}${o}.json`,u=p.default.join(n,r,i,c),h={events:t.recorderEvents,metadata:{runner:t.runner,spec:t.spec,suite:t.test.suite,test:t.test,browser:t.browser}};d.default.mkdirSync(n,{recursive:!0}),d.default.mkdirSync(p.default.dirname(u),{recursive:!0}),d.default.writeFileSync(u,JSON.stringify(h,null,2),"utf-8"),console.log(`[ui-coverage] Saved report to ${u}`);try{let a=p.default.join(n,"ui-coverage-aggregated.json"),l=j(a);l.push(h),W(a,JSON.stringify(l,null,2)),console.log(`[ui-coverage] Updated aggregate: ${a}`)}catch(a){console.warn("[ui-coverage] Failed to update aggregate report:",a)}}function v(t){return(t??"").trim().replace(/[\s:/\\<>|"'?*]+/g,"-").replace(/-+/g,"-").replace(/^-|-$/g,"")}function _(t,e){let n=t.browserType(),r=t.version(),s=n.name(),o=e.file,i=o.replace(process.cwd(),"").replace(/^[/\\]/,""),c=i.split(/[\\/]/).pop()??"",[u,h]=c.split(/\.(?=[^\\.]+$)/),a=e.titlePath.slice(1,-1),l=a.join(" > ")||"Root Suite";return{runner:{source:"playwright",type:"unknown",version:e.config.version,platform:w.default.platform(),arch:w.default.arch(),recorder:{scriptVersion:"unknown",libVersion:"unknown"}},spec:{name:c,relative:i,absolute:o,baseName:c,fileName:u,fileExtension:h,id:i},test:{suite:{id:a.join("::")||"root",invocationDetails:{absoluteFile:o,column:e.column??0,line:e.line??0,fileUrl:void 0,function:void 0,originalFile:void 0,relativeFile:i},pending:!1,root:a.length===0,title:l,type:"unknown"},id:e.testId,title:e.title,titlePath:e.titlePath.slice(1),fullTitle:e.titlePath.slice(1).join(" "),file:e.file,invocationDetails:{absoluteFile:o,column:e.column,line:e.line,fileUrl:"",relativeFile:i},state:e.status,duration:e.duration,pending:!1,sync:!1,timedOut:void 0,type:""},browser:{name:s,family:s,version:r,majorVersion:parseInt(r.split(".")[0],10),displayName:e.project.use?.channel?.toUpperCase?.()??s.charAt(0).toUpperCase()+s.slice(1),channel:e.project.use?.channel??"",path:n.executablePath()},recorderEvents:[]}}function S(t,e){let n={...t};for(let r in e){let s=e[r],o=t[r];s&&typeof s=="object"&&!Array.isArray(s)&&o&&typeof o=="object"&&!Array.isArray(o)?n[r]=S(o,s):s!==void 0&&(n[r]=s)}return n}async function E(t,e=500){let n=Date.now(),r=t.getEvents().length;return new Promise(s=>{let o=setInterval(()=>{let i=t.getEvents().length;(i===r||Date.now()-n>e)&&(clearInterval(o),s()),r=i},50)})}async function I(t){await t.evaluate(()=>new Promise(e=>requestAnimationFrame(()=>e())))}var H={i8:Int8Array,ui8:Uint8Array,ui8c:Uint8ClampedArray,i16:Int16Array,ui16:Uint16Array,i32:Int32Array,ui32:Uint32Array,f32:Float32Array,f64:Float64Array,bi64:BigInt64Array,bui64:BigUint64Array},Z=new Map(Object.entries(H).map(([t,e])=>[e,t]));var R=`(function (g, f) {if ("object" == typeof exports && "object" == typeof module) {module.exports = f();} else if ("function" == typeof define && define.amd) {define("rrweb", [], f);} else if ("object" == typeof exports) {exports["rrweb"] = f();} else {g["rrweb"] = f();}}(typeof self !== 'undefined' ? self : typeof globalThis !== 'undefined' ? globalThis : this, () => {var exports = {};var module = { exports };
 "use strict";
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -13930,6 +13930,30 @@ class MutationBuffer {
     this.shadowDomManager.reset();
     this.canvasManager.reset();
   }
+  /**
+   * Clear all accumulated mutation data without emitting.
+   * Used after freeze+debounce checkout \u2014 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 \u2014 buffers already cleared by resetBuffers().
+   */
+  unsetFrozen() {
+    this.frozen = false;
+    this.canvasManager.unfreeze();
+  }
 }
 function deepDelete(addsSet, n2) {
   addsSet.delete(n2);
@@ -14249,6 +14273,7 @@ function initNavigationObserver({
   doc,
   sampling
 }) {
+  var _a2;
   if (sampling.navigation === false) {
     return () => {
     };
@@ -14299,6 +14324,30 @@ function initNavigationObserver({
   handlers.push(restoreReplaceState);
   handlers.push(on("popstate", () => emitNavigation("popstate"), win));
   handlers.push(on("hashchange", () => emitNavigation("hashchange"), win));
+  const useNavigationAPI = typeof sampling.navigation === "object" ? (_a2 = sampling.navigation.useNavigationAPI) != null ? _a2 : true : true;
+  if (useNavigationAPI && "navigation" in win) {
+    try {
+      const nav = win.navigation;
+      const handler = (event) => {
+        var _a22;
+        const navEvent = event;
+        if (navEvent.navigationType === "push" || navEvent.navigationType === "replace") {
+          const destUrl = (_a22 = navEvent.destination) == null ? void 0 : _a22.url;
+          if (destUrl && destUrl !== lastHref) {
+            navigationCb({
+              href: destUrl,
+              oldHref: lastHref,
+              navigationType: "navigate"
+            });
+            lastHref = destUrl;
+          }
+        }
+      };
+      nav.addEventListener("navigate", handler);
+      handlers.push(() => nav.removeEventListener("navigate", handler));
+    } catch (e) {
+    }
+  }
   return callbackWrapper(() => {
     handlers.forEach((h) => h());
   });
@@ -16350,11 +16399,15 @@ 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)
@@ -16370,6 +16423,10 @@ class VisibilityManager {
   }
   freeze() {
     this.frozen = true;
+    if (this.debounceTimer) {
+      clearTimeout(this.debounceTimer);
+      this.debounceTimer = null;
+    }
   }
   unfreeze() {
     this.frozen = false;
@@ -16377,9 +16434,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 \u2014 buffer already cleared by unlock().
+   */
+  unsetFrozen() {
+    this.frozen = false;
   }
   reset() {
     this.elements.clear();
@@ -16395,6 +16476,170 @@ class VisibilityManager {
     }
   }
 }
+const DEFAULT_SETTLE_TIMEOUT = 150;
+const DEFAULT_MAX_WAIT = 5e3;
+const DEFAULT_DEBOUNCE = 100;
+class NavigationManager {
+  constructor(options) {
+    var _a2, _b, _c;
+    __publicField(this, "frozen", false);
+    __publicField(this, "locked", false);
+    __publicField(this, "disabled", false);
+    __publicField(this, "settleTimeout");
+    __publicField(this, "maxWait");
+    __publicField(this, "debounceMs");
+    __publicField(this, "settlingObserver", null);
+    __publicField(this, "debounceTimer", null);
+    __publicField(this, "settleCheckTimer", null);
+    __publicField(this, "maxWaitTimer", null);
+    __publicField(this, "lastMutationTime", 0);
+    __publicField(this, "pendingNavigation", null);
+    __publicField(this, "doc");
+    __publicField(this, "onSnapshot");
+    const { doc, config, onSnapshot } = options;
+    this.doc = doc;
+    this.onSnapshot = callbackWrapper(onSnapshot);
+    this.settleTimeout = (_a2 = config.settleTimeout) != null ? _a2 : DEFAULT_SETTLE_TIMEOUT;
+    this.maxWait = (_b = config.maxWait) != null ? _b : DEFAULT_MAX_WAIT;
+    this.debounceMs = (_c = config.debounce) != null ? _c : DEFAULT_DEBOUNCE;
+  }
+  handleNavigation(data) {
+    if (this.disabled)
+      return;
+    if (this.locked)
+      return;
+    this.cancelTimers();
+    this.disconnectSettlingObserver();
+    this.pendingNavigation = data;
+    if (this.frozen) {
+      return;
+    }
+    this.startDebounce();
+  }
+  cancelPending() {
+    this.cancelTimers();
+    this.disconnectSettlingObserver();
+    this.pendingNavigation = null;
+  }
+  freeze() {
+    this.frozen = true;
+    this.cancelTimers();
+    this.disconnectSettlingObserver();
+  }
+  unfreeze() {
+    this.frozen = false;
+    if (this.pendingNavigation && !this.locked && !this.disabled) {
+      this.startDebounce();
+    }
+  }
+  lock() {
+    this.locked = true;
+    this.cancelTimers();
+    this.disconnectSettlingObserver();
+  }
+  unlock() {
+    this.locked = false;
+    this.pendingNavigation = null;
+  }
+  unsetFrozen() {
+    this.frozen = false;
+  }
+  reset() {
+    this.cancelTimers();
+    this.disconnectSettlingObserver();
+    this.pendingNavigation = null;
+    this.frozen = false;
+    this.locked = false;
+  }
+  destroy() {
+    this.reset();
+    this.disabled = true;
+  }
+  startDebounce() {
+    this.debounceTimer = setTimeout(() => {
+      this.debounceTimer = null;
+      this.startDOMSettling();
+    }, this.debounceMs);
+  }
+  startDOMSettling() {
+    if (this.frozen || this.locked || this.disabled)
+      return;
+    this.lastMutationTime = performance.now();
+    const ObserverCtor = mutationObserverCtor();
+    this.settlingObserver = new ObserverCtor(() => {
+      this.lastMutationTime = performance.now();
+      if (this.settleCheckTimer !== null) {
+        clearTimeout(this.settleCheckTimer);
+      }
+      this.settleCheckTimer = setTimeout(
+        () => this.checkSettled(),
+        this.settleTimeout
+      );
+    });
+    this.settlingObserver.observe(this.doc, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      characterData: true
+    });
+    this.settleCheckTimer = setTimeout(
+      () => this.checkSettled(),
+      this.settleTimeout
+    );
+    this.maxWaitTimer = setTimeout(() => {
+      this.maxWaitTimer = null;
+      this.completeSettling();
+    }, this.maxWait);
+  }
+  checkSettled() {
+    this.settleCheckTimer = null;
+    const elapsed = performance.now() - this.lastMutationTime;
+    if (elapsed >= this.settleTimeout) {
+      this.completeSettling();
+    } else {
+      this.settleCheckTimer = setTimeout(
+        () => this.checkSettled(),
+        this.settleTimeout - elapsed
+      );
+    }
+  }
+  completeSettling() {
+    if (this.frozen || this.locked || this.disabled)
+      return;
+    if (!this.pendingNavigation)
+      return;
+    this.cancelTimers();
+    this.disconnectSettlingObserver();
+    this.pendingNavigation = null;
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        if (!this.frozen && !this.locked && !this.disabled) {
+          this.onSnapshot(true);
+        }
+      });
+    });
+  }
+  cancelTimers() {
+    if (this.debounceTimer !== null) {
+      clearTimeout(this.debounceTimer);
+      this.debounceTimer = null;
+    }
+    if (this.settleCheckTimer !== null) {
+      clearTimeout(this.settleCheckTimer);
+      this.settleCheckTimer = null;
+    }
+    if (this.maxWaitTimer !== null) {
+      clearTimeout(this.maxWaitTimer);
+      this.maxWaitTimer = null;
+    }
+  }
+  disconnectSettlingObserver() {
+    if (this.settlingObserver) {
+      this.settlingObserver.disconnect();
+      this.settlingObserver = null;
+    }
+  }
+}
 class StylesheetManager {
   constructor(options) {
     __publicField(this, "trackedLinkElements", /* @__PURE__ */ new WeakSet());
@@ -16482,43 +16727,13 @@ class ProcessedNodeManager {
   destroy() {
   }
 }
-const version$1 = "3.1.1-alpha.3";
+const version$1 = "3.3.0-alpha.1";
 let wrappedEmit;
 let takeFullSnapshot$1;
 let canvasManager;
 let recording = false;
 const customEventQueue = [];
 let flushCustomEventQueue$1;
-function waitForDOMStabilization(win) {
-  const maxWaitMs = 5e3;
-  return new Promise((resolve2) => {
-    const captureAfterPaint = () => {
-      requestAnimationFrame(() => {
-        requestAnimationFrame(() => {
-          resolve2();
-        });
-      });
-    };
-    const safeResolve = /* @__PURE__ */ (() => {
-      let called = false;
-      return () => {
-        if (!called) {
-          called = true;
-          captureAfterPaint();
-        }
-      };
-    })();
-    if (["interactive", "complete"].includes(win.document.readyState)) {
-      safeResolve();
-    } else {
-      win.addEventListener("DOMContentLoaded", safeResolve, { once: true });
-      win.addEventListener("load", safeResolve, { once: true });
-      setTimeout(() => {
-        safeResolve();
-      }, maxWaitMs);
-    }
-  });
-}
 try {
   if (Array.from([1], (x2) => x2 * 2)[0] !== 2) {
     const cleanFrame = document.createElement("iframe");
@@ -16536,6 +16751,7 @@ function record(options = {}) {
     checkoutEveryNms,
     checkoutEveryNth,
     checkoutEveryNvm,
+    checkoutDebounce,
     blockClass = "rr-block",
     blockSelector = null,
     ignoreClass = "rr-ignore",
@@ -16630,6 +16846,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) {
@@ -16642,13 +16862,32 @@ function record(options = {}) {
     }
     return e2;
   };
+  const executeCheckout = () => {
+    checkoutDebounceTimer = null;
+    checkoutPending = false;
+    checkoutFreezeTimestamp = null;
+    navigationManager == null ? void 0 : navigationManager.cancelPending();
+    takeFullSnapshot$1(true);
+    mutationBuffers.forEach((buf) => {
+      buf.resetBuffers();
+      buf.unsetFrozen();
+    });
+    if (visibilityManager) {
+      visibilityManager.unsetFrozen();
+    }
+    if (navigationManager) {
+      navigationManager.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();
+      navigationManager == null ? void 0 : navigationManager.unfreeze();
     }
     if (inEmittingFrame) {
       emit == null ? void 0 : emit(eventProcessor(e2), isCheckout);
@@ -16673,7 +16912,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);
+          }
         }
       }
     }
@@ -16783,8 +17044,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
     });
@@ -16793,6 +17076,7 @@ function record(options = {}) {
     if (!recordDOM) {
       return;
     }
+    checkoutId++;
     wrappedEmit(
       {
         type: EventType.Meta,
@@ -16808,6 +17092,7 @@ function record(options = {}) {
     shadowDomManager.init();
     mutationBuffers.forEach((buf) => buf.lock());
     visibilityManager == null ? void 0 : visibilityManager.lock();
+    navigationManager == null ? void 0 : navigationManager.lock();
     const node2 = snapshot(document, {
       mirror,
       blockClass,
@@ -16859,6 +17144,7 @@ function record(options = {}) {
     );
     mutationBuffers.forEach((buf) => buf.unlock());
     visibilityManager == null ? void 0 : visibilityManager.unlock();
+    navigationManager == null ? void 0 : navigationManager.unlock();
     if (document.adoptedStyleSheets && document.adoptedStyleSheets.length > 0)
       stylesheetManager.adoptStyleSheets(
         document.adoptedStyleSheets,
@@ -16871,6 +17157,31 @@ function record(options = {}) {
     }
     customEventQueue.length = 0;
   };
+  let navigationManager;
+  const navigationSampling = sampling.navigation;
+  if (navigationSampling !== false) {
+    const navConfig = typeof navigationSampling === "object" ? navigationSampling : {};
+    navigationManager = new NavigationManager({
+      doc: document,
+      config: navConfig,
+      onSnapshot: (isCheckout) => {
+        if (checkoutPending) {
+          if (checkoutDebounceTimer) {
+            clearTimeout(checkoutDebounceTimer);
+            checkoutDebounceTimer = null;
+          }
+          checkoutPending = false;
+          checkoutFreezeTimestamp = null;
+          mutationBuffers.forEach((buf) => {
+            buf.resetBuffers();
+            buf.unsetFrozen();
+          });
+          visibilityManager == null ? void 0 : visibilityManager.unsetFrozen();
+        }
+        takeFullSnapshot$1(isCheckout);
+      }
+    });
+  }
   try {
     const handlers = [];
     const observe = (doc) => {
@@ -16899,14 +17210,11 @@ function record(options = {}) {
             }, d)
           }),
           navigationCb: (navData) => {
-            console.debug(
-              \`[\${nowTimestamp()}] [rrweb:record/navigation] \\u{1F9ED} Navigation detected:\`,
-              navData.navigationType,
-              navData.oldHref,
-              "\\u2192",
-              navData.href
-            );
-            takeFullSnapshot$1(true);
+            if (navigationManager) {
+              navigationManager.handleNavigation(navData);
+            } else {
+              takeFullSnapshot$1(true);
+            }
           },
           inputCb: (v2) => wrappedEmit({
             type: EventType.IncrementalSnapshot,
@@ -17018,23 +17326,6 @@ function record(options = {}) {
         flushCustomEventQueue$1();
       }
     };
-    const runInit = async () => {
-      if (flushCustomEvent === "before") {
-        flushCustomEventQueue$1();
-      }
-      if (recordAfter === "DOMContentStabilized") {
-        console.debug(\`[\${nowTimestamp()}] [rrweb:record] \\u{1F7E2} Waiting for DOM stabilization...\`);
-        await waitForDOMStabilization(window);
-        console.debug(\`[\${nowTimestamp()}] [rrweb:record] \\u2705 DOM stabilized, starting recording\`);
-      }
-      console.debug(\`[\${nowTimestamp()}] [rrweb:record] \\u2705 Init dom and takeFullSnapshot \`);
-      takeFullSnapshot$1();
-      handlers.push(observe(document));
-      recording = true;
-      if (flushCustomEvent === "after") {
-        flushCustomEventQueue$1();
-      }
-    };
     if (document.readyState === "interactive" || document.readyState === "complete") {
       init();
     } else {
@@ -17064,8 +17355,13 @@ function record(options = {}) {
       );
     }
     return () => {
+      if (checkoutDebounceTimer) {
+        clearTimeout(checkoutDebounceTimer);
+        checkoutDebounceTimer = null;
+      }
       flushCustomEventQueue$1();
       handlers.forEach((h) => h());
+      navigationManager == null ? void 0 : navigationManager.destroy();
       processedNodeManager.destroy();
       recording = false;
       unregisterErrorHandler();
@@ -17134,7 +17430,7 @@ exports.record = record;
 return module.exports;
 }))
 //# sourceMappingURL=rrweb-record.umd.cjs.map
-`;var A=`(function (g, f) {if ("object" == typeof exports && "object" == typeof module) {module.exports = f();} else if ("function" == typeof define && define.amd) {define("rrwebPluginSequentialIdRecord", [], f);} else if ("object" == typeof exports) {exports["rrwebPluginSequentialIdRecord"] = f();} else {g["rrwebPluginSequentialIdRecord"] = f();}}(typeof self !== 'undefined' ? self : typeof globalThis !== 'undefined' ? globalThis : this, () => {var exports = {};var module = { exports };
+`;var T=`(function (g, f) {if ("object" == typeof exports && "object" == typeof module) {module.exports = f();} else if ("function" == typeof define && define.amd) {define("rrwebPluginSequentialIdRecord", [], f);} else if ("object" == typeof exports) {exports["rrwebPluginSequentialIdRecord"] = f();} else {g["rrwebPluginSequentialIdRecord"] = f();}}(typeof self !== 'undefined' ? self : typeof globalThis !== 'undefined' ? globalThis : this, () => {var exports = {};var module = { exports };
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const defaultOptions = {
@@ -17178,5 +17474,5 @@ exports.globalSequentialId = globalSequentialId;
 return module.exports;
 }))
 //# sourceMappingURL=rrweb-plugin-sequential-id-record.umd.cjs.map
-`;var K={slimDOMOptions:"all",inlineStylesheet:!0,recordDOM:!0,recordCanvas:!0,collectFonts:!0,inlineImages:!0,maskInputOptions:{password:!0},sampling:{mousemove:!1,mouseInteraction:{MouseUp:!1,MouseDown:!1,Click:!0,ContextMenu:!0,DblClick:!0,Focus:!0,Blur:!0,TouchStart:!1,TouchEnd:!1},scroll:100,media:100,input:"last",canvas:"all",visibility:{mode:"none",debounce:0,threshold:.5,sensitivity:.05,rafThrottle:10}},flushCustomEvent:"after",recordAfter:"DOMContentLoaded",userTriggeredOnInput:!0},m=class{recordFn=null;page=null;context;eventCounter=0;events=[];recordOptions;pendingEvents=[];recorderScriptVersion="unknown";recorderLibVersion="unknown";isRecording=!1;constructor(e){this.recordOptions=S(K,e??{}),this.context={pushEvent:n=>this.events.push(n)}}handleEmit(e){if(e.type===0||e.type===1)return;let n={...e};this.context.pushEvent(n)}async inject(e){this.page=e,await this.page?.addInitScript({content:R}),await this.page?.addInitScript({content:A}),await this.page?.exposeFunction("handleEmit",n=>{this.handleEmit(n)})}async start(){this.recordFn=await this.page?.evaluateHandle(()=>window.rrweb?.record),await this.recordFn?.evaluate((e,n)=>{let s=JSON.parse(n),r=[];window.rrwebPluginSequentialIdRecord&&r.push(window.rrwebPluginSequentialIdRecord.getRecordSequentialIdPlugin({key:"id"})),window.stopFn=e({emit:i=>{window.handleEmit?.(i)},plugins:r,...s})},JSON.stringify(this.recordOptions)),this.isRecording=await this.recordFn?.evaluate(e=>e.isRecording()),this.recorderScriptVersion=await this.recordFn?.evaluate(e=>e.getVersion()),await this.flush()}async stop(){this.isRecording=!1,this.recordFn&&this.page&&!this.page.isClosed()&&(await this.flush(),await this.page.evaluate(()=>{window.stopFn=null}))}async reset(){this.eventCounter=0,this.events=[],await this.stop(),this.context={pushEvent:e=>this.events.push(e)}}async flush(){if(!this.recordFn)return;let e=[];for(let n of this.pendingEvents)try{await this.recordFn.evaluate((s,r)=>{s.addCustomEvent(r.tag,r.payload)},n)}catch{console.debug(`[${Date.now()}] [recorder] flush failed for custom event: ${n.tag}`),e.push(n)}this.pendingEvents=e}async addCustomEvent(e,n){let s={tag:e,payload:n};if(!this.recordFn||!this.isRecording){console.debug(`[${Date.now()}] [recorder] queued custom event (recorder not ready): ${e}`),this.pendingEvents.push(s);return}try{await this.recordFn.evaluate((r,i)=>{r.addCustomEvent(i.tag,i.payload)},s)}catch{this.pendingEvents.push(s)}}isRecordingReady(){return!!this.recordFn&&this.isRecording}getScriptVersion(){return`@appsurify-testmap/rrweb-record:${this.recorderScriptVersion}`}getLibVersion(){return`@appsurify-testmap/rrweb:${this.recorderLibVersion!=="unknown"?this.recorderLibVersion:this.recorderScriptVersion}`}getEvents(){return this.events}getMirror(){return this.recordFn?.mirror}bind(e){this.context=e}setEventCounter(e){this.eventCounter=e}};var g=m;var T=new Map;function M(t,e){T.set(t,e)}function x(t){return T.get(t)}var $=y.test.extend({browser:async({browser:t},e)=>{await e(t)},context:async({browser:t},e,n)=>{let s=await t.newContext(),r=_(t,n);M(n.testId,r),await e(s),await s.close()},page:async({page:t},e,n)=>{let r=n.project.use.testmap??{},i=typeof r=="object"&&"recordingOpts"in r?r.recordingOpts:g,o=new g(i),c=x(n.testId);c&&(c.recorderInstance=o),o.bind({pushEvent:async a=>{c?.recorderEvents.push(a),await Promise.resolve()}}),await o.inject(t),t.on("console",async a=>{a.type()!=="debug"&&console.debug(`[${Date.now()}] [page] console`,a.text())}),t.on("load",async()=>{}),t.on("domcontentloaded",async()=>{await o.start(),c?.runner&&(c.runner.recorder={scriptVersion:o.getScriptVersion(),libVersion:o.getLibVersion()})}),t.on("framenavigated",async()=>{}),t.on("close",async()=>{await o.flush()});let u=n._onStepEnd.bind(void 0);n._onStepEnd=async a=>{let l=n._stepMap.get(a.stepId);if(l.apiName&&l?.location.file===n.file&&await o.addCustomEvent(l.apiName,{stepId:l.stepId,category:l.category,location:l.location,title:l.title,apiName:l.apiName,endWallTime:l.endWallTime}),!t.isClosed())try{await E(t)}catch{}await u(a)};let h=n._onDidFinishTestFunction.bind(void 0);n._onDidFinishTestFunction=async()=>{o&&o.isRecordingReady()&&(await I(o,500),await o.stop()),await h()},await e(t)}});$.beforeEach(async({},t)=>{console.log(`[${Date.now()}] [\u{1F7E2} TEST START] ${t.title}`)});$.afterEach(async({},t)=>{console.log(`[${Date.now()}] [\u{1F534} TEST END] ${t.title}`);let e=x(t.testId);if(!e)return;e.test.duration=t.duration;let n={runner:e?.runner,spec:e?.spec,browser:e?.browser,test:e?.test,suite:e?.test.suite,recorderEvents:Array.isArray(e?.recorderEvents)?e?.recorderEvents:[]},r=t.project.use.testmap??{};C(n,r.outputReportDir)});0&&(module.exports={expect,test});
+`;var K={slimDOMOptions:"all",inlineStylesheet:!0,recordDOM:!0,recordCanvas:!0,collectFonts:!0,inlineImages:!0,maskInputOptions:{password:!0},sampling:{mousemove:!1,mouseInteraction:{MouseUp:!1,MouseDown:!1,Click:!0,ContextMenu:!0,DblClick:!0,Focus:!0,Blur:!0,TouchStart:!1,TouchEnd:!1},scroll:100,media:100,input:"last",canvas:"all",visibility:{mode:"none",debounce:0,threshold:.5,sensitivity:.05,rafThrottle:10}},flushCustomEvent:"after",recordAfter:"DOMContentLoaded",userTriggeredOnInput:!0},m=class{recordFn=null;page=null;context;eventCounter=0;events=[];recordOptions;pendingEvents=[];recorderScriptVersion="unknown";recorderLibVersion="unknown";isRecording=!1;constructor(e){this.recordOptions=S(K,e??{}),this.context={pushEvent:n=>this.events.push(n)}}handleEmit(e){if(e.type===0||e.type===1)return;let n={...e};this.context.pushEvent(n)}async inject(e){this.page=e,await this.page?.addInitScript({content:R}),await this.page?.addInitScript({content:T}),await this.page?.exposeFunction("handleEmit",n=>{this.handleEmit(n)})}async start(){this.recordFn=await this.page?.evaluateHandle(()=>window.rrweb?.record),await this.recordFn?.evaluate((e,n)=>{let r=JSON.parse(n),s=[];window.rrwebPluginSequentialIdRecord&&s.push(window.rrwebPluginSequentialIdRecord.getRecordSequentialIdPlugin({key:"id"})),window.stopFn=e({emit:o=>{window.handleEmit?.(o)},plugins:s,...r})},JSON.stringify(this.recordOptions)),this.isRecording=await this.recordFn?.evaluate(e=>e.isRecording()),this.recorderScriptVersion=await this.recordFn?.evaluate(e=>e.getVersion()),await this.flush()}async stop(){this.isRecording=!1,this.recordFn&&this.page&&!this.page.isClosed()&&(await this.flush(),await this.page.evaluate(()=>{window.stopFn=null}))}async reset(){this.eventCounter=0,this.events=[],await this.stop(),this.context={pushEvent:e=>this.events.push(e)}}async flush(){if(!this.recordFn)return;let e=[];for(let n of this.pendingEvents)try{await this.recordFn.evaluate((r,s)=>{r.addCustomEvent(s.tag,s.payload)},n)}catch{console.debug(`[${Date.now()}] [recorder] flush failed for custom event: ${n.tag}`),e.push(n)}this.pendingEvents=e}async addCustomEvent(e,n){let r={tag:e,payload:n};if(!this.recordFn||!this.isRecording){console.debug(`[${Date.now()}] [recorder] queued custom event (recorder not ready): ${e}`),this.pendingEvents.push(r);return}try{await this.recordFn.evaluate((s,o)=>{s.addCustomEvent(o.tag,o.payload)},r)}catch{this.pendingEvents.push(r)}}isRecordingReady(){return!!this.recordFn&&this.isRecording}getScriptVersion(){return`@appsurify-testmap/rrweb-record:${this.recorderScriptVersion}`}getLibVersion(){return`@appsurify-testmap/rrweb:${this.recorderLibVersion!=="unknown"?this.recorderLibVersion:this.recorderScriptVersion}`}getEvents(){return this.events}getMirror(){return this.recordFn?.mirror}bind(e){this.context=e}setEventCounter(e){this.eventCounter=e}};var g=m;var A=new Map;function M(t,e){A.set(t,e)}function x(t){return A.get(t)}var k=y.test.extend({browser:async({browser:t},e)=>{await e(t)},context:async({browser:t},e,n)=>{let r=await t.newContext(),s=_(t,n);M(n.testId,s),await e(r),await r.close()},page:async({page:t},e,n)=>{let s=n.project.use.testmap??{},o=typeof s=="object"&&"recordingOpts"in s?s.recordingOpts:g,i=new g(o),c=x(n.testId);c&&(c.recorderInstance=i),i.bind({pushEvent:async a=>{c?.recorderEvents.push(a),await Promise.resolve()}}),await i.inject(t),t.on("console",async a=>{a.type()!=="debug"&&console.debug(`[${Date.now()}] [page] console`,a.text())}),t.on("load",async()=>{}),t.on("domcontentloaded",async()=>{await i.start(),c?.runner&&(c.runner.recorder={scriptVersion:i.getScriptVersion(),libVersion:i.getLibVersion()})}),t.on("framenavigated",async()=>{}),t.on("close",async()=>{await i.flush()});let u=n._onStepEnd.bind(void 0);n._onStepEnd=async a=>{let l=n._stepMap.get(a.stepId);if(l.apiName&&l?.location.file===n.file&&await i.addCustomEvent(l.apiName,{stepId:l.stepId,category:l.category,location:l.location,title:l.title,apiName:l.apiName,endWallTime:l.endWallTime}),!t.isClosed())try{await I(t)}catch{}await u(a)};let h=n._onDidFinishTestFunction.bind(void 0);n._onDidFinishTestFunction=async()=>{i&&i.isRecordingReady()&&(await E(i,500),await i.stop()),await h()},await e(t)}});k.beforeEach(async({},t)=>{console.log(`[${Date.now()}] [\u{1F7E2} TEST START] ${t.title}`)});k.afterEach(async({},t)=>{console.log(`[${Date.now()}] [\u{1F534} TEST END] ${t.title}`);let e=x(t.testId);if(!e)return;e.test.duration=t.duration;let n={runner:e?.runner,spec:e?.spec,browser:e?.browser,test:e?.test,suite:e?.test.suite,recorderEvents:Array.isArray(e?.recorderEvents)?e?.recorderEvents:[]},s=t.project.use.testmap??{};C(n,s.outputReportDir)});0&&(module.exports={expect,test});
 //# sourceMappingURL=index.js.map