termites 1.0.10 → 1.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "termites",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "Web terminal with server-client architecture for remote shell access",
   "main": "index.js",
   "scripts": {

package/server.js

@@ -966,7 +966,14 @@ class TermitesServer {
                     if (mod) {
                         modifiers[mod] = !modifiers[mod];
                         btn.classList.toggle('active', modifiers[mod]);
-                        console.log('Modifier toggled:', mod, modifiers[mod]);
+                        // Set timeout to auto-reset Ctrl after 10 seconds (for IME users)
+                        if (mod === 'ctrl' && modifiers.ctrl) {
+                            if (window.ctrlTimeout) clearTimeout(window.ctrlTimeout);
+                            window.ctrlTimeout = setTimeout(() => {
+                                modifiers.ctrl = false;
+                                btn.classList.remove('active');
+                            }, 10000);
+                        }
                         // Don't focus terminal when toggling modifier, keep keyboard open
                         return;
                     }
@@ -995,6 +1002,7 @@ class TermitesServer {
                         // Reset modifiers after use
                         modifiers.ctrl = false;
                         modifiers.alt = false;
+                        if (window.ctrlTimeout) { clearTimeout(window.ctrlTimeout); window.ctrlTimeout = null; }
                         toolbar.querySelectorAll('.mod-btn').forEach(b => b.classList.remove('active'));
                     }
                     // Only focus terminal for non-modifier buttons
@@ -1057,20 +1065,23 @@ class TermitesServer {
             term.loadAddon(fitAddon);
             term.open(document.getElementById('terminal-container'));
             fitAddon.fit();
+            let ctrlTimeout = null;
             term.onData(data => {
                 if (ws?.readyState === WebSocket.OPEN && selectedClientId) {
                     let sendData = data;
-                    console.log('Input received:', data, 'Ctrl active:', modifiers.ctrl);
                     // Apply Ctrl modifier to keyboard input
-                    if (modifiers.ctrl && data.length === 1) {
-                        const code = data.toUpperCase().charCodeAt(0);
+                    if (modifiers.ctrl) {
+                        // Handle single character or IME input
+                        const char = data.length >= 1 ? data[0] : '';
+                        const code = char.toUpperCase().charCodeAt(0);
                         if (code >= 65 && code <= 90) { // A-Z
                             sendData = String.fromCharCode(code - 64);
-                            console.log('Sending Ctrl+' + data.toUpperCase());
+                            console.log('Sending Ctrl+' + char.toUpperCase());
+                            // Reset Ctrl after successful use
+                            modifiers.ctrl = false;
+                            if (ctrlTimeout) { clearTimeout(ctrlTimeout); ctrlTimeout = null; }
+                            document.querySelectorAll('.mod-btn[data-mod="ctrl"]').forEach(b => b.classList.remove('active'));
                         }
-                        // Reset Ctrl after use
-                        modifiers.ctrl = false;
-                        document.querySelectorAll('.mod-btn').forEach(b => b.classList.remove('active'));
                     }
                     ws.send(JSON.stringify({ type: 'input', clientId: selectedClientId, text: sendData }));
                     term.scrollToBottom();
@@ -1085,17 +1096,24 @@ class TermitesServer {
                     }));
                 }
             }
+            function isMobileDevice() {
+                return 'ontouchstart' in window || navigator.maxTouchPoints > 0 ||
+                    /Mobile|Android|iPhone|iPad|iPod|webOS|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+            }
             function handleViewportResize() {
-                // Adjust body height to visual viewport (handles mobile keyboard)
-                if (window.visualViewport) {
+                // Only adjust body height on mobile devices (handles keyboard popup)
+                if (isMobileDevice() && window.visualViewport) {
                     const vh = window.visualViewport.height;
                     document.body.style.height = vh + 'px';
                     // Scroll viewport to top to prevent offset issues
                     window.scrollTo(0, 0);
+                } else {
+                    // On desktop, use full viewport height
+                    document.body.style.height = '';
                 }
                 handleResize();
             }
-            window.addEventListener('resize', handleResize);
+            window.addEventListener('resize', handleViewportResize);
             window.addEventListener('orientationchange', () => {
                 // Delay fit after orientation change to let browser settle
                 setTimeout(handleViewportResize, 100);
@@ -1103,10 +1121,12 @@ class TermitesServer {
             // Also handle visual viewport changes (mobile keyboard show/hide)
             if (window.visualViewport) {
                 window.visualViewport.addEventListener('resize', handleViewportResize);
-                window.visualViewport.addEventListener('scroll', () => window.scrollTo(0, 0));
-                // Initial adjustment
-                handleViewportResize();
+                window.visualViewport.addEventListener('scroll', () => {
+                    if (isMobileDevice()) window.scrollTo(0, 0);
+                });
             }
+            // Initial adjustment
+            handleViewportResize();
             connect();
             applyTheme(currentTheme);
         }