termites 1.0.33 → 1.0.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "termites",
-  "version": "1.0.33",
+  "version": "1.0.34",
   "description": "Local multi-terminal manager with web interface",
   "main": "index.js",
   "scripts": {

package/server.js

@@ -1095,10 +1095,10 @@ class TermitesServer {
             };
 
             toolbar.querySelectorAll('button').forEach(btn => {
-                // Use touchstart to prevent losing focus on terminal
-                const handler = (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
+                let repeatInterval = null;
+                const isArrowKey = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(btn.dataset.key);
+
+                const sendKey = () => {
                     const mod = btn.dataset.mod;
                     const key = btn.dataset.key;
                     const seq = btn.dataset.seq;
@@ -1106,7 +1106,6 @@ class TermitesServer {
                     if (mod) {
                         modifiers[mod] = !modifiers[mod];
                         btn.classList.toggle('active', 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(() => {
@@ -1114,7 +1113,6 @@ class TermitesServer {
                                 btn.classList.remove('active');
                             }, 10000);
                         }
-                        // Don't focus terminal when toggling modifier, keep keyboard open
                         return;
                     }
 
@@ -1123,21 +1121,17 @@ class TermitesServer {
                         data = seq;
                     } else if (key) {
                         if (modifiers.ctrl) {
-                            // Ctrl + key
                             if (ctrlKeyMap[key]) {
                                 data = ctrlKeyMap[key];
                             } else if (key.length === 1) {
-                                // Ctrl + letter (e.g., Ctrl+C = \\x03)
                                 data = String.fromCharCode(key.toUpperCase().charCodeAt(0) - 64);
                             } else {
                                 data = keyMap[key] || '';
                             }
                         } else if (modifiers.alt) {
-                            // Alt + key
                             if (altKeyMap[key]) {
                                 data = altKeyMap[key];
                             } else if (key.length === 1) {
-                                // Alt + letter sends ESC + letter
                                 data = '\\x1b' + key;
                             } else {
                                 data = keyMap[key] || '';
@@ -1149,17 +1143,47 @@ class TermitesServer {
 
                     if (data && ws?.readyState === WebSocket.OPEN && selectedClientId) {
                         ws.send(JSON.stringify({ type: 'input', clientId: selectedClientId, text: data }));
-                        // Reset modifiers after use
+                    }
+                };
+
+                const startRepeat = (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    sendKey();
+                    // For arrow keys, start repeating after initial press
+                    if (isArrowKey && !btn.dataset.mod) {
+                        repeatInterval = setInterval(sendKey, 100);
+                    }
+                    // Reset modifiers after use (except for arrow keys during repeat)
+                    if (!isArrowKey) {
+                        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'));
+                    }
+                };
+
+                const stopRepeat = () => {
+                    if (repeatInterval) {
+                        clearInterval(repeatInterval);
+                        repeatInterval = null;
+                    }
+                    // Reset modifiers after arrow key release
+                    if (isArrowKey) {
                         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
                     term.focus();
                 };
-                btn.addEventListener('touchstart', handler, { passive: false });
-                btn.addEventListener('click', handler);
+
+                btn.addEventListener('touchstart', startRepeat, { passive: false });
+                btn.addEventListener('touchend', stopRepeat);
+                btn.addEventListener('touchcancel', stopRepeat);
+                btn.addEventListener('mousedown', startRepeat);
+                btn.addEventListener('mouseup', stopRepeat);
+                btn.addEventListener('mouseleave', stopRepeat);
             });
 
             // History button