termites 1.0.30 → 1.0.32

package/README.md

@@ -1,6 +1,6 @@
 # Termites
 
-A web-based terminal with server-client architecture for remote shell access.
+Local multi-terminal manager with web interface.
 
 ```bash
 npm install -g termites
@@ -9,58 +9,41 @@ npm install -g termites
 ## Architecture
 
 ```
-┌─────────────────┐     WebSocket      ┌─────────────────┐
-│   Client 1      │◄──────────────────►│                 │
-│   (node-pty)    │                    │                 │
-└─────────────────┘                    │    Server       │
-                                       │  (Web UI)       │◄──► Browser
-┌─────────────────┐     WebSocket      │                 │
-│   Client 2      │◄──────────────────►│                 │
-│   (node-pty)    │                    └─────────────────┘
-└─────────────────┘
-```
-
-## Installation
-
-```bash
-npm install -g termites
+┌─────────────────────────────────────────────────────┐
+│                    Server                           │
+│  ┌─────────┐  ┌─────────┐  ┌─────────┐             │
+│  │ Terminal│  │ Terminal│  │ Terminal│  ...        │
+│  │  (PTY)  │  │  (PTY)  │  │  (PTY)  │             │
+│  └─────────┘  └─────────┘  └─────────┘             │
+│                     │                               │
+│              WebSocket + HTTP                       │
+└─────────────────────┼───────────────────────────────┘
+                      │
+                      ▼
+                  Browser
 ```
 
 ## Usage
 
-### Start Server
-
 ```bash
-termites server
-```
+# Start server (default port 6789)
+termites
 
-The server starts on port 6789 by default. Access the web UI at `http://localhost:6789`.
-
-To use a different port:
-
-```bash
-PORT=8080 termites server
+# Or with custom port
+PORT=8080 termites
 ```
 
-### Connect Client
-
-```bash
-# Connect to localhost:6789
-termites client
-
-# Connect to a remote server
-termites client 192.168.1.100:6789
-termites client ws://example.com:6789
-```
+Open browser at `http://localhost:6789`
 
 ## Features
 
-- Multi-client support - manage multiple shell sessions from one web interface
-- Mobile-friendly UI with collapsible drawer menu
-- Multiple color themes (Solarized, Monokai, Dracula, Nord, GitHub Dark)
-- Customizable font family and size
-- Auto-reconnect for clients
-- Output buffering for terminal history
+- **Multi-terminal** - Create and manage multiple terminals from one web interface
+- **Auto hostname detection** - Panel updates automatically when SSH to different machines
+- **Mobile-friendly** - Touch support, virtual keyboard buttons, long-press to select
+- **History scrollback** - iTerm-like history overlay (scroll up or tap Hist button)
+- **Themes** - Solarized Light/Dark, Monokai, Dracula, Nord, GitHub Dark
+- **Customizable** - Font family, font size, toolbar visibility
+- **Password protection** - Set password on first visit
 
 ## License
 

package/package.json

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

package/server.js

@@ -132,6 +132,53 @@ class TermitesServer {
             if (terminal.outputBuffer.length > 1000) {
                 terminal.outputBuffer = terminal.outputBuffer.slice(-500);
             }
+
+            // Parse terminal output to detect user@host changes (e.g., after SSH)
+            // Method 1: OSC 0 sequences (window title)
+            const oscMatch = data.match(/\x1b\]0;([^\x07\x1b]+)[\x07\x1b]/);
+            if (oscMatch) {
+                const title = oscMatch[1];
+                const match = title.match(/^([^@]+)@([^:]+)(?::(.*))?$/);
+                if (match) {
+                    this.updateTerminalInfo(terminalId, terminal, match[1], match[2], match[3]);
+                }
+            }
+
+            // Method 2: Parse shell prompt patterns (works without any config)
+            // Look for the LAST (most recent) prompt pattern in output
+            const lines = data.split(/\r?\n/);
+            let lastMatch = null;
+            for (const line of lines) {
+                // Strip ANSI escape codes for matching
+                const cleanLine = line.replace(/\x1b\[[0-9;]*[a-zA-Z]/g, '').replace(/\x1b\][^\x07]*\x07/g, '');
+
+                // Pattern 1: user@host format (e.g., "user@host:path$", "[user@host path]$")
+                const userHostMatch = cleanLine.match(/[\[\s]?([a-zA-Z0-9_-]+)@([a-zA-Z0-9_.-]+)[\s:\]]/);
+                if (userHostMatch) {
+                    const [, username, hostname] = userHostMatch;
+                    if (hostname && !hostname.includes('/') && hostname.length < 64) {
+                        lastMatch = { username, hostname };
+                    }
+                }
+
+                // Pattern 2: hostname:path format (e.g., "seis10:/gds/zhfu[22] > ")
+                const hostPathMatch = cleanLine.match(/^([a-zA-Z0-9_-]+):([\/~][^\s\[]*)/);
+                if (hostPathMatch) {
+                    const [, hostname, cwd] = hostPathMatch;
+                    if (hostname && hostname.length < 64) {
+                        lastMatch = { hostname, cwd, keepUsername: true };
+                    }
+                }
+            }
+            // Use only the last (most recent) match
+            if (lastMatch) {
+                if (lastMatch.keepUsername) {
+                    this.updateTerminalInfo(terminalId, terminal, null, lastMatch.hostname, lastMatch.cwd);
+                } else {
+                    this.updateTerminalInfo(terminalId, terminal, lastMatch.username, lastMatch.hostname);
+                }
+            }
+
             this.broadcastToBrowsers({
                 type: 'output',
                 clientId: terminalId,
@@ -168,6 +215,32 @@ class TermitesServer {
         }
     }
 
+    // Update terminal info (user@host) when detected from output
+    updateTerminalInfo(terminalId, terminal, username, hostname, cwd) {
+        let infoChanged = false;
+        if (username && terminal.info.username !== username) {
+            terminal.info.username = username;
+            infoChanged = true;
+        }
+        if (hostname && terminal.info.hostname !== hostname) {
+            terminal.info.hostname = hostname;
+            infoChanged = true;
+        }
+        if (cwd !== undefined && terminal.info.cwd !== cwd) {
+            terminal.info.cwd = cwd || '~';
+            infoChanged = true;
+        }
+        if (infoChanged) {
+            console.log(`Terminal ${terminalId} info updated: ${username}@${hostname}`);
+            this.broadcastToBrowsers({
+                type: 'client-info-updated',
+                clientId: terminalId,
+                info: terminal.info
+            });
+            this.broadcastTerminalList();
+        }
+    }
+
     // Handle browser connections
     handleBrowserConnection(ws) {
         console.log('New browser connected');
@@ -1567,6 +1640,18 @@ class TermitesServer {
                             if (clients.length > 0) selectClient(clients[0].id);
                         }
                         break;
+                    case 'client-info-updated':
+                        const clientToUpdate = clients.find(c => c.id === d.clientId);
+                        if (clientToUpdate && d.info) {
+                            Object.assign(clientToUpdate, d.info);
+                            updateClientList();
+                            if (selectedClientId === d.clientId) {
+                                document.getElementById('header-title').innerHTML =
+                                    '<span class="user">' + d.info.username + '</span>' +
+                                    '<span class="sep">@</span><span class="host">' + d.info.hostname + '</span>';
+                            }
+                        }
+                        break;
                     case 'output':
                         if (d.clientId === selectedClientId) {
                             addToHistory(d.data);