cc-viewer 1.0.2 → 1.0.3

package/README.md

@@ -16,9 +16,9 @@ npm install -g cc-viewer
 ccv
 ```
 
-该命令会自动将监控脚本注入到本地安装的 Claude Code 中，并在 shell 配置文件（`~/.zshrc` 或 `~/.bashrc`）中添加自动重注入 hook。之后正常使用 Claude Code，打开浏览器访问 `http://localhost:7008` 即可查看监控界面。
+该命令会自动配置本地安装的 Claude Code 以启用监控，并在 shell 配置文件（`~/.zshrc` 或 `~/.bashrc`）中添加自动修复 hook。之后正常使用 Claude Code，打开浏览器访问 `http://localhost:7008` 即可查看监控界面。
 
-Claude Code 更新后无需手动操作，下次运行 `claude` 时会自动检测并重新注入。
+Claude Code 更新后无需手动操作，下次运行 `claude` 时会自动检测并重新配置。
 
 ### 卸载
 
@@ -26,7 +26,7 @@ Claude Code 更新后无需手动操作，下次运行 `claude` 时会自动检
 ccv --uninstall
 ```
 
-一键清理 cli.js 中的注入代码和 shell 配置文件中的 hook。
+一键清理 cli.js 中的配置和 shell 配置文件中的 hook。
 
 ## 功能
 
@@ -52,8 +52,8 @@ ccv --uninstall
 - `thinking` 块默认折叠，点击展开查看思考过程
 - `tool_use` 显示为紧凑的工具调用卡片（Bash、Read、Edit、Write、Glob、Grep、Task 等均有专属展示）
 - 用户选择型消息（AskUserQuestion）以问答形式展示
-- 系统注入标签（`<system-reminder>`、`<project-reminder>` 等）自动折叠
-- 自动过滤系统注入文本，只展示用户的真实输入
+- 系统标签（`<system-reminder>`、`<project-reminder>` 等）自动折叠
+- 自动过滤系统文本，只展示用户的真实输入
 - 支持多 session 分段展示（`/compact`、`/clear` 等操作后自动分段）
 - 每条消息显示精确到秒的时间戳
 

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "cc-viewer",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Claude Code Logger visualization management tool",
   "license": "MIT",
-  "main": "lib/server.js",
+  "main": "server.js",
   "type": "module",
   "exports": {
-    ".": "./lib/server.js",
-    "./server.js": "./lib/server.js",
+    ".": "./server.js",
+    "./server.js": "./server.js",
     "./interceptor.js": "./interceptor.js"
   },
   "author": "weiesky",
@@ -17,7 +17,7 @@
   "scripts": {
     "dev": "vite",
     "build": "node build.js",
-    "start": "node lib/server.js",
+    "start": "node server.js",
     "prepublishOnly": "npm run build"
   },
   "keywords": [
@@ -41,7 +41,8 @@
     "node": ">=18"
   },
   "files": [
-    "lib/",
+    "dist/",
+    "server.js",
     "cli.js",
     "interceptor.js",
     "i18n.js",

package/{lib/server.js → server.js}

@@ -3,8 +3,8 @@ import { readFileSync, existsSync, watchFile, unwatchFile, statSync, writeFileSy
 import { fileURLToPath } from 'node:url';
 import { dirname, join, extname, basename } from 'node:path';
 import { homedir } from 'node:os';
-import { LOG_FILE } from '../interceptor.js';
-import { t } from '../i18n.js';
+import { LOG_FILE } from './interceptor.js';
+import { t } from './i18n.js';
 
 const LOG_DIR = join(homedir(), '.claude', 'cc-viewer');
 const SHOW_ALL_FILE = '/tmp/cc-viewer-show-all';
@@ -56,9 +56,29 @@ function checkPortAlive(port) {
   });
 }
 
+function registerLogToServer(port, logFile) {
+  return new Promise((resolve) => {
+    const data = JSON.stringify({ logFile });
+    const req = httpRequest({
+      host: HOST, port, path: '/api/register-log', method: 'POST',
+      headers: { 'Content-Type': 'application/json', 'Content-Length': Buffer.byteLength(data) },
+      timeout: 2000,
+    }, (res) => {
+      res.resume();
+      resolve(true);
+    });
+    req.on('error', () => resolve(false));
+    req.on('timeout', () => { req.destroy(); resolve(false); });
+    req.write(data);
+    req.end();
+  });
+}
+
 let clients = [];
 let server;
 let actualPort = START_PORT;
+// 跟踪所有被 watch 的日志文件
+const watchedFiles = new Map();
 
 const MIME_TYPES = {
   '.html': 'text/html; charset=utf-8',
@@ -103,11 +123,13 @@ function sendToClients(entry) {
   });
 }
 
-function startWatching() {
+function watchLogFile(logFile) {
+  if (watchedFiles.has(logFile)) return;
   let lastSize = 0;
-  watchFile(LOG_FILE, { interval: 500 }, () => {
+  watchedFiles.set(logFile, true);
+  watchFile(logFile, { interval: 500 }, () => {
     try {
-      const content = readFileSync(LOG_FILE, 'utf-8');
+      const content = readFileSync(logFile, 'utf-8');
       const newContent = content.slice(lastSize);
       lastSize = content.length;
 
@@ -128,6 +150,10 @@ function startWatching() {
   });
 }
 
+function startWatching() {
+  watchLogFile(LOG_FILE);
+}
+
 function handleRequest(req, res) {
   const { url, method } = req;
 
@@ -142,6 +168,29 @@ function handleRequest(req, res) {
     return;
   }
 
+  // 注册新的日志文件进行 watch（供新进程复用旧服务时调用）
+  if (url === '/api/register-log' && method === 'POST') {
+    let body = '';
+    req.on('data', chunk => { body += chunk; });
+    req.on('end', () => {
+      try {
+        const { logFile } = JSON.parse(body);
+        if (logFile && typeof logFile === 'string' && logFile.startsWith(LOG_DIR) && existsSync(logFile)) {
+          watchLogFile(logFile);
+          res.writeHead(200, { 'Content-Type': 'application/json' });
+          res.end(JSON.stringify({ ok: true }));
+        } else {
+          res.writeHead(400, { 'Content-Type': 'application/json' });
+          res.end(JSON.stringify({ error: 'Invalid log file path' }));
+        }
+      } catch {
+        res.writeHead(400, { 'Content-Type': 'application/json' });
+        res.end(JSON.stringify({ error: 'Invalid request body' }));
+      }
+    });
+    return;
+  }
+
   // SSE endpoint
   if (url === '/events' && method === 'GET') {
     res.writeHead(200, {
@@ -308,6 +357,7 @@ export async function startViewer() {
           const alive = await checkPortAlive(existingPort);
           if (alive) {
             actualPort = existingPort;
+            await registerLogToServer(existingPort, LOG_FILE);
             return null;
           }
         }
@@ -326,6 +376,7 @@ export async function startViewer() {
           const alive = await checkPortAlive(existingPort);
           if (alive) {
             actualPort = existingPort;
+            await registerLogToServer(existingPort, LOG_FILE);
             releaseLock();
             console.log(t('server.reuse', { host: HOST, port: existingPort }));
             return null;
@@ -378,7 +429,10 @@ export async function startViewer() {
 }
 
 export function stopViewer() {
-  unwatchFile(LOG_FILE);
+  for (const logFile of watchedFiles.keys()) {
+    unwatchFile(logFile);
+  }
+  watchedFiles.clear();
   clients.forEach(client => client.end());
   clients = [];
   if (server) {