js_lis 2.0.3 → 2.0.4

package/VirtualKeyboard.js

@@ -13,6 +13,7 @@ export class VirtualKeyboard {
     this.shiftActive = false;
     this.capsLockActive = false;
     this.isScrambled = false;
+    this.isVirtualKeyboardActive = false; // Flag to track VK operations
 
     // Maintain plaintext buffers per input (not stored in DOM). DOM will store only encrypted text.
     this.inputPlaintextBuffers = new WeakMap();
@@ -191,6 +192,30 @@ export class VirtualKeyboard {
       true
     );
 
+    // Add real keyboard input listeners to handle encryption
+    document.addEventListener("input", (e) => {
+      const target = e.target;
+      if ((target.tagName === "INPUT" || target.tagName === "TEXTAREA") && target === this.currentInput) {
+        // Only handle real keyboard input if it's not coming from virtual keyboard operations
+        if (!this.isVirtualKeyboardActive) {
+          this.handleRealKeyboardInput(target);
+        }
+      }
+    });
+
+    document.addEventListener("keydown", (e) => {
+      const target = e.target;
+      if ((target.tagName === "INPUT" || target.tagName === "TEXTAREA") && target === this.currentInput) {
+        // Handle special keys that might not trigger input event
+        if ((e.key === "Backspace" || e.key === "Delete") && !this.isVirtualKeyboardActive) {
+          // Wait for the input event to handle the updated value
+          setTimeout(() => {
+            this.handleRealKeyboardInput(target);
+          }, 0);
+        }
+      }
+    });
+
     const toggle = document.getElementById("toggle");
     if (toggle) {
       toggle.addEventListener("click", this.toggle.bind(this));
@@ -307,6 +332,10 @@ export class VirtualKeyboard {
   // [2]
   async handleKeyPress(keyPressed) {
     if (!this.currentInput) return;
+    
+    // Set flag to indicate virtual keyboard is active
+    this.isVirtualKeyboardActive = true;
+    
     const start = this.currentInput.selectionStart;
     const end = this.currentInput.selectionEnd;
     const buffer = this.getCurrentBuffer();
@@ -321,7 +350,10 @@ export class VirtualKeyboard {
       return char.toLowerCase();
     };
 
-    if (!keyPressed) return console.error("Invalid key pressed.");
+    if (!keyPressed) {
+      this.isVirtualKeyboardActive = false;
+      return console.error("Invalid key pressed.");
+    }
 
     if (keyPressed === "scr" || keyPressed === "scrambled") {
       if (this.currentLayout === "en") {
@@ -375,6 +407,7 @@ export class VirtualKeyboard {
           key.classList.toggle("active", this.isScrambled);
         });
       }
+      this.isVirtualKeyboardActive = false;
       return;
     }
 
@@ -570,6 +603,9 @@ export class VirtualKeyboard {
     this.currentInput.focus();
     const event = new Event("input", { bubbles: true });
     this.currentInput.dispatchEvent(event);
+    
+    // Reset flag after virtual keyboard operation is complete
+    this.isVirtualKeyboardActive = false;
   }
 
   // [3]
@@ -607,6 +643,23 @@ export class VirtualKeyboard {
     this.currentInput.value = isPassword ? maskChar.repeat(buffer.length) : buffer;
   }
 
+  // Handle real keyboard input and encrypt it
+  handleRealKeyboardInput(input) {
+    if (!input) return;
+    
+    // Get the current value from the input
+    const currentValue = input.value;
+    
+    // Update the plaintext buffer with the real keyboard input
+    this.inputPlaintextBuffers.set(input, currentValue);
+    
+    // Encrypt and store in data-encrypted attribute
+    this.updateDomEncrypted(input, currentValue);
+    
+    // console.log("Real keyboard input captured and encrypted for:", input.id || input.name || "unnamed input");
+    // console.log("Input type:", input.type, "Value length:", currentValue.length);
+  }
+
   // Helper: encrypt and store ciphertext in DOM attribute
   updateDomEncrypted(input, plaintext) {
     try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "js_lis",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"