cc-viewer 1.0.1 → 1.0.2

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/interceptor.js

@@ -18,7 +18,9 @@ function generateLogFilePath() {
     + String(now.getHours()).padStart(2, '0')
     + String(now.getMinutes()).padStart(2, '0')
     + String(now.getSeconds()).padStart(2, '0');
-  const projectName = basename(process.cwd()).replace(/[^a-zA-Z0-9_\-\.]/g, '_');
+  let cwd;
+  try { cwd = process.cwd(); } catch { cwd = homedir(); }
+  const projectName = basename(cwd).replace(/[^a-zA-Z0-9_\-\.]/g, '_');
   const dir = join(homedir(), '.claude', 'cc-viewer');
   try { mkdirSync(dir, { recursive: true }); } catch {}
   return join(dir, `${projectName}_${ts}.jsonl`);
@@ -208,7 +210,7 @@ export function setupInterceptor() {
 
         requestEntry = {
           timestamp,
-          project: basename(process.cwd()),
+          project: (() => { try { return basename(process.cwd()); } catch { return 'unknown'; } })(),
           url: urlStr,
           method: options?.method || 'GET',
           headers,

package/lib/server.js

@@ -56,29 +56,9 @@ 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',
@@ -123,13 +103,11 @@ function sendToClients(entry) {
   });
 }
 
-function watchLogFile(logFile) {
-  if (watchedFiles.has(logFile)) return;
+function startWatching() {
   let lastSize = 0;
-  watchedFiles.set(logFile, true);
-  watchFile(logFile, { interval: 500 }, () => {
+  watchFile(LOG_FILE, { interval: 500 }, () => {
     try {
-      const content = readFileSync(logFile, 'utf-8');
+      const content = readFileSync(LOG_FILE, 'utf-8');
       const newContent = content.slice(lastSize);
       lastSize = content.length;
 
@@ -150,10 +128,6 @@ function watchLogFile(logFile) {
   });
 }
 
-function startWatching() {
-  watchLogFile(LOG_FILE);
-}
-
 function handleRequest(req, res) {
   const { url, method } = req;
 
@@ -168,29 +142,6 @@ 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, {
@@ -357,7 +308,6 @@ export async function startViewer() {
           const alive = await checkPortAlive(existingPort);
           if (alive) {
             actualPort = existingPort;
-            await registerLogToServer(existingPort, LOG_FILE);
             return null;
           }
         }
@@ -376,7 +326,6 @@ 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;
@@ -429,10 +378,7 @@ export async function startViewer() {
 }
 
 export function stopViewer() {
-  for (const logFile of watchedFiles.keys()) {
-    unwatchFile(logFile);
-  }
-  watchedFiles.clear();
+  unwatchFile(LOG_FILE);
   clients.forEach(client => client.end());
   clients = [];
   if (server) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cc-viewer",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Claude Code Logger visualization management tool",
   "license": "MIT",
   "main": "lib/server.js",