termites 1.0.26 → 1.0.28

package/package.json

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

package/server.js

@@ -590,8 +590,9 @@ class TermitesServer {
         .header-title .host { color: var(--host-color, #859900); }
         .header-title .sep { color: var(--sep-color, #657b83); }
         .no-client { color: #888; font-style: italic; }
-        #terminal-container { flex: 1; padding: 4px; transition: background 0.3s; overflow: hidden; min-height: 0; position: relative; }
+        #terminal-container { flex: 1; padding: 4px; transition: background 0.3s; min-height: 0; position: relative; overflow: auto; -webkit-overflow-scrolling: touch; }
         .xterm { height: 100%; }
+        .xterm-viewport { overflow-y: auto !important; -webkit-overflow-scrolling: touch; }
         .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 99; opacity: 0; visibility: hidden; transition: all 0.3s; }
         .overlay.open { opacity: 1; visibility: visible; }
         .drawer {
@@ -1181,6 +1182,30 @@ class TermitesServer {
 
             setupDraggable(startMarker, true);
             setupDraggable(endMarker, false);
+
+            // Touch scrolling for terminal
+            let touchScrollY = null;
+            const termEl = document.getElementById('terminal-container');
+            termEl.addEventListener('touchstart', (e) => {
+                if (e.touches.length === 1 && !selMode) {
+                    touchScrollY = e.touches[0].clientY;
+                }
+            }, { passive: true });
+
+            termEl.addEventListener('touchmove', (e) => {
+                if (touchScrollY !== null && e.touches.length === 1 && !selMode) {
+                    const deltaY = touchScrollY - e.touches[0].clientY;
+                    const lines = Math.round(deltaY / 20); // ~20px per line
+                    if (lines !== 0) {
+                        term.scrollLines(lines);
+                        touchScrollY = e.touches[0].clientY;
+                    }
+                }
+            }, { passive: true });
+
+            termEl.addEventListener('touchend', () => {
+                touchScrollY = null;
+            }, { passive: true });
         }
 
         function updateClientList() {