npm - termites - Versions diffs - 1.0.32 → 1.0.34 - Mend

termites 1.0.32 → 1.0.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/package.json +1 -1
package/server.js +45 -15

package/package.json CHANGED Viewed

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

package/server.js CHANGED Viewed

@@ -619,11 +619,13 @@ class TermitesServer {
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta name="color-scheme" content="light dark">
     <title>Termites</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xterm@5.3.0/css/xterm.css">
     <style>
+        :root { color-scheme: light dark; }
         * { margin: 0; padding: 0; box-sizing: border-box; }
-        html { height: 100%; overflow: hidden; }
+        html { height: 100%; overflow: hidden; background-color: inherit; }
         body { height: 100vh; height: 100dvh; display: flex; flex-direction: column; transition: background 0.3s; font-family: monospace; overflow: hidden; position: fixed; width: 100%; }
         .header {
             padding: 10px 12px; display: flex; align-items: center; gap: 12px;
@@ -946,6 +948,10 @@ class TermitesServer {
             const t = themes[themeName];
             if (!t) return;
             currentTheme = themeName;
+            // Set color-scheme to prevent browser auto dark mode
+            const isLightTheme = themeName === 'solarized-light';
+            document.documentElement.style.colorScheme = isLightTheme ? 'only light' : 'only dark';
+            document.documentElement.style.background = t.background;
             document.body.style.background = t.background;
             document.getElementById('terminal-container').style.background = t.background;
             const header = document.querySelector('.header');
@@ -1089,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;
@@ -1100,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(() => {
@@ -1108,7 +1113,6 @@ class TermitesServer {
                                 btn.classList.remove('active');
                             }, 10000);
                         }
-                        // Don't focus terminal when toggling modifier, keep keyboard open
                         return;
                     }
@@ -1117,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] || '';
@@ -1143,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