@appsurify-testmap/rrweb 2.1.1-alpha.7 → 2.1.2-alpha.2

package/dist/rrweb.d.cts

@@ -65,6 +65,8 @@ export { EventType }
 
 export { eventWithTime }
 
+export declare const flushCustomEventQueue: () => void;
+
 export declare const freezePage: () => void;
 
 declare function getBaseDimension(node: Node, rootIframe: Node): DocumentDimension;
@@ -80,6 +82,8 @@ declare function getRootShadowHost(n: Node): Node;
 
 declare function getShadowHost(n: Node): Element | null;
 
+export declare const getVersion: () => string;
+
 declare function getWindowHeight(win?: Window): number;
 
 declare function getWindowScroll(win?: Window): {
@@ -105,6 +109,8 @@ declare function isBlocked(node: Node | null, blockClass: blockClass, blockSelec
 
 declare function isIgnored(n: Node, mirror: Mirror, slimDOMOptions: SlimDOMOptions): boolean;
 
+export declare const isRecording: () => boolean;
+
 declare function isSerialized(n: Node, mirror: Mirror): boolean;
 
 declare function isSerializedIframe<TNode extends Node | RRNode>(n: TNode, mirror: IMirror<TNode>): boolean;
@@ -213,6 +219,7 @@ declare function queueToResolveTrees(queue: addedNodeMutation[]): ResolveTree[];
 export declare function record<T = eventWithTime>(options?: recordOptions<T>): listenerHandler | undefined;
 
 export declare namespace record {
+    var getVersion: () => string;
     var isRecording: () => boolean;
     var flushCustomEventQueue: () => void;
     var addCustomEvent: <T>(tag: string, payload: T) => void;
@@ -465,10 +472,13 @@ declare namespace utils {
 }
 export { utils }
 
+export declare const version: string;
+
 export { }
 
 
 declare namespace record {
+    var getVersion: () => string;
     var isRecording: () => boolean;
     var flushCustomEventQueue: () => void;
     var addCustomEvent: <T>(tag: string, payload: T) => void;

package/dist/rrweb.d.ts

@@ -65,6 +65,8 @@ export { EventType }
 
 export { eventWithTime }
 
+export declare const flushCustomEventQueue: () => void;
+
 export declare const freezePage: () => void;
 
 declare function getBaseDimension(node: Node, rootIframe: Node): DocumentDimension;
@@ -80,6 +82,8 @@ declare function getRootShadowHost(n: Node): Node;
 
 declare function getShadowHost(n: Node): Element | null;
 
+export declare const getVersion: () => string;
+
 declare function getWindowHeight(win?: Window): number;
 
 declare function getWindowScroll(win?: Window): {
@@ -105,6 +109,8 @@ declare function isBlocked(node: Node | null, blockClass: blockClass, blockSelec
 
 declare function isIgnored(n: Node, mirror: Mirror, slimDOMOptions: SlimDOMOptions): boolean;
 
+export declare const isRecording: () => boolean;
+
 declare function isSerialized(n: Node, mirror: Mirror): boolean;
 
 declare function isSerializedIframe<TNode extends Node | RRNode>(n: TNode, mirror: IMirror<TNode>): boolean;
@@ -213,6 +219,7 @@ declare function queueToResolveTrees(queue: addedNodeMutation[]): ResolveTree[];
 export declare function record<T = eventWithTime>(options?: recordOptions<T>): listenerHandler | undefined;
 
 export declare namespace record {
+    var getVersion: () => string;
     var isRecording: () => boolean;
     var flushCustomEventQueue: () => void;
     var addCustomEvent: <T>(tag: string, payload: T) => void;
@@ -465,10 +472,13 @@ declare namespace utils {
 }
 export { utils }
 
+export declare const version: string;
+
 export { }
 
 
 declare namespace record {
+    var getVersion: () => string;
     var isRecording: () => boolean;
     var flushCustomEventQueue: () => void;
     var addCustomEvent: <T>(tag: string, payload: T) => void;

package/dist/rrweb.js

@@ -818,10 +818,13 @@ function inspectInlineEventHandlers$1() {
     });
   });
 }
-if (document.readyState === "complete" || document.readyState === "interactive") {
-  inspectInlineEventHandlers$1();
-} else {
-  document.addEventListener("DOMContentLoaded", inspectInlineEventHandlers$1);
+try {
+  if (document.readyState === "complete" || document.readyState === "interactive") {
+    inspectInlineEventHandlers$1();
+  } else {
+    document.addEventListener("DOMContentLoaded", inspectInlineEventHandlers$1);
+  }
+} catch (error) {
 }
 let _id = 1;
 const tagNameRegex = new RegExp("[^a-z0-9-_:]");
@@ -5885,10 +5888,13 @@ function inspectInlineEventHandlers() {
     });
   });
 }
-if (document.readyState === "complete" || document.readyState === "interactive") {
-  inspectInlineEventHandlers();
-} else {
-  document.addEventListener("DOMContentLoaded", inspectInlineEventHandlers);
+try {
+  if (document.readyState === "complete" || document.readyState === "interactive") {
+    inspectInlineEventHandlers();
+  } else {
+    document.addEventListener("DOMContentLoaded", inspectInlineEventHandlers);
+  }
+} catch (error) {
 }
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
@@ -12375,6 +12381,8 @@ function initViewportResizeObserver({ viewportResizeCb }, { win }) {
 }
 const INPUT_TAGS = ["INPUT", "TEXTAREA", "SELECT"];
 const lastInputValueMap = /* @__PURE__ */ new WeakMap();
+const FINALIZING_KEYS = ["Enter", "Tab", "Escape", "ArrowDown", "ArrowUp", "Delete"];
+const lastKeyInputValueMap = /* @__PURE__ */ new WeakMap();
 function initInputObserver({
   inputCb,
   doc,
@@ -12447,6 +12455,22 @@ function initInputObserver({
     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) {
@@ -12462,6 +12486,61 @@ function initInputObserver({
   const handlers = events.map(
     (eventName) => on(eventName, callbackWrapper(eventHandler), doc)
   );
+  const keyboardHandler = (event) => {
+    const target = getEventTarget(event);
+    if (!target || !target.tagName) return;
+    if (sampling.input === "all") {
+      eventHandler(event);
+      return;
+    }
+    const tag = target.tagName;
+    const key = event.key;
+    const isFinalizingKey = FINALIZING_KEYS.includes(key);
+    const isTextarea = tag === "TEXTAREA";
+    const isFocused = doc.activeElement === target;
+    const valueNow = target.value;
+    const valueBefore = lastKeyInputValueMap.get(target);
+    lastKeyInputValueMap.set(target, valueNow);
+    if (!isFocused) {
+      eventHandler(event);
+      return;
+    }
+    if (isFinalizingKey) {
+      if (!isTextarea) {
+        eventHandler(event);
+        return;
+      }
+      let lastValue = valueBefore ?? "";
+      let unchangedCount = 0;
+      const REQUIRED_STABLE_FRAMES = 2;
+      const checkFinal = () => {
+        const currentValue = target.value;
+        const stillFocused = doc.activeElement === target;
+        const changed = currentValue !== lastValue;
+        if (!stillFocused) {
+          eventHandler(event);
+          return;
+        }
+        if (!changed) {
+          unchangedCount++;
+          if (unchangedCount >= REQUIRED_STABLE_FRAMES) {
+            eventHandler(event);
+            return;
+          }
+        } else {
+          unchangedCount = 0;
+          lastValue = currentValue;
+        }
+        requestAnimationFrame(checkFinal);
+      };
+      requestAnimationFrame(checkFinal);
+      return;
+    }
+  };
+  handlers.push(
+    on("keydown", callbackWrapper(keyboardHandler), doc)
+    // on('keypress', callbackWrapper(keyboardHandler), doc),
+  );
   const currentWindow = doc.defaultView;
   if (!currentWindow) {
     return () => {
@@ -14435,13 +14514,14 @@ class VisibilityManager {
     if (this.rafId) cancelAnimationFrame(this.rafId);
   }
 }
+const version$1 = "2.1.2-alpha.2";
 let wrappedEmit;
 let takeFullSnapshot$1;
 let canvasManager;
 let visibilityManager;
 let recording = false;
 const customEventQueue = [];
-let flushCustomEventQueue;
+let flushCustomEventQueue$1;
 function waitForDOMStabilization(win) {
   const maxWaitMs = 5e3;
   return new Promise((resolve2) => {
@@ -14811,7 +14891,7 @@ function record(options = {}) {
         mirror.getId(document)
       );
   };
-  flushCustomEventQueue = () => {
+  flushCustomEventQueue$1 = () => {
     for (const e2 of customEventQueue) {
       wrappedEmit(e2);
     }
@@ -14954,37 +15034,34 @@ function record(options = {}) {
     });
     const init = () => {
       if (flushCustomEvent === "before") {
-        flushCustomEventQueue();
+        flushCustomEventQueue$1();
       }
       takeFullSnapshot$1();
       handlers.push(observe(document));
       recording = true;
       if (flushCustomEvent === "after") {
-        flushCustomEventQueue();
+        flushCustomEventQueue$1();
       }
     };
     const runInit = async () => {
       if (flushCustomEvent === "before") {
-        flushCustomEventQueue();
+        flushCustomEventQueue$1();
       }
       if (recordAfter === "DOMContentStabilized") {
-        console.log(`[rrweb] 🟢 Waiting for DOM stabilization...`);
+        console.debug(`[${nowTimestamp()}] [rrweb:record] 🟢 Waiting for DOM stabilization...`);
         await waitForDOMStabilization(window);
-        console.log(`[rrweb] ✅ DOM stabilized, starting recording`);
+        console.debug(`[${nowTimestamp()}] [rrweb:record] ✅ DOM stabilized, starting recording`);
       }
+      console.debug(`[${nowTimestamp()}] [rrweb:record] ✅ Init dom and takeFullSnapshot `);
       takeFullSnapshot$1();
       handlers.push(observe(document));
       recording = true;
       if (flushCustomEvent === "after") {
-        flushCustomEventQueue();
+        flushCustomEventQueue$1();
       }
     };
     if (document.readyState === "interactive" || document.readyState === "complete") {
-      if (recordAfter === "DOMContentStabilized") {
-        void runInit();
-      } else {
-        init();
-      }
+      init();
     } else {
       handlers.push(
         on("DOMContentLoaded", () => {
@@ -14992,9 +15069,7 @@ function record(options = {}) {
             type: EventType.DomContentLoaded,
             data: {}
           });
-          if (recordAfter === "DOMContentLoaded" || recordAfter === "DOMContentStabilized") {
-            void runInit();
-          }
+          if (recordAfter === "DOMContentLoaded") init();
         })
       );
       handlers.push(
@@ -15005,14 +15080,14 @@ function record(options = {}) {
               type: EventType.Load,
               data: {}
             });
-            if (recordAfter === "load") void runInit();
+            if (recordAfter === "load") init();
           },
           window
         )
       );
     }
     return () => {
-      flushCustomEventQueue();
+      flushCustomEventQueue$1();
       handlers.forEach((h) => h());
       processedNodeManager.destroy();
       recording = false;
@@ -15022,10 +15097,11 @@ function record(options = {}) {
     console.warn(error);
   }
 }
+record.getVersion = () => version$1;
 record.isRecording = () => recording;
 record.flushCustomEventQueue = () => {
   console.warn(`[rrweb] CustomEvent flushing: ${customEventQueue.length} events`);
-  flushCustomEventQueue();
+  flushCustomEventQueue$1();
 };
 record.addCustomEvent = (tag, payload) => {
   const customEvent = {
@@ -17937,6 +18013,10 @@ class Replayer {
     this.config.logger.log(REPLAY_CONSOLE_PREFIX, ...args);
   }
 }
+const version = "2.1.2-alpha.2";
+const { getVersion } = record;
+const { isRecording } = record;
+const { flushCustomEventQueue } = record;
 const { addCustomEvent } = record;
 const { freezePage } = record;
 const { takeFullSnapshot } = record;
@@ -17948,10 +18028,14 @@ export {
   ReplayerEvents,
   addCustomEvent,
   canvasMutation,
+  flushCustomEventQueue,
   freezePage,
+  getVersion,
+  isRecording,
   _mirror as mirror,
   record,
   takeFullSnapshot,
-  utils
+  utils,
+  version
 };
 //# sourceMappingURL=rrweb.js.map