claude-opencode-viewer 2.6.5 → 2.6.6

package/bin/cov.js

@@ -42,6 +42,7 @@ if (args.includes('--help') || args.includes('-h')) {
 ║  用法：                                                   ║
 ║    cov                    在当前目录启动服务(端口7008)     ║
 ║    cov --pc               PC端随机端口启动(19200-19220)   ║
+║    cov --pc --https       PC端HTTPS模式启动               ║
 ║    cov --port <端口号>    指定端口启动                     ║
 ║    cov [路径]             在指定目录启动服务               ║
 ║    cov --help, -h         显示此帮助信息                  ║
@@ -85,6 +86,7 @@ for (const arg of args) {
 const port = getPort();
 const serverArgs = [SERVER_PATH, String(port)];
 if (args.includes('--pc')) serverArgs.push('--pc');
+if (args.includes('--https')) serverArgs.push('--https');
 const server = spawn(process.execPath, serverArgs, {
   stdio: 'inherit',
   cwd: process.cwd(),

package/index-pc.html

@@ -559,6 +559,59 @@
       display: block;
     }
 
+    #copy-popup {
+      display: none;
+      position: fixed;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      background: #1a1a1a;
+      border: 1px solid #444;
+      border-radius: 8px;
+      padding: 16px;
+      z-index: 10000;
+      max-width: 80vw;
+      max-height: 60vh;
+    }
+    #copy-popup.show {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+    #copy-popup textarea {
+      width: 500px;
+      max-width: 70vw;
+      height: 120px;
+      background: #0a0a0a;
+      color: #ccc;
+      border: 1px solid #333;
+      border-radius: 4px;
+      padding: 8px;
+      font-family: Menlo, Monaco, monospace;
+      font-size: 12px;
+      resize: vertical;
+    }
+    #copy-popup .popup-actions {
+      display: flex;
+      justify-content: flex-end;
+      gap: 8px;
+    }
+    #copy-popup button {
+      padding: 6px 16px;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 13px;
+    }
+    #copy-popup .btn-copy {
+      background: #2563eb;
+      color: #fff;
+    }
+    #copy-popup .btn-close {
+      background: #333;
+      color: #ccc;
+    }
+
     /* Git Diff 面板 */
     #git-diff-bar {
       display: none;
@@ -929,6 +982,14 @@
   </div>
 
   <div id="copy-toast">已复制</div>
+  <div id="copy-popup">
+    <div style="color:#ccc;font-size:13px;">剪贴板写入需要 HTTPS，请手动复制：</div>
+    <textarea id="copy-popup-text" readonly></textarea>
+    <div class="popup-actions">
+      <button class="btn-copy" onclick="document.getElementById('copy-popup-text').select();document.execCommand('copy');document.getElementById('copy-popup').classList.remove('show');">选中并复制</button>
+      <button class="btn-close" onclick="document.getElementById('copy-popup').classList.remove('show');">关闭</button>
+    </div>
+  </div>
   <script src="https://cdn.jsdelivr.net/npm/@xterm/xterm@5.5.0/lib/xterm.min.js"></script>
   <script>
     (function() {
@@ -973,21 +1034,17 @@
         if (idx === -1) return false;
         var b64 = data.substring(idx + 1);
         if (!b64 || b64 === '?') return false;
+        if (isBufferReplay) return true;
         try {
           var text = atob(b64);
           if (navigator.clipboard && navigator.clipboard.writeText) {
             navigator.clipboard.writeText(text).then(function() {
-              if (!isBufferReplay) showCopyToast();
+              showCopyToast();
+            }).catch(function() {
+              showCopyPopup(text);
             });
           } else {
-            var ta = document.createElement('textarea');
-            ta.value = text;
-            ta.style.cssText = 'position:fixed;left:-9999px;top:-9999px';
-            document.body.appendChild(ta);
-            ta.select();
-            document.execCommand('copy');
-            document.body.removeChild(ta);
-            if (!isBufferReplay) showCopyToast();
+            showCopyPopup(text);
           }
         } catch (e) {}
         return true;
@@ -1905,6 +1962,15 @@
         showCopyToast();
       }
 
+      function showCopyPopup(text) {
+        var popup = document.getElementById('copy-popup');
+        var ta = document.getElementById('copy-popup-text');
+        ta.value = text;
+        popup.classList.add('show');
+        ta.focus();
+        ta.select();
+      }
+
       function showCopyToast() {
         var toast = document.getElementById('copy-toast');
         toast.classList.add('show');

package/package.json

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

package/server.js

@@ -1,6 +1,7 @@
 #!/usr/bin/env node
 import { createServer } from 'node:http';
-import { existsSync, createReadStream, readFileSync } from 'node:fs';
+import { createServer as createHttpsServer } from 'node:https';
+import { existsSync, createReadStream, readFileSync, writeFileSync, mkdirSync } from 'node:fs';
 import { join, dirname } from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { networkInterfaces, platform, arch, homedir } from 'node:os';
@@ -16,6 +17,27 @@ process.title = 'claude-opencode-viewer';
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const PORT = parseInt(process.argv[2]) || 7008;
 const IS_PC = process.argv.includes('--pc');
+const USE_HTTPS = process.argv.includes('--https');
+
+// 自签名证书生成
+function getOrCreateCert() {
+  const certDir = join(homedir(), '.cov-certs');
+  const keyPath = join(certDir, 'key.pem');
+  const certPath = join(certDir, 'cert.pem');
+
+  if (existsSync(keyPath) && existsSync(certPath)) {
+    return { key: readFileSync(keyPath), cert: readFileSync(certPath) };
+  }
+
+  console.log('🔐 首次使用 HTTPS，生成自签名证书...');
+  mkdirSync(certDir, { recursive: true });
+  execSync(
+    `openssl req -x509 -newkey rsa:2048 -keyout "${keyPath}" -out "${certPath}" -days 365 -nodes -subj "/CN=cov-self-signed"`,
+    { stdio: 'pipe' }
+  );
+  console.log(`📁 证书已保存到 ${certDir}`);
+  return { key: readFileSync(keyPath), cert: readFileSync(certPath) };
+}
 
 // OpenCode 数据库路径（支持环境变量覆盖，自动检测 /halo 环境）
 const OPENCODE_DB_PATH = process.env.OPENCODE_DB_PATH || join(
@@ -407,7 +429,7 @@ function getSessionMessages(sessionId) {
   }
 }
 
-const server = createServer(async (req, res) => {
+const requestHandler = async (req, res) => {
   if (req.url === '/' || req.url === '/index.html') {
     res.writeHead(200, {
       'Content-Type': 'text/html; charset=utf-8',
@@ -557,7 +579,11 @@ const server = createServer(async (req, res) => {
 
   res.writeHead(404, { 'Content-Type': 'text/plain' });
   res.end('Not Found');
-});
+};
+
+const server = USE_HTTPS
+  ? createHttpsServer(getOrCreateCert(), requestHandler)
+  : createServer(requestHandler);
 
 const wss = new WebSocketServer({ server, path: '/ws' });
 
@@ -740,11 +766,13 @@ wss.on('connection', (ws, req) => {
 
 server.listen(PORT, '0.0.0.0', async () => {
   const ip = getLocalIp();
+  const proto = USE_HTTPS ? 'https' : 'http';
   console.log('\n' + '='.repeat(50));
   console.log('✅ Claude OpenCode Viewer 已启动');
   console.log('='.repeat(50));
-  console.log(`🖥️  本地访问：http://127.0.0.1:${PORT}`);
-  console.log(`📱  手机访问：http://${ip}:${PORT}`);
+  console.log(`🖥️  本地访问：${proto}://127.0.0.1:${PORT}`);
+  console.log(`📱  手机访问：${proto}://${ip}:${PORT}`);
+  if (USE_HTTPS) console.log('🔐 HTTPS 模式（首次访问需信任自签名证书）');
   console.log('='.repeat(50));
   console.log('\n按 Ctrl+C 停止服务\n');