claude-opencode-viewer 2.6.5 → 2.6.7

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.7",
   "description": "A unified terminal viewer for Claude Code and OpenCode with seamless switching",
   "type": "module",
   "main": "server.js",

package/server.js

@@ -1,12 +1,14 @@
 #!/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';
 import { chmodSync, statSync } from 'node:fs';
 import { execSync, execFile } from 'child_process';
 import { promisify } from 'node:util';
+import { generateKeyPairSync, createSign, randomBytes } from 'node:crypto';
 import { WebSocketServer } from 'ws';
 import Database from 'better-sqlite3';
 
@@ -16,6 +18,123 @@ 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');
+
+// 自签名证书生成（纯 Node.js，不依赖 openssl）
+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 });
+
+  const { publicKey, privateKey } = generateKeyPairSync('rsa', {
+    modulusLength: 2048,
+    publicKeyEncoding: { type: 'spki', format: 'der' },
+    privateKeyEncoding: { type: 'pkcs8', format: 'pem' },
+  });
+
+  // 构建自签名 X.509 v3 证书（DER 编码）
+  const serial = randomBytes(8);
+  const now = new Date();
+  const expire = new Date(now.getTime() + 365 * 24 * 3600 * 1000);
+
+  function encodeLength(len) {
+    if (len < 128) return Buffer.from([len]);
+    if (len < 256) return Buffer.from([0x81, len]);
+    return Buffer.from([0x82, (len >> 8) & 0xff, len & 0xff]);
+  }
+
+  function derSequence(buffers) {
+    const body = Buffer.concat(buffers);
+    return Buffer.concat([Buffer.from([0x30]), encodeLength(body.length), body]);
+  }
+
+  function derSet(buffers) {
+    const body = Buffer.concat(buffers);
+    return Buffer.concat([Buffer.from([0x31]), encodeLength(body.length), body]);
+  }
+
+  function derOid(oid) {
+    const parts = oid.split('.').map(Number);
+    const bytes = [40 * parts[0] + parts[1]];
+    for (let i = 2; i < parts.length; i++) {
+      let v = parts[i];
+      if (v < 128) { bytes.push(v); }
+      else {
+        const enc = [];
+        enc.push(v & 0x7f); v >>= 7;
+        while (v > 0) { enc.push(0x80 | (v & 0x7f)); v >>= 7; }
+        bytes.push(...enc.reverse());
+      }
+    }
+    const buf = Buffer.from(bytes);
+    return Buffer.concat([Buffer.from([0x06]), encodeLength(buf.length), buf]);
+  }
+
+  function derUtf8(str) {
+    const buf = Buffer.from(str, 'utf8');
+    return Buffer.concat([Buffer.from([0x0c]), encodeLength(buf.length), buf]);
+  }
+
+  function derInt(buf) {
+    if (buf[0] & 0x80) buf = Buffer.concat([Buffer.from([0x00]), buf]);
+    return Buffer.concat([Buffer.from([0x02]), encodeLength(buf.length), buf]);
+  }
+
+  function derBitString(buf) {
+    const body = Buffer.concat([Buffer.from([0x00]), buf]);
+    return Buffer.concat([Buffer.from([0x03]), encodeLength(body.length), body]);
+  }
+
+  function derTime(date) {
+    const s = date.toISOString().replace(/[-:T]/g, '').slice(0, 14) + 'Z';
+    const buf = Buffer.from(s, 'ascii');
+    return Buffer.concat([Buffer.from([0x17]), encodeLength(buf.length), buf]);
+  }
+
+  function derExplicit(tag, content) {
+    return Buffer.concat([Buffer.from([0xa0 | tag]), encodeLength(content.length), content]);
+  }
+
+  const issuer = derSequence([derSet([derSequence([derOid('2.5.4.3'), derUtf8('cov-self-signed')])])]);
+  const validity = derSequence([derTime(now), derTime(expire)]);
+  const spki = Buffer.from(publicKey);
+
+  const tbs = derSequence([
+    derExplicit(0, derInt(Buffer.from([0x02]))),  // version v3
+    derInt(serial),
+    derSequence([derOid('1.2.840.113549.1.1.11'), Buffer.from([0x05, 0x00])]),  // sha256WithRSA
+    issuer,
+    validity,
+    issuer,  // subject = issuer (self-signed)
+    spki,
+  ]);
+
+  const sign = createSign('SHA256');
+  sign.update(tbs);
+  const signature = sign.sign(privateKey);
+
+  const cert = derSequence([
+    tbs,
+    derSequence([derOid('1.2.840.113549.1.1.11'), Buffer.from([0x05, 0x00])]),
+    derBitString(signature),
+  ]);
+
+  const certPem = '-----BEGIN CERTIFICATE-----\n' +
+    cert.toString('base64').match(/.{1,64}/g).join('\n') +
+    '\n-----END CERTIFICATE-----\n';
+
+  writeFileSync(keyPath, privateKey);
+  writeFileSync(certPath, certPem);
+  console.log(`📁 证书已保存到 ${certDir}`);
+  return { key: privateKey, cert: certPem };
+}
 
 // OpenCode 数据库路径（支持环境变量覆盖，自动检测 /halo 环境）
 const OPENCODE_DB_PATH = process.env.OPENCODE_DB_PATH || join(
@@ -407,7 +526,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 +676,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 +863,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');