termites 1.0.18 → 1.0.20

package/package.json

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

package/server.js

@@ -717,10 +717,10 @@ class TermitesServer {
         <button data-mod="ctrl" class="mod-btn">Ctrl</button>
         <button data-mod="alt" class="mod-btn">Alt</button>
         <div class="sep"></div>
-        <button data-key="ArrowUp">↑</button>
-        <button data-key="ArrowDown">↓</button>
         <button data-key="ArrowLeft">←</button>
         <button data-key="ArrowRight">→</button>
+        <button data-key="ArrowUp">↑</button>
+        <button data-key="ArrowDown">↓</button>
         <div class="sep"></div>
         <button data-seq="/">/</button>
         <button data-seq="\\x03">^C</button>
@@ -1037,17 +1037,23 @@ class TermitesServer {
                 btn.addEventListener('click', handler);
             });
 
-            // Copy button - copy selection or last line
-            document.getElementById('copy-btn').addEventListener('click', async () => {
+            // Copy button - copy selection
+            const copyBtn = document.getElementById('copy-btn');
+            const handleCopy = async (e) => {
+                e.preventDefault();
                 const selection = term.getSelection();
                 if (selection) {
                     await navigator.clipboard.writeText(selection);
                     term.clearSelection();
                 }
-            });
+            };
+            copyBtn.addEventListener('touchstart', handleCopy, { passive: false });
+            copyBtn.addEventListener('click', handleCopy);
 
             // Paste button
-            document.getElementById('paste-btn').addEventListener('click', async () => {
+            const pasteBtn = document.getElementById('paste-btn');
+            const handlePaste = async (e) => {
+                e.preventDefault();
                 try {
                     const text = await navigator.clipboard.readText();
                     if (text && ws?.readyState === WebSocket.OPEN && selectedClientId) {
@@ -1057,14 +1063,18 @@ class TermitesServer {
                     console.error('Paste failed:', e);
                 }
                 term.focus();
-            });
+            };
+            pasteBtn.addEventListener('touchstart', handlePaste, { passive: false });
+            pasteBtn.addEventListener('click', handlePaste);
 
             // Select mode button - enables touch selection
             let selectMode = false;
             const selectBtn = document.getElementById('select-btn');
             const termContainer = document.getElementById('terminal-container');
 
-            selectBtn.addEventListener('click', () => {
+            const toggleSelectMode = (e) => {
+                e.preventDefault();
+                e.stopPropagation();
                 selectMode = !selectMode;
                 selectBtn.classList.toggle('active', selectMode);
                 termContainer.style.touchAction = selectMode ? 'none' : '';
@@ -1076,7 +1086,9 @@ class TermitesServer {
                     termContainer.classList.remove('select-mode');
                     term.clearSelection();
                 }
-            });
+            };
+            selectBtn.addEventListener('touchstart', toggleSelectMode, { passive: false });
+            selectBtn.addEventListener('click', toggleSelectMode);
 
             // Handle touch selection
             let touchStartPos = null;
@@ -1236,6 +1248,15 @@ class TermitesServer {
             }
             // Initial adjustment
             handleViewportResize();
+            // Resize when window gains focus (switching from mobile to desktop)
+            window.addEventListener('focus', () => {
+                setTimeout(handleViewportResize, 100);
+            });
+            document.addEventListener('visibilitychange', () => {
+                if (!document.hidden) {
+                    setTimeout(handleViewportResize, 100);
+                }
+            });
             connect();
             applyTheme(currentTheme);
         }