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

package/dist/rrweb.d.cts

@@ -263,6 +263,7 @@ export declare type recordOptions<T> = {
     inlineImages?: boolean;
     plugins?: RecordPlugin[];
     selector?: boolean | SelectorOptions;
+    trustSyntheticInput?: boolean;
     mousemoveWait?: number;
     keepIframeSrcFn?: KeepIframeSrcFn;
     errorHandler?: ErrorHandler;

package/dist/rrweb.d.ts

@@ -263,6 +263,7 @@ export declare type recordOptions<T> = {
     inlineImages?: boolean;
     plugins?: RecordPlugin[];
     selector?: boolean | SelectorOptions;
+    trustSyntheticInput?: boolean;
     mousemoveWait?: number;
     keepIframeSrcFn?: KeepIframeSrcFn;
     errorHandler?: ErrorHandler;

package/dist/rrweb.js

@@ -15920,7 +15920,8 @@ function initInputObserver({
   maskInputOptions,
   maskInputFn,
   sampling,
-  userTriggeredOnInput
+  userTriggeredOnInput,
+  trustSyntheticInput
 }) {
   function eventHandler(event) {
     let target = getEventTarget(event);
@@ -15970,34 +15971,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] ⛔ 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] ⛔ 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);
@@ -18048,8 +18068,15 @@ class NavigationManager {
   handleNavigation(data) {
     if (this.disabled) 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;
@@ -18256,7 +18283,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;
@@ -18305,6 +18332,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,
@@ -18379,6 +18407,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) {
@@ -18469,6 +18502,12 @@ function record(options = {}) {
     }
   };
   const wrappedMutationEmit = (m) => {
+    var _a2, _b;
+    const totalChanges = (((_a2 = m.adds) == null ? void 0 : _a2.length) ?? 0) + (((_b = m.removes) == null ? void 0 : _b.length) ?? 0);
+    if (totalChanges > 10) {
+      lastSignificantMutationTime = nowTimestamp();
+      hadVisibilityCheckoutInGrace = false;
+    }
     wrappedEmit({
       type: EventType.IncrementalSnapshot,
       data: {
@@ -18486,13 +18525,16 @@ function record(options = {}) {
       }
     });
   };
-  const wrappedScrollEmit = (p) => wrappedEmit({
-    type: EventType.IncrementalSnapshot,
-    data: {
-      source: IncrementalSource.Scroll,
-      ...p
-    }
-  });
+  const wrappedScrollEmit = (p) => {
+    lastScrollEmitTime = nowTimestamp();
+    wrappedEmit({
+      type: EventType.IncrementalSnapshot,
+      data: {
+        source: IncrementalSource.Scroll,
+        ...p
+      }
+    });
+  };
   const wrappedCanvasMutationEmit = (p) => wrappedEmit({
     type: EventType.IncrementalSnapshot,
     data: {
@@ -18576,9 +18618,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;
@@ -18820,6 +18872,7 @@ function record(options = {}) {
           recordCanvas,
           inlineImages,
           userTriggeredOnInput,
+          trustSyntheticInput,
           collectFonts,
           doc,
           maskInputFn,
@@ -18896,6 +18949,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: {
+                  source: IncrementalSource.Input,
+                  ...inputData,
+                  id
+                }
+              });
+            }
+          }
+        }
+      }
       if (checkoutDebounceTimer) {
         clearTimeout(checkoutDebounceTimer);
         checkoutDebounceTimer = null;
@@ -21835,7 +21925,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;