claude-code-inspector 0.1.3 → 0.1.5

package/bin/cli.js

@@ -1,13 +1,58 @@
 #!/usr/bin/env node
 
 const path = require('path');
+const fs = require('fs');
 const { createServer } = require('http');
 const next = require('next');
 const { WebSocketServer } = require('ws');
 const { parse } = require('url');
 
 // 切换到包的安装目录，确保 Next.js 能正确找到文件
-process.chdir(path.resolve(__dirname, '..'));
+const installDir = path.resolve(__dirname, '..');
+process.chdir(installDir);
+
+// 临时重命名 tsconfig.json，防止 Next.js 尝试安装 TypeScript 依赖
+// 但创建一个包含路径别名的简化版本，确保模块解析正确
+const tsconfigPath = path.join(installDir, 'tsconfig.json');
+const tsconfigBackupPath = path.join(installDir, 'tsconfig.json.bak');
+let tsconfigMoved = false;
+
+if (fs.existsSync(tsconfigPath)) {
+  fs.renameSync(tsconfigPath, tsconfigBackupPath);
+  tsconfigMoved = true;
+  // 创建一个简化的 tsconfig.json，只包含路径别名配置
+  const minimalTsconfig = {
+    compilerOptions: {
+      baseUrl: '.',
+      paths: {
+        '@/*': ['./*']
+      }
+    }
+  };
+  fs.writeFileSync(tsconfigPath, JSON.stringify(minimalTsconfig, null, 2));
+
+  // 进程退出时恢复原始文件
+  process.on('exit', () => {
+    if (tsconfigMoved && fs.existsSync(tsconfigBackupPath)) {
+      fs.renameSync(tsconfigBackupPath, tsconfigPath);
+    }
+  });
+
+  // 捕获信号，确保恢复文件
+  process.on('SIGINT', () => {
+    if (tsconfigMoved && fs.existsSync(tsconfigBackupPath)) {
+      fs.renameSync(tsconfigBackupPath, tsconfigPath);
+    }
+    process.exit();
+  });
+
+  process.on('SIGTERM', () => {
+    if (tsconfigMoved && fs.existsSync(tsconfigBackupPath)) {
+      fs.renameSync(tsconfigBackupPath, tsconfigPath);
+    }
+    process.exit();
+  });
+}
 
 const port = parseInt(process.env.PORT || '3000', 10);
 const dev = process.env.NODE_ENV !== 'production';

package/next.config.js

@@ -0,0 +1,58 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  // 禁用 HMR 的自动刷新，防止 WebSocket 错误时页面重新加载
+  reactStrictMode: false,
+  // 开发服务器配置 - 防止页面被 unloaded
+  onDemandEntries: {
+    // 页面在不活动后保持活跃的毫秒数（设置为最大值）
+    maxInactiveAge: 24 * 60 * 60 * 1000, // 24 小时
+    // 保持多少个页面活跃
+    pagesBufferLength: 10,
+  },
+  // 完全禁用 Fast Refresh
+  compiler: {
+    reactRemoveProperties: true,
+  },
+  // 空的 turbopack 配置，避免警告
+  turbopack: {},
+  //  webpack 配置
+  webpack: (config, { dev, isServer }) => {
+    if (dev) {
+      // 禁用 HMR 的自动刷新
+      config.plugins = config.plugins.filter(
+        (plugin) => plugin?.constructor?.name !== 'HotModuleReplacementPlugin'
+      );
+
+      // 禁用所有文件监听
+      config.watchOptions = {
+        // 超长聚合延迟，等效于禁用
+        aggregateTimeout: 300000, // 5 分钟
+        // 忽略所有非源代码文件
+        ignored: [
+          '**/db/**',
+          '**/*.sqlite',
+          '**/*.sqlite-wal',
+          '**/*.sqlite-shm',
+          '**/node_modules/**',
+          '**/.git/**',
+          '**/*.log',
+          '**/dist/**',
+          '**/build/**',
+          '**/*.json',
+        ],
+        // 禁用轮询
+        poll: false,
+        // 完全禁用跟随符号链接
+        followSymlinks: false,
+      };
+
+      // 禁用性能监听
+      config.performance = {
+        hints: false,
+      };
+    }
+    return config;
+  },
+};
+
+module.exports = nextConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-inspector",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "private": false,
   "bin": {
     "cc-inspector": "./bin/cli.js"
@@ -14,7 +14,9 @@
     "components",
     "bin",
     "public",
-    "next.config.ts",
+    "next.config.js",
+    "tsconfig.json",
+    "postcss.config.mjs",
     "server.ts"
   ],
   "scripts": {
@@ -27,17 +29,18 @@
     "test:watch": "vitest"
   },
   "dependencies": {
+    "@tailwindcss/postcss": "^4",
     "axios": "^1.13.6",
     "better-sqlite3": "^12.8.0",
     "next": "16.1.6",
     "react": "19.2.3",
     "react-dom": "19.2.3",
+    "tailwindcss": "^4",
     "typescript": "^5",
     "uuid": "^13.0.0",
     "ws": "^8.19.0"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4",
     "@types/better-sqlite3": "^7.6.13",
     "@types/node": "^20",
     "@types/react": "^19",
@@ -46,7 +49,6 @@
     "@types/ws": "^8.18.1",
     "eslint": "^9",
     "eslint-config-next": "16.1.6",
-    "tailwindcss": "^4",
     "ts-node": "^10.9.2",
     "tsx": "^4.21.0",
     "vitest": "^4.0.18"

package/postcss.config.mjs

@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;

package/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}