@appsurify-testmap/rrweb 3.5.0-alpha.1 → 3.10.0-alpha.1

package/dist/rrweb.umd.cjs

@@ -16409,7 +16409,8 @@ function initInputObserver({
   maskInputOptions,
   maskInputFn,
   sampling,
-  userTriggeredOnInput
+  userTriggeredOnInput,
+  trustSyntheticInput
 }) {
   function eventHandler(event) {
     let target = getEventTarget(event);
@@ -16459,34 +16460,53 @@ function initInputObserver({
   function cbWithDedup(target, v2) {
     const lastInputValue = lastInputValueMap.get(target);
     const el = target;
-    const hasPlaceholder = el.hasAttribute("placeholder");
-    const isEmpty = el.value === "";
-    const isDefaultEmpty = typeof el.defaultValue === "string" ? el.defaultValue === "" : true;
-    const isNonUser = !v2.userTriggered;
-    const isRepeatEmpty = !lastInputValue || lastInputValue.text === "";
-    const isLikelyPhantom = hasPlaceholder && isEmpty && isDefaultEmpty && isRepeatEmpty && isNonUser && !v2.isChecked && el.type !== "hidden" && INPUT_TAGS.includes(el.tagName);
-    const isRenderDrivenTextInput = el.tagName === "INPUT" && el.type === "text" && !v2.userTriggered && v2.text === el.defaultValue && !lastInputValue && el.hasAttribute("placeholder");
-    const isValueFromDefault = !v2.userTriggered && el.value === el.defaultValue && !lastInputValue && el.hasAttribute("placeholder") && !v2.isChecked && el.type !== "hidden" && INPUT_TAGS.includes(el.tagName);
-    const isPhantomCheckbox = el.type === "checkbox" && !v2.userTriggered && !v2.isChecked && !lastInputValue;
-    const isPhantomRadio = el.type === "radio" && !v2.userTriggered && !v2.isChecked && !lastInputValue;
-    if (isLikelyPhantom || isRenderDrivenTextInput || isValueFromDefault || isPhantomCheckbox || isPhantomRadio) {
-      console.debug(
-        `[${nowTimestamp()}] [rrweb:record/observer] \u26D4 phantom input ignored`,
-        {
-          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-call
-          node: index.describeNode(el),
-          tag: el.tagName,
-          nodeType: el.nodeType,
-          attribute: el.attributes,
-          value: el.value,
-          isLikelyPhantom,
-          isRenderDrivenTextInput,
-          isValueFromDefault,
-          isPhantomCheckbox,
-          isPhantomRadio
-        }
-      );
-      return;
+    if (trustSyntheticInput) {
+      const isInitialEmpty = !v2.userTriggered && el.value === "" && !v2.isChecked && !lastInputValue;
+      const isSelectDefaultSelection = el.tagName === "SELECT" && !v2.userTriggered && !lastInputValue && el.selectedIndex === 0;
+      if (isInitialEmpty || isSelectDefaultSelection) {
+        console.debug(
+          `[${nowTimestamp()}] [rrweb:record/observer] phantom input ignored (trust mode)`,
+          {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-call
+            node: index.describeNode(el),
+            tag: el.tagName,
+            value: el.value,
+            isInitialEmpty,
+            isSelectDefaultSelection
+          }
+        );
+        return;
+      }
+    } else {
+      const hasPlaceholder = el.hasAttribute("placeholder");
+      const isEmpty = el.value === "";
+      const isDefaultEmpty = typeof el.defaultValue === "string" ? el.defaultValue === "" : true;
+      const isNonUser = !v2.userTriggered;
+      const isRepeatEmpty = !lastInputValue || lastInputValue.text === "";
+      const isLikelyPhantom = hasPlaceholder && isEmpty && isDefaultEmpty && isRepeatEmpty && isNonUser && !v2.isChecked && el.type !== "hidden" && INPUT_TAGS.includes(el.tagName);
+      const isRenderDrivenTextInput = el.tagName === "INPUT" && el.type === "text" && !v2.userTriggered && v2.text === el.defaultValue && !lastInputValue && el.hasAttribute("placeholder");
+      const isValueFromDefault = !v2.userTriggered && el.value === el.defaultValue && !lastInputValue && el.hasAttribute("placeholder") && !v2.isChecked && el.type !== "hidden" && INPUT_TAGS.includes(el.tagName);
+      const isPhantomCheckbox = el.type === "checkbox" && !v2.userTriggered && !v2.isChecked && !lastInputValue;
+      const isPhantomRadio = el.type === "radio" && !v2.userTriggered && !v2.isChecked && !lastInputValue;
+      if (isLikelyPhantom || isRenderDrivenTextInput || isValueFromDefault || isPhantomCheckbox || isPhantomRadio) {
+        console.debug(
+          `[${nowTimestamp()}] [rrweb:record/observer] \u26D4 phantom input ignored`,
+          {
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-unsafe-call
+            node: index.describeNode(el),
+            tag: el.tagName,
+            nodeType: el.nodeType,
+            attribute: el.attributes,
+            value: el.value,
+            isLikelyPhantom,
+            isRenderDrivenTextInput,
+            isValueFromDefault,
+            isPhantomCheckbox,
+            isPhantomRadio
+          }
+        );
+        return;
+      }
     }
     if (!lastInputValue || lastInputValue.text !== v2.text || lastInputValue.isChecked !== v2.isChecked) {
       lastInputValueMap.set(target, v2);
@@ -18570,8 +18590,15 @@ class NavigationManager {
       return;
     if (this.locked)
       return;
-    this.cancelTimers();
-    this.disconnectSettlingObserver();
+    if (this.pendingNavigation) {
+      this.cancelTimers();
+      this.disconnectSettlingObserver();
+      this.pendingNavigation = null;
+      this.onSnapshot(true);
+    } else {
+      this.cancelTimers();
+      this.disconnectSettlingObserver();
+    }
     this.pendingNavigation = data;
     if (this.frozen) {
       return;
@@ -18785,7 +18812,7 @@ class ProcessedNodeManager {
   destroy() {
   }
 }
-const version$1 = "3.5.0-alpha.1";
+const version$1 = "3.10.0-alpha.1";
 let wrappedEmit;
 let takeFullSnapshot$1;
 let canvasManager;
@@ -18834,6 +18861,7 @@ function record(options = {}) {
     recordAfter = options.recordAfter === "DOMContentLoaded" ? options.recordAfter : "load",
     flushCustomEvent = options.flushCustomEvent !== void 0 ? options.flushCustomEvent : "after",
     userTriggeredOnInput = false,
+    trustSyntheticInput = false,
     collectFonts = false,
     inlineImages = false,
     plugins,
@@ -18908,6 +18936,11 @@ function record(options = {}) {
   let checkoutPending = false;
   let checkoutDebounceTimer = null;
   let checkoutFreezeTimestamp = null;
+  let lastScrollEmitTime = 0;
+  const scrollSettleTime = (sampling.scroll || 100) * 2;
+  let lastSignificantMutationTime = 0;
+  const mutationGracePeriod = 500;
+  let hadVisibilityCheckoutInGrace = false;
   const eventProcessor = (e2) => {
     for (const plugin3 of plugins || []) {
       if (plugin3.eventProcessor) {
@@ -18998,6 +19031,13 @@ function record(options = {}) {
     }
   };
   const wrappedMutationEmit = (m) => {
+    var _a3, _b2;
+    var _a2, _b;
+    const totalChanges = ((_a3 = (_a2 = m.adds) == null ? void 0 : _a2.length) != null ? _a3 : 0) + ((_b2 = (_b = m.removes) == null ? void 0 : _b.length) != null ? _b2 : 0);
+    if (totalChanges > 10) {
+      lastSignificantMutationTime = nowTimestamp();
+      hadVisibilityCheckoutInGrace = false;
+    }
     wrappedEmit({
       type: EventType.IncrementalSnapshot,
       data: __spreadValues({
@@ -19013,12 +19053,15 @@ function record(options = {}) {
       }, v2)
     });
   };
-  const wrappedScrollEmit = (p) => wrappedEmit({
-    type: EventType.IncrementalSnapshot,
-    data: __spreadValues({
-      source: IncrementalSource.Scroll
-    }, p)
-  });
+  const wrappedScrollEmit = (p) => {
+    lastScrollEmitTime = nowTimestamp();
+    wrappedEmit({
+      type: EventType.IncrementalSnapshot,
+      data: __spreadValues({
+        source: IncrementalSource.Scroll
+      }, p)
+    });
+  };
   const wrappedCanvasMutationEmit = (p) => wrappedEmit({
     type: EventType.IncrementalSnapshot,
     data: __spreadValues({
@@ -19100,9 +19143,19 @@ function record(options = {}) {
       mutationCb: recordVisibility ? wrappedVisibilityEmit : () => {
       },
       notifyActivity: checkoutEveryNvm != null ? (count) => {
+        const now = nowTimestamp();
+        const scrollRecent = now - lastScrollEmitTime < scrollSettleTime;
+        const mutationRecent = now - lastSignificantMutationTime < mutationGracePeriod;
+        if (scrollRecent && !mutationRecent) {
+          return;
+        }
+        if (mutationRecent && hadVisibilityCheckoutInGrace) {
+          return;
+        }
         visibilityMutationCount += count;
         if (visibilityMutationCount >= checkoutEveryNvm) {
           visibilityMutationCount = 0;
+          hadVisibilityCheckoutInGrace = true;
           if (checkoutDebounce) {
             if (!checkoutPending) {
               checkoutPending = true;
@@ -19335,6 +19388,7 @@ function record(options = {}) {
           recordCanvas,
           inlineImages,
           userTriggeredOnInput,
+          trustSyntheticInput,
           collectFonts,
           doc,
           maskInputFn,
@@ -19413,6 +19467,43 @@ function record(options = {}) {
       );
     }
     return () => {
+      if (recording) {
+        const activeEl = document.activeElement;
+        if (activeEl && INPUT_TAGS.includes(activeEl.tagName)) {
+          const inputEl = activeEl;
+          const id = mirror.getId(inputEl);
+          if (id !== -1) {
+            const lastValue = lastInputValueMap.get(inputEl);
+            let text = inputEl.value;
+            let isChecked = false;
+            const type = getInputType(inputEl) || "";
+            if (type === "radio" || type === "checkbox") {
+              isChecked = inputEl.checked;
+            } else if (maskInputOptions[inputEl.tagName.toLowerCase()] || maskInputOptions[type]) {
+              text = maskInputValue({
+                element: inputEl,
+                maskInputOptions,
+                tagName: inputEl.tagName,
+                type,
+                value: text,
+                maskInputFn
+              });
+            }
+            if (!lastValue || lastValue.text !== text || lastValue.isChecked !== isChecked) {
+              const inputData = userTriggeredOnInput ? { text, isChecked, userTriggered: false } : { text, isChecked };
+              lastInputValueMap.set(inputEl, inputData);
+              wrappedEmit({
+                type: EventType.IncrementalSnapshot,
+                data: __spreadProps(__spreadValues({
+                  source: IncrementalSource.Input
+                }, inputData), {
+                  id
+                })
+              });
+            }
+          }
+        }
+      }
       if (checkoutDebounceTimer) {
         clearTimeout(checkoutDebounceTimer);
         checkoutDebounceTimer = null;
@@ -22384,7 +22475,7 @@ class Replayer {
     this.config.logger.log(REPLAY_CONSOLE_PREFIX, ...args);
   }
 }
-const version = "3.5.0-alpha.1";
+const version = "3.10.0-alpha.1";
 const { getVersion } = record;
 const { isRecording } = record;
 const { flushCustomEventQueue } = record;