@hmduc16031996/claude-mb-bridge 2.4.3 → 2.4.5

package/dist/index.js

@@ -6,13 +6,14 @@ const program = new Command();
 program
     .name('claude-mobile-bridge')
     .description('Bridge Claude Code CLI to mobile via WebView')
-    .version('2.4.1')
+    .version('2.4.5')
     .option('--token <token>', 'Pairing token from mobile app')
     .option('--server <url>', 'Backend server URL', 'http://127.0.0.1:3110')
     .option('--path <path>', 'Working directory', process.cwd())
     .option('--port <port>', 'Local port for terminal server', '38473')
+    .option('--ide <type>', 'IDE type: claude_code or cursor', 'claude_code')
     .action(async (options) => {
-    const { token, server, path, port } = options;
+    const { token, server, path, port, ide } = options;
     if (!token) {
         console.error('Error: --token is required');
         process.exit(1);
@@ -33,7 +34,7 @@ program
     // 1. Start local terminal server
     console.log('📦 Starting terminal server...');
     const localPort = parseInt(port, 10);
-    const { server: terminalServer, actualPort } = await startTerminalServer(localPort, path, token);
+    const { server: terminalServer, actualPort } = await startTerminalServer(localPort, path, token, ide);
     console.log(`✅ Terminal server started on port ${actualPort}`);
     // 2. Start Cloudflare Tunnel
     console.log('🌐 Establishing secure tunnel...');

package/dist/server.d.ts

@@ -1,4 +1,4 @@
-export declare function startTerminalServer(port: number, workingDir: string, terminalToken: string, onDisconnect?: () => void): Promise<{
+export declare function startTerminalServer(port: number, workingDir: string, terminalToken: string, ide?: string, onDisconnect?: () => void): Promise<{
     server: any;
     actualPort: number;
 }>;

package/dist/server.js

@@ -12,12 +12,14 @@ const pty = require('node-pty');
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 class Session {
     term;
+    ide;
     id;
     cwd;
     createdAt;
-    constructor(id, cwd, shell) {
+    constructor(id, cwd, shell, ide = 'claude_code') {
         this.id = id;
         this.cwd = cwd;
+        this.ide = ide;
         this.createdAt = new Date().toISOString();
         this.term = pty.spawn(shell, [], {
             name: 'xterm-256color',
@@ -30,7 +32,9 @@ class Session {
                 FORCE_COLOR: '1',
             }
         });
-        this.term.write('claude\r');
+        // Map IDE type to command
+        const command = ide === 'cursor' ? 'agent' : (ide === 'gemini' ? 'gemini' : 'claude');
+        this.term.write(`${command}\r`);
     }
     getInfo() {
         return {
@@ -51,7 +55,7 @@ class Session {
 }
 class SessionManager {
     sessions = new Map();
-    createSession(cwd) {
+    createSession(cwd, ide = 'claude_code') {
         const id = randomUUID().slice(0, 8);
         let shell = '/bin/bash';
         if (process.platform === 'win32') {
@@ -60,7 +64,7 @@ class SessionManager {
         else if (process.platform === 'darwin') {
             shell = fs.existsSync('/bin/zsh') ? '/bin/zsh' : '/bin/bash';
         }
-        const session = new Session(id, cwd, shell);
+        const session = new Session(id, cwd, shell, ide);
         this.sessions.set(id, session);
         return session;
     }
@@ -78,7 +82,7 @@ class SessionManager {
         return Array.from(this.sessions.values()).map(s => s.getInfo());
     }
 }
-export function startTerminalServer(port, workingDir, terminalToken, onDisconnect) {
+export function startTerminalServer(port, workingDir, terminalToken, ide = 'claude_code', onDisconnect) {
     const app = express();
     const server = createServer(app);
     const wss = new WebSocketServer({ server });
@@ -88,6 +92,16 @@ export function startTerminalServer(port, workingDir, terminalToken, onDisconnec
     app.get('/health', (req, res) => {
         res.json({ status: 'ok' });
     });
+    // Catch-all: serve index.html for any non-API route (SPA fallback)
+    app.get('*', (req, res, next) => {
+        if (req.path.startsWith('/api/'))
+            return next();
+        res.sendFile(path.join(publicPath, 'index.html'));
+    });
+    // Session Info endpoint (used by frontend to know which IDE it is bridging)
+    app.get('/api/session-info', (req, res) => {
+        res.json({ ide });
+    });
     // Ports endpoint - returns empty list (no port detection in bridge mode)
     app.get('/api/ports', (req, res) => {
         res.json([]);
@@ -181,7 +195,7 @@ export function startTerminalServer(port, workingDir, terminalToken, onDisconnec
                         authenticated = true;
                         sendControl({ type: 'auth:success' });
                         // Auto-create initial session and attach
-                        const initialSession = sessionManager.createSession(workingDir);
+                        const initialSession = sessionManager.createSession(workingDir, ide);
                         attachToSession(initialSession.id);
                         console.log('✅ Client authenticated');
                     }
@@ -205,7 +219,7 @@ export function startTerminalServer(port, workingDir, terminalToken, onDisconnec
                             sendControl({ type: 'error', error: 'Directory not found' });
                             break;
                         }
-                        const session = sessionManager.createSession(cwd);
+                        const session = sessionManager.createSession(cwd, ide);
                         sendControl({ type: 'session:created', session: session.getInfo() });
                         attachToSession(session.id);
                         break;
@@ -302,13 +316,13 @@ export function startTerminalServer(port, workingDir, terminalToken, onDisconnec
         server.on('error', (err) => {
             if (err.code === 'EADDRINUSE' && port !== 0) {
                 console.warn(`⚠️ Port ${port} is busy, trying a random port...`);
-                resolve(startTerminalServer(0, workingDir, terminalToken, onDisconnect));
+                resolve(startTerminalServer(0, workingDir, terminalToken, ide, onDisconnect));
             }
             else {
                 reject(err);
             }
         });
-        server.listen(port, () => {
+        server.listen(port, '0.0.0.0', () => {
             const address = server.address();
             const actualPort = typeof address === 'string' ? 0 : address?.port || 0;
             resolve({ server, actualPort });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmduc16031996/claude-mb-bridge",
-  "version": "2.4.3",
+  "version": "2.4.5",
   "description": "Bridge between Claude Code CLI and your mobile app via WebView",
   "type": "module",
   "main": "dist/index.js",

package/public/app.js

@@ -378,6 +378,9 @@ class ClaudeRemote {
     this.bindEvents();
     this.initTerminal();
 
+    // Fetch IDE info for branding
+    this.fetchSessionInfo();
+
     // Initialize notification manager
     this.notificationManager = new NotificationManager(this);
     this.updateNotifyToggleState();
@@ -408,6 +411,8 @@ class ClaudeRemote {
       tokenInput: document.getElementById('token-input'),
       connectBtn: document.getElementById('connect-btn'),
       authError: document.getElementById('auth-error'),
+      mainTitle: document.getElementById('main-title'),
+      mainSubtitle: document.getElementById('main-subtitle'),
 
       // Main
       header: document.getElementById('header'),
@@ -494,6 +499,34 @@ class ClaudeRemote {
     this.scheduleDebounceTimer = null;
   }
 
+  async fetchSessionInfo() {
+    try {
+      const res = await fetch('/api/session-info');
+      const data = await res.json();
+      if (data.ide) {
+        this.updateBranding(data.ide);
+      }
+    } catch (err) {
+      console.warn('Failed to fetch session info:', err);
+    }
+  }
+
+  updateBranding(ide) {
+    const isCursor = ide === 'cursor';
+    const isGemini = ide === 'gemini';
+    const name = isGemini ? 'Gemini' : (isCursor ? 'Cursor' : 'Claude Code');
+    
+    if (this.elements.mainTitle) {
+      this.elements.mainTitle.textContent = `${name} Remote`;
+    }
+    if (this.elements.mainSubtitle) {
+      this.elements.mainSubtitle.textContent = `Connect to your local ${name} session from anywhere`;
+    }
+    
+    // Update page title
+    document.title = `${name} Remote`;
+  }
+
   initTerminal() {
     // Create terminal with mobile-friendly settings
     this.terminal = new Terminal({

package/public/index.html

@@ -36,8 +36,8 @@
           <img src="/ic_logo.png" width="64" height="64" alt="Claude Code" style="border-radius:12px;">
         </div>
 
-        <h1>Claude Code Remote</h1>
-        <p class="subtitle">Connect to your local Claude Code session from anywhere</p>
+        <h1 id="main-title">Claude Code Remote</h1>
+        <p id="main-subtitle" class="subtitle">Connect to your local Claude Code session from anywhere</p>
 
         <form id="auth-form" onsubmit="return false;">
           <input