claude-opencode-viewer 2.1.7 → 2.1.9

package/index.html

@@ -145,7 +145,7 @@
       var isIOS = /iPhone|iPad|iPod/i.test(navigator.userAgent);
       var MOBILE_COLS = 60;
       var fontSize = isMobile ? 11 : 13;
-      var currentMode = 'claude';
+      var currentMode = 'opencode';
       var isTransitioning = false;
 
       var term = new Terminal({
@@ -369,13 +369,11 @@
       function startTransition() {
         isTransitioning = true;
         terminalEl.classList.add('transitioning');
-        modeIndicator.textContent = '切换中...';
       }
 
       function endTransition(mode) {
         currentMode = mode;
         modeSelect.value = mode;
-        modeIndicator.textContent = mode === 'claude' ? 'Claude' : 'OpenCode';
         terminalEl.classList.remove('transitioning');
         isTransitioning = false;
       }
@@ -390,6 +388,9 @@
         switchMode(modeSelect.value);
       });
 
+      // 设置初始选中项
+      modeSelect.value = currentMode;
+
       function connect() {
         var proto = location.protocol === 'https:' ? 'wss:' : 'ws:';
         ws = new WebSocket(proto + '//' + location.host + '/ws');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-opencode-viewer",
-  "version": "2.1.7",
+  "version": "2.1.9",
   "description": "A unified terminal viewer for Claude Code and OpenCode with seamless switching",
   "type": "module",
   "main": "server.js",

package/server.js

@@ -30,6 +30,7 @@ let lastPtyRows = 30;
 let activeWs = null;
 const clientSizes = new Map();
 const mobileClients = new Set();
+let currentMode = 'opencode';
 
 function getMobileSize() {
   for (const mws of mobileClients) {
@@ -133,18 +134,25 @@ async function spawnProcess(mode) {
     }
   });
 
+  // 只在初始化时杀死旧进程，switchMode 已经处理了切换时的进程清理
   if (mode === 'claude') {
-    if (claudeProcess?.pid) {
-      try { claudeProcess.kill(); } catch {}
+    if (claudeProcess && claudeProcess !== proc && claudeProcess.pid) {
+      try {
+        console.log(`[spawnProcess] 清理旧 claude 进程 PID: ${claudeProcess.pid}`);
+        claudeProcess.kill();
+      } catch {}
     }
     claudeProcess = proc;
   } else {
-    if (opencodeProcess?.pid) {
-      try { opencodeProcess.kill(); } catch {}
+    if (opencodeProcess && opencodeProcess !== proc && opencodeProcess.pid) {
+      try {
+        console.log(`[spawnProcess] 清理旧 opencode 进程 PID: ${opencodeProcess.pid}`);
+        opencodeProcess.kill();
+      } catch {}
     }
     opencodeProcess = proc;
   }
-  
+
   currentProcess = proc;
   console.log(`[claude-opencode-viewer] ${mode === 'claude' ? 'Claude Code' : 'OpenCode'} 已启动 (PID: ${proc.pid})`);
   return proc;
@@ -152,24 +160,43 @@ async function spawnProcess(mode) {
 
 async function switchMode(newMode) {
   if (newMode === currentMode) return;
-  
+
+  console.log(`[switchMode] 从 ${currentMode} 切换到 ${newMode}`);
+
   // 清空所有历史输出
   outputBuffer = '';
-  
+
   // 杀死旧进程
   if (currentMode === 'claude' && claudeProcess) {
-    try { claudeProcess.kill(); } catch {}
+    try {
+      console.log(`[switchMode] 杀死 claude 进程 PID: ${claudeProcess.pid}`);
+      claudeProcess.kill();
+    } catch (e) {
+      console.log('[switchMode] 杀死 claude 进程失败:', e.message);
+    }
     claudeProcess = null;
   } else if (currentMode === 'opencode' && opencodeProcess) {
-    try { opencodeProcess.kill(); } catch {}
+    try {
+      console.log(`[switchMode] 杀死 opencode 进程 PID: ${opencodeProcess.pid}`);
+      opencodeProcess.kill();
+    } catch (e) {
+      console.log('[switchMode] 杀死 opencode 进程失败:', e.message);
+    }
     opencodeProcess = null;
   }
   currentProcess = null;
-  
+
+  // 等待一小段时间确保进程完全退出
+  await new Promise(resolve => setTimeout(resolve, 100));
+
   // 切换到新模式
   currentMode = newMode;
-  await spawnProcess(newMode);
-  console.log(`[CombinedV2] 切换到 ${newMode}`);
+  try {
+    await spawnProcess(newMode);
+    console.log(`[switchMode] 切换到 ${newMode} 成功`);
+  } catch (e) {
+    console.error('[switchMode] 启动新进程失败:', e.message);
+  }
 }
 
 function writeToPty(data) {
@@ -308,5 +335,5 @@ server.listen(PORT, '0.0.0.0', async () => {
   console.log('='.repeat(50));
   console.log('\n按 Ctrl+C 停止服务\n');
 
-  await spawnProcess('claude');
+  await spawnProcess('opencode');
 });