@appsurify-testmap/rrweb-record 2.0.0-alpha.24 → 2.0.0-alpha.30

package/dist/rrweb-record.js

@@ -9868,35 +9868,41 @@ function initMutationObserver(options, rootEl) {
 function initVisibilityObserver({
   visibilityChangeCb,
   doc,
-  mirror: mirror2
+  mirror: mirror2,
+  sampling
 }) {
   if (!visibilityChangeCb) {
     return () => {
     };
   }
   const observedElements = /* @__PURE__ */ new WeakMap();
-  const observer = new IntersectionObserver(
-    (entries) => {
-      entries.forEach((entry) => {
-        const target = entry.target;
-        const id = mirror2.getId(target);
-        const isVisible = entry.isIntersecting || entry.intersectionRatio > 0;
-        if (id !== -1) {
-          if (observedElements.has(target)) {
-            visibilityChangeCb({
-              id,
-              isVisible,
-              visibilityRatio: entry.intersectionRatio,
-              boundingRect: entry.boundingClientRect
-            });
-          } else {
-            observedElements.set(target, true);
-          }
-        }
-      });
-    },
-    { root: null, threshold: [0.1, 0.9] }
+  const debounceThreshold = typeof sampling.visibility === "number" ? sampling.visibility : 50;
+  const throttledCb = throttle(
+    callbackWrapper((entry) => {
+      const target = entry.target;
+      const id = mirror2.getId(target);
+      const isVisible = entry.isIntersecting || entry.intersectionRatio > 0;
+      if (id !== -1) {
+        visibilityChangeCb({
+          id,
+          isVisible,
+          visibilityRatio: entry.intersectionRatio
+        });
+      }
+    }),
+    debounceThreshold,
+    { leading: sampling.visibility !== false, trailing: true }
   );
+  const observer = new IntersectionObserver((entries) => {
+    entries.forEach((entry) => {
+      const target = entry.target;
+      if (observedElements.has(target)) {
+        throttledCb(entry);
+      } else {
+        observedElements.set(target, true);
+      }
+    });
+  }, { root: null, threshold: [0.1, 0.9] });
   doc.querySelectorAll("*").forEach((el) => observer.observe(el));
   const mutationObserver = new MutationObserver((mutations) => {
     mutations.forEach((mutation) => {
@@ -10828,7 +10834,6 @@ function mergeHooks(o2, hooks) {
   };
 }
 function initObservers(o2, hooks = {}) {
-  console.info("initObservers", o2);
   const currentWindow = o2.doc.defaultView;
   if (!currentWindow) {
     return () => {
@@ -12073,7 +12078,8 @@ function record(options = {}) {
       incrementalSnapshotCount++;
       const exceedCount = checkoutEveryNth && incrementalSnapshotCount >= checkoutEveryNth;
       const exceedTime = checkoutEveryNms && e2.timestamp - lastFullSnapshotEvent.timestamp > checkoutEveryNms;
-      if (exceedCount || exceedTime) {
+      const isVisibilityChanged = checkoutEveryEvc && e2.type === EventType.IncrementalSnapshot && e2.data.source === IncrementalSource.VisibilityChange;
+      if (exceedCount || exceedTime || isVisibilityChanged) {
         takeFullSnapshot$1(true);
       }
     }
@@ -12235,11 +12241,6 @@ function record(options = {}) {
         mirror.getId(document)
       );
   };
-  const debouncedFullSnapshot = throttle(() => {
-    if (checkoutEveryEvc) {
-      takeFullSnapshot$1(true);
-    }
-  }, 100, { leading: false, trailing: true });
   try {
     const handlers = [];
     const observe = (doc) => {
@@ -12248,16 +12249,13 @@ function record(options = {}) {
         {
           mutationCb: wrappedMutationEmit,
           visibilityChangeCb: (v2) => {
-            debouncedFullSnapshot();
-            if (sampling.visibility) {
-              return wrappedEmit({
-                type: EventType.IncrementalSnapshot,
-                data: {
-                  source: IncrementalSource.VisibilityChange,
-                  ...v2
-                }
-              });
-            }
+            wrappedEmit({
+              type: EventType.IncrementalSnapshot,
+              data: {
+                source: IncrementalSource.VisibilityChange,
+                ...v2
+              }
+            });
           },
           mousemoveCb: (positions, source) => wrappedEmit({
             type: EventType.IncrementalSnapshot,