@appsurify-testmap/rrweb-record 2.1.1-alpha.6 → 2.1.1-alpha.7

package/dist/rrweb-record.js

@@ -12515,6 +12515,36 @@ let visibilityManager;
 let recording = false;
 const customEventQueue = [];
 let flushCustomEventQueue;
+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");
@@ -13006,8 +13036,28 @@ function record(options = {}) {
         flushCustomEventQueue();
       }
     };
+    const runInit = async () => {
+      if (flushCustomEvent === "before") {
+        flushCustomEventQueue();
+      }
+      if (recordAfter === "DOMContentStabilized") {
+        console.log(`[rrweb] 🟢 Waiting for DOM stabilization...`);
+        await waitForDOMStabilization(window);
+        console.log(`[rrweb] ✅ DOM stabilized, starting recording`);
+      }
+      takeFullSnapshot$1();
+      handlers.push(observe(document));
+      recording = true;
+      if (flushCustomEvent === "after") {
+        flushCustomEventQueue();
+      }
+    };
     if (document.readyState === "interactive" || document.readyState === "complete") {
-      init();
+      if (recordAfter === "DOMContentStabilized") {
+        void runInit();
+      } else {
+        init();
+      }
     } else {
       handlers.push(
         on("DOMContentLoaded", () => {
@@ -13015,7 +13065,9 @@ function record(options = {}) {
             type: EventType.DomContentLoaded,
             data: {}
           });
-          if (recordAfter === "DOMContentLoaded") init();
+          if (recordAfter === "DOMContentLoaded" || recordAfter === "DOMContentStabilized") {
+            void runInit();
+          }
         })
       );
       handlers.push(
@@ -13026,7 +13078,7 @@ function record(options = {}) {
               type: EventType.Load,
               data: {}
             });
-            if (recordAfter === "load") init();
+            if (recordAfter === "load") void runInit();
           },
           window
         )
@@ -13043,6 +13095,7 @@ function record(options = {}) {
     console.warn(error);
   }
 }
+record.isRecording = () => recording;
 record.flushCustomEventQueue = () => {
   console.warn(`[rrweb] CustomEvent flushing: ${customEventQueue.length} events`);
   flushCustomEventQueue();