@midscene/recorder 0.21.4-beta-20250711063424.0 → 0.21.4-beta-20250714025212.0

package/dist/recorder-iife.js.LICENSE.txt

@@ -0,0 +1,8 @@
+/**
+ * [js-sha256]{@link https://github.com/emn178/js-sha256}
+ *
+ * @version 0.11.0
+ * @author Chen, Yi-Cyuan [emn178@gmail.com]
+ * @copyright Chen, Yi-Cyuan 2014-2024
+ * @license MIT
+ */

package/dist/recorder.d.ts

@@ -43,6 +43,8 @@ export declare class EventRecorder {
     private eventCallback;
     private scrollThrottleTimer;
     private scrollThrottleDelay;
+    private inputThrottleTimer;
+    private inputThrottleDelay;
     private lastViewportScroll;
     private scrollTargets;
     private sessionId;

package/dist/recorder.js

@@ -1,3 +1,4 @@
+import * as __WEBPACK_EXTERNAL_MODULE__midscene_shared_extractor_dbce1f15__ from "@midscene/shared/extractor";
 const DEBUG = 'true' === localStorage.getItem('DEBUG');
 function debugLog(...args) {
     if (DEBUG) console.log('[EventRecorder]', ...args);
@@ -39,6 +40,8 @@ class EventRecorder {
     eventCallback;
     scrollThrottleTimer = null;
     scrollThrottleDelay = 200;
+    inputThrottleTimer = null;
+    inputThrottleDelay = 300;
     lastViewportScroll = null;
     scrollTargets = [];
     sessionId;
@@ -56,7 +59,7 @@ class EventRecorder {
                 height: window.innerHeight
             },
             timestamp: Date.now(),
-            hashId: 'navigation_0'
+            hashId: `navigation_${Date.now()}`
         };
     }
     start() {
@@ -93,6 +96,10 @@ class EventRecorder {
             clearTimeout(this.scrollThrottleTimer);
             this.scrollThrottleTimer = null;
         }
+        if (this.inputThrottleTimer) {
+            clearTimeout(this.inputThrottleTimer);
+            this.inputThrottleTimer = null;
+        }
         document.removeEventListener('click', this.handleClick);
         document.removeEventListener('input', this.handleInput);
         this.scrollTargets.forEach((target)=>{
@@ -104,11 +111,18 @@ class EventRecorder {
         if (!this.isRecording) return;
         const target = event.target;
         const { isLabelClick, labelInfo } = this.checkLabelClick(target);
-        target.getBoundingClientRect();
+        const rect = target.getBoundingClientRect();
         const elementRect = {
             x: Number(event.clientX.toFixed(2)),
             y: Number(event.clientY.toFixed(2))
         };
+        console.log('isNotContainerElement', (0, __WEBPACK_EXTERNAL_MODULE__midscene_shared_extractor_dbce1f15__.isNotContainerElement)(target));
+        if ((0, __WEBPACK_EXTERNAL_MODULE__midscene_shared_extractor_dbce1f15__.isNotContainerElement)(target)) {
+            elementRect.left = Number(rect.left.toFixed(2));
+            elementRect.top = Number(rect.top.toFixed(2));
+            elementRect.width = Number(rect.width.toFixed(2));
+            elementRect.height = Number(rect.height.toFixed(2));
+        }
         const clickEvent = {
             type: 'click',
             elementRect,
@@ -182,22 +196,34 @@ class EventRecorder {
             width: Number(rect.width.toFixed(2)),
             height: Number(rect.height.toFixed(2))
         };
-        const inputEvent = {
-            type: 'input',
-            value: 'password' !== target.type ? target.value : '*****',
-            timestamp: Date.now(),
-            hashId: generateHashId('input', {
-                ...elementRect
-            }),
-            element: target,
-            inputType: target.type || 'text',
-            elementRect,
-            pageInfo: {
-                width: window.innerWidth,
-                height: window.innerHeight
+        if (this.inputThrottleTimer) clearTimeout(this.inputThrottleTimer);
+        this.inputThrottleTimer = window.setTimeout(()=>{
+            if (this.isRecording) {
+                const inputEvent = {
+                    type: 'input',
+                    value: 'password' !== target.type ? target.value : '*****',
+                    timestamp: Date.now(),
+                    hashId: generateHashId('input', {
+                        ...elementRect
+                    }),
+                    element: target,
+                    inputType: target.type || 'text',
+                    elementRect,
+                    pageInfo: {
+                        width: window.innerWidth,
+                        height: window.innerHeight
+                    }
+                };
+                debugLog('Throttled input event:', {
+                    value: inputEvent.value,
+                    timestamp: inputEvent.timestamp,
+                    target: target.tagName,
+                    inputType: target.type
+                });
+                this.eventCallback(inputEvent);
             }
-        };
-        this.eventCallback(inputEvent);
+            this.inputThrottleTimer = null;
+        }, this.inputThrottleDelay);
     };
     checkLabelClick(target) {
         let isLabelClick = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@midscene/recorder",
-  "version": "0.21.4-beta-20250711063424.0",
+  "version": "0.21.4-beta-20250714025212.0",
   "type": "module",
   "exports": {
     ".": {
@@ -24,7 +24,7 @@
     "antd": "^5.21.6",
     "dayjs": "^1.11.11",
     "react-dom": "18.3.1",
-    "@midscene/shared": "0.21.4-beta-20250711063424.0"
+    "@midscene/shared": "0.21.4-beta-20250714025212.0"
   },
   "peerDependencies": {
     "react": "18.3.1",

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2024-present Bytedance, Inc. and its affiliates.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.