.

static/index.html

@@ -322,9 +322,6 @@
         let timeoutCountdown = 10;
         let timeoutWarningActive = false;
         
-        // Track currently pressed keys
-        const pressedKeys = new Set();
-
         function startAutoInput() {
             if (autoInputInterval) {
                 clearInterval(autoInputInterval);
@@ -479,17 +476,17 @@
             stopTimeoutCountdown();
         }
 
-        function sendInputState(x, y, isLeftClick = false, isRightClick = false) {
+        function sendInputState(x, y, isLeftClick = false, isRightClick = false, keysDownArr = [], keysUpArr = []) {
             const currentTime = Date.now();
-            if (isConnected && socket.readyState === WebSocket.OPEN && (isLeftClick || isRightClick || !lastSentPosition || currentTime - lastSentTime >= SEND_INTERVAL)) {
+            if (isConnected && socket.readyState === WebSocket.OPEN && (isLeftClick || isRightClick || keysDownArr.length > 0 || keysUpArr.length > 0 || !lastSentPosition || currentTime - lastSentTime >= SEND_INTERVAL)) {
                 try {
                     socket.send(JSON.stringify({
                         "x": x,
                         "y": y,
                         "is_left_click": isLeftClick,
                         "is_right_click": isRightClick,
-                        "keys_down": Array.from(pressedKeys),
-                        "keys_up": [],
+                        "keys_down": keysDownArr,
+                        "keys_up": keysUpArr,
                     }));
                     lastSentPosition = { x, y };
                     lastSentTime = currentTime;
@@ -580,42 +577,24 @@
         document.addEventListener("keydown", function (event) {
             if (!isConnected || isProcessing) return;
             
-            // Add the key to our set of pressed keys
-            pressedKeys.add(event.key);
-            
             // Get the current mouse position
             let rect = canvas.getBoundingClientRect();
             let x = lastSentPosition ? lastSentPosition.x : canvas.width / 2;
             let y = lastSentPosition ? lastSentPosition.y : canvas.height / 2;
             
-            sendInputState(x, y);
+            sendInputState(x, y, false, false, [event.key], []);
         });
 
         document.addEventListener("keyup", function (event) {
             if (!isConnected || socket.readyState !== WebSocket.OPEN) return;
             
-            // Remove the key from our set of pressed keys
-            pressedKeys.delete(event.key);
-            
             // Get the current mouse position
             let rect = canvas.getBoundingClientRect();
             let x = lastSentPosition ? lastSentPosition.x : canvas.width / 2;
             let y = lastSentPosition ? lastSentPosition.y : canvas.height / 2;
             
             // For key up events, we send the key in the keys_up array
-            try {
-                socket.send(JSON.stringify({
-                    "x": x,
-                    "y": y,
-                    "is_left_click": false,
-                    "is_right_click": false,
-                    "keys_down": Array.from(pressedKeys),
-                    "keys_up": [event.key],
-                }));
-                updateLastUserInputTime(); // Update for auto-input mechanism
-            } catch (error) {
-                console.error("Error sending key up event:", error);
-            }
+            sendInputState(x, y, false, false, [], [event.key]);
         });
 
         // Graceful disconnection