cli-tunnel 1.3.1-beta.2 → 1.3.1-beta.4

package/dist/index.js

@@ -58,7 +58,7 @@ ${BOLD}Options:${RESET}
   --local            Disable devtunnel (localhost only)
   --port <n>         Bridge port (default: random)
   --name <name>      Session name (shown in dashboard)
-  --no-replay        Disable replay buffer (on by default)
+  --replay           (deprecated, screen buffer is always on)
   --help, -h         Show this help
 
 ${BOLD}Examples:${RESET}
@@ -79,12 +79,13 @@ pass through to the underlying app. cli-tunnel's own flags
 const hasLocal = args.includes('--local');
 const hasTunnel = !hasLocal;
 const hasReplay = !args.includes('--no-replay');
+const noWait = args.includes('--no-wait');
 const portIdx = args.indexOf('--port');
 const port = (portIdx !== -1 && args[portIdx + 1]) ? parseInt(args[portIdx + 1], 10) : 0;
 const nameIdx = args.indexOf('--name');
 const sessionName = (nameIdx !== -1 && args[nameIdx + 1]) ? args[nameIdx + 1] : '';
 // Everything that's not our flags is the command
-const ourFlags = new Set(['--local', '--tunnel', '--port', '--name', '--no-replay']);
+const ourFlags = new Set(['--local', '--tunnel', '--port', '--name', '--no-replay', '--no-wait']);
 const cmdArgs = [];
 let skip = false;
 for (let i = 0; i < args.length; i++) {
@@ -96,7 +97,7 @@ for (let i = 0; i < args.length; i++) {
         skip = true;
         continue;
     }
-    if (args[i] === '--local' || args[i] === '--tunnel' || args[i] === '--no-replay')
+    if (args[i] === '--local' || args[i] === '--tunnel' || args[i] === '--no-replay' || args[i] === '--no-wait')
         continue;
     cmdArgs.push(args[i]);
 }
@@ -525,11 +526,6 @@ wss.on('connection', (ws, req) => {
     // F-10: WS ping/pong heartbeat
     ws._isAlive = true;
     ws.on('pong', () => { ws._isAlive = true; });
-    // Replay: send accumulated PTY output as one bulk write
-    // xterm.js processes the full ANSI stream so cursor codes work correctly
-    if (hasReplay && replayBuffer.length > 0) {
-        ws.send(JSON.stringify({ type: 'pty', data: replayBuffer }));
-    }
     ws.on('message', (data) => {
         // F-13: Enforce WS message rate limit (100 msg/sec)
         const now = Date.now();
@@ -584,20 +580,9 @@ setInterval(() => {
         ws.ping();
     }
 }, 30000);
-// Replay buffer: store raw PTY bytes in a single rolling buffer
-// xterm.js processes the full stream on connect, so ANSI cursor codes work correctly
-const MAX_REPLAY_BYTES = 256 * 1024; // 256KB
-let replayBuffer = '';
 function broadcast(data) {
     const redacted = redactSecrets(data);
     const msg = JSON.stringify({ type: 'pty', data: redacted });
-    if (hasReplay) {
-        replayBuffer += redacted;
-        // Trim from the front if too large
-        if (replayBuffer.length > MAX_REPLAY_BYTES) {
-            replayBuffer = replayBuffer.slice(replayBuffer.length - MAX_REPLAY_BYTES);
-        }
-    }
     for (const [, ws] of connections) {
         if (ws.readyState === WebSocket.OPEN)
             ws.send(msg);
@@ -798,7 +783,7 @@ async function main() {
         await new Promise(() => { });
     }
     // Wait for user to scan QR / copy URL before starting the CLI tool
-    if (hasTunnel) {
+    if (hasTunnel && !noWait) {
         console.log(`  ${BOLD}Press any key to start ${command}...${RESET}`);
         await new Promise((resolve) => {
             if (process.stdin.isTTY)
@@ -903,6 +888,6 @@ async function main() {
         process.stdin.setRawMode(true);
     process.stdin.resume();
     process.stdin.on('data', (data) => ptyProcess.write(data.toString()));
-    process.stdout.on('resize', () => { localResizeAt = Date.now(); ptyProcess.resize(process.stdout.columns || 120, process.stdout.rows || 30); });
+    process.stdout.on('resize', () => { localResizeAt = Date.now(); const c = process.stdout.columns || 120; const r = process.stdout.rows || 30; ptyProcess.resize(c, r); });
 }
 main().catch((err) => { console.error(err); process.exit(1); });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cli-tunnel",
-  "version": "1.3.1-beta.2",
+  "version": "1.3.1-beta.4",
   "description": "Tunnel any CLI app to your phone — PTY + devtunnel + xterm.js",
   "type": "module",
   "main": "dist/index.js",
@@ -36,6 +36,8 @@
     "node": ">=22.0.0"
   },
   "dependencies": {
+    "@xterm/addon-serialize": "^0.14.0",
+    "@xterm/headless": "^6.0.0",
     "node-pty": "1.1.0",
     "qrcode-terminal": "0.12.0",
     "ws": "8.19.0"

package/remote-ui/app.js

@@ -63,9 +63,18 @@
     if (currentView === 'grid' && gridMode === 'fullscreen' && gridTerminals[focusedIndex]) {
       canvas = gridTerminals[focusedIndex].panel.querySelector('canvas');
     } else {
-      canvas = termContainer.querySelector('canvas');
+      var tc = document.getElementById('terminal-container');
+      if (tc) canvas = tc.querySelector('canvas');
+    }
+    if (!canvas) {
+      // Fallback: try to find any canvas in the xterm container
+      var xtermEl = document.querySelector('.xterm');
+      if (xtermEl) canvas = xtermEl.querySelector('canvas');
+    }
+    if (!canvas || !canvas.captureStream) {
+      if (statusText) { var prev = statusText.textContent; statusText.textContent = 'Recording not supported'; setTimeout(function() { statusText.textContent = prev; }, 3000); }
+      return false;
     }
-    if (!canvas) { console.warn('No terminal canvas found'); return false; }
     try {
       var stream = canvas.captureStream(30); // 30 fps
       var mimeType = MediaRecorder.isTypeSupported('video/webm;codecs=vp9') ? 'video/webm;codecs=vp9'
@@ -140,7 +149,13 @@
     if (currentView === 'grid' && gridMode === 'fullscreen' && gridTerminals[focusedIndex]) {
       canvas = gridTerminals[focusedIndex].panel.querySelector('canvas');
     } else {
-      canvas = termContainer.querySelector('canvas');
+      var tc = document.getElementById('terminal-container');
+      if (tc) canvas = tc.querySelector('canvas');
+    }
+    if (!canvas) {
+      // Fallback: try to find any canvas in the xterm container
+      var xtermEl = document.querySelector('.xterm');
+      if (xtermEl) canvas = xtermEl.querySelector('canvas');
     }
     if (!canvas) {
       if (statusText) { var prev = statusText.textContent; statusText.textContent = 'No terminal to capture'; setTimeout(function() { statusText.textContent = prev; }, 2000); }
@@ -239,13 +254,15 @@
 
   async function loadSessions() {
     try {
-      const tokenParam = new URLSearchParams(window.location.search).get('token');
-      const headers = tokenParam ? { 'Authorization': 'Bearer ' + tokenParam } : {};
-      const resp = await fetch('/api/sessions', { headers });
-      const data = await resp.json();
+      var tokenParam = new URLSearchParams(window.location.search).get('token');
+      var headers = tokenParam ? { 'Authorization': 'Bearer ' + tokenParam } : {};
+      var resp = await fetch('/api/sessions', { headers: headers });
+      if (!resp.ok) throw new Error('Status ' + resp.status);
+      var data = await resp.json();
       renderDashboard(data.sessions || []);
     } catch (err) {
-      dashboard.innerHTML = '<div style="padding:12px;color:var(--red)">' + escapeHtml('Failed to load sessions: ' + err.message) + '</div>';
+      dashboard.innerHTML = '<div style="padding:20px 12px;color:var(--text-dim);text-align:center">' +
+        escapeHtml('Sessions unavailable. Use Hub mode (cli-tunnel with no command) to see all sessions.') + '</div>';
     }
   }