cc-plan-viewer 0.2.2 → 0.2.3

package/README.md

@@ -1,4 +1,4 @@
-# cc-plan-viewer
+# Claude Code Plan Viewer
 
 A browser-based review UI for Claude Code plans. When Claude Code enters plan mode, a browser tab opens automatically showing the plan with proper markdown rendering, syntax highlighting, and inline commenting.
 

package/dist/cli-bundle.mjs

@@ -27498,7 +27498,8 @@ var init_lifecycle = __esm({
 import { createServer } from "node:http";
 import fs3 from "node:fs";
 import path3 from "node:path";
-function createApp(plansDirs2) {
+function createApp(initialPlansDirs) {
+  const plansDirs2 = [...initialPlansDirs];
   const plansDir = plansDirs2[0] || "";
   const app = (0, import_express.default)();
   const server2 = createServer(app);
@@ -27569,6 +27570,10 @@ function createApp(plansDirs2) {
   app.post("/api/plan-updated", (req, res) => {
     const { filePath, planOptions } = req.body;
     const filename = path3.basename(filePath || "");
+    const dir = path3.dirname(filePath || "");
+    if (dir && !plansDirs2.includes(dir) && fs3.existsSync(dir)) {
+      plansDirs2.push(dir);
+    }
     const message = JSON.stringify({
       type: "plan-updated",
       filename,

package/dist/server/server/app.js

@@ -6,7 +6,8 @@ import path from 'node:path';
 import { parsePlan } from './planParser.js';
 import { saveReview, getReview } from './reviewStore.js';
 import { resetIdleTimer } from './lifecycle.js';
-export function createApp(plansDirs) {
+export function createApp(initialPlansDirs) {
+    const plansDirs = [...initialPlansDirs];
     const plansDir = plansDirs[0] || '';
     const app = express();
     const server = createServer(app);
@@ -86,6 +87,11 @@ export function createApp(plansDirs) {
     app.post('/api/plan-updated', (req, res) => {
         const { filePath, planOptions } = req.body;
         const filename = path.basename(filePath || '');
+        // Dynamically register new plan directories (e.g., project-level .claude/plans/)
+        const dir = path.dirname(filePath || '');
+        if (dir && !plansDirs.includes(dir) && fs.existsSync(dir)) {
+            plansDirs.push(dir);
+        }
         // Broadcast to all WebSocket clients
         const message = JSON.stringify({
             type: 'plan-updated',

package/dist/server-bundle.mjs

@@ -27481,7 +27481,8 @@ function resetIdleTimer() {
 }
 
 // dist/server/server/app.js
-function createApp(plansDirs2) {
+function createApp(initialPlansDirs) {
+  const plansDirs2 = [...initialPlansDirs];
   const plansDir = plansDirs2[0] || "";
   const app = (0, import_express.default)();
   const server2 = createServer(app);
@@ -27552,6 +27553,10 @@ function createApp(plansDirs2) {
   app.post("/api/plan-updated", (req, res) => {
     const { filePath, planOptions } = req.body;
     const filename = path3.basename(filePath || "");
+    const dir = path3.dirname(filePath || "");
+    if (dir && !plansDirs2.includes(dir) && fs3.existsSync(dir)) {
+      plansDirs2.push(dir);
+    }
     const message = JSON.stringify({
       type: "plan-updated",
       filename,

package/hooks/plan-viewer-hook.cjs

@@ -14,17 +14,21 @@ const PORT_FILE = path.join(os.tmpdir(), 'cc-plan-viewer-port');
 const DEBOUNCE_FILE = path.join(os.tmpdir(), 'cc-plan-viewer-opened.json');
 const DEBOUNCE_MS = 5000; // 5 seconds (prevents rapid re-opens during multi-chunk writes)
 
-// Dynamically find all ~/.claude*/plans/ directories
+// Dynamically find all plans directories (home-level + project-level)
 function getAllPlansDirs() {
+  const dirs = [];
   const home = os.homedir();
   try {
-    return fs.readdirSync(home)
+    fs.readdirSync(home)
       .filter(name => name.startsWith('.claude'))
       .map(name => path.join(home, name, 'plans'))
-      .filter(dir => fs.existsSync(dir));
-  } catch {
-    return [];
-  }
+      .filter(dir => fs.existsSync(dir))
+      .forEach(dir => dirs.push(dir));
+  } catch {}
+  // Project-level: {cwd}/.claude/plans/
+  const projectDir = path.join(process.cwd(), '.claude', 'plans');
+  if (fs.existsSync(projectDir)) dirs.push(projectDir);
+  return dirs;
 }
 
 function getServerPort() {
@@ -37,10 +41,12 @@ function getServerPort() {
 
 function isPlanFile(filePath) {
   if (!filePath || !filePath.endsWith('.md')) return false;
-  // Match any ~/.claude*/plans/*.md
+  // Home-level: ~/.claude*/plans/*.md
   const home = os.homedir();
   const rel = path.relative(home, filePath);
-  return /^\.claude[^/]*\/plans\/[^/]+\.md$/.test(rel);
+  if (/^\.claude[^/]*\/plans\/[^/]+\.md$/.test(rel)) return true;
+  // Project-level: */.claude/plans/*.md
+  return /\/\.claude\/plans\/[^/]+\.md$/.test(filePath);
 }
 
 function shouldOpenBrowser(filename) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cc-plan-viewer",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "Browser-based PR-style review UI for Claude Code plans",
   "type": "module",
   "bin": {