claude-kanban 0.6.1 → 0.6.3

package/dist/bin/cli.js

@@ -1841,11 +1841,33 @@ var RoadmapService = class extends EventEmitter2 {
     let description = "";
     let stack = [];
     let existingFeatures = [];
+    const claudeMdPaths = ["CLAUDE.md", "claude.md", ".claude/CLAUDE.md"];
+    for (const claudePath of claudeMdPaths) {
+      const fullPath = join5(this.projectPath, claudePath);
+      if (existsSync3(fullPath)) {
+        const claudeMd = readFileSync5(fullPath, "utf-8");
+        const lines = claudeMd.split("\n");
+        const contentLines = [];
+        for (const line of lines) {
+          const trimmed = line.trim();
+          if (trimmed && !trimmed.startsWith("#") && !trimmed.startsWith("```")) {
+            contentLines.push(trimmed);
+            if (contentLines.join(" ").length > 300) break;
+          }
+        }
+        if (contentLines.length > 0) {
+          description = contentLines.join(" ").slice(0, 500);
+        }
+        break;
+      }
+    }
     const packageJsonPath = join5(this.projectPath, "package.json");
     if (existsSync3(packageJsonPath)) {
       try {
         const pkg = JSON.parse(readFileSync5(packageJsonPath, "utf-8"));
-        description = pkg.description || "";
+        if (!description && pkg.description && !pkg.description.includes("<")) {
+          description = pkg.description;
+        }
         const deps = { ...pkg.dependencies, ...pkg.devDependencies };
         if (deps.react) stack.push("React");
         if (deps.vue) stack.push("Vue");
@@ -1855,23 +1877,43 @@ var RoadmapService = class extends EventEmitter2 {
         if (deps.fastify) stack.push("Fastify");
         if (deps.typescript) stack.push("TypeScript");
         if (deps.tailwindcss) stack.push("Tailwind CSS");
+        if (deps.laravel) stack.push("Laravel");
       } catch {
       }
     }
-    const readmePaths = ["README.md", "readme.md", "README.txt", "readme.txt"];
-    for (const readmePath of readmePaths) {
-      const fullPath = join5(this.projectPath, readmePath);
-      if (existsSync3(fullPath)) {
-        const readme = readFileSync5(fullPath, "utf-8");
-        if (!description) {
-          const lines = readme.split("\n").filter((l) => l.trim() && !l.startsWith("#"));
+    const composerPath = join5(this.projectPath, "composer.json");
+    if (existsSync3(composerPath)) {
+      try {
+        const composer = JSON.parse(readFileSync5(composerPath, "utf-8"));
+        if (!description && composer.description && !composer.description.includes("<")) {
+          description = composer.description;
+        }
+        if (composer.require?.["laravel/framework"]) stack.push("Laravel");
+        if (composer.require?.["livewire/livewire"]) stack.push("Livewire");
+        if (composer.require?.["inertiajs/inertia-laravel"]) stack.push("Inertia.js");
+      } catch {
+      }
+    }
+    if (!description) {
+      const readmePaths = ["README.md", "readme.md", "README.txt", "readme.txt"];
+      for (const readmePath of readmePaths) {
+        const fullPath = join5(this.projectPath, readmePath);
+        if (existsSync3(fullPath)) {
+          const readme = readFileSync5(fullPath, "utf-8");
+          const lines = readme.split("\n").filter((l) => {
+            const trimmed = l.trim();
+            return trimmed && !trimmed.startsWith("#") && !trimmed.startsWith("<") && !trimmed.startsWith("![") && !trimmed.startsWith("[!");
+          });
           if (lines.length > 0) {
             description = lines[0].trim().slice(0, 500);
           }
+          break;
         }
-        break;
       }
     }
+    if (!description) {
+      description = `A ${stack.length > 0 ? stack.join("/") + " " : ""}software project`;
+    }
     const prdPath = join5(this.projectPath, ROADMAP_DIR, "prd.json");
     if (existsSync3(prdPath)) {
       try {
@@ -1956,19 +1998,24 @@ var RoadmapService = class extends EventEmitter2 {
    * Build the competitor research prompt
    */
   buildCompetitorResearchPrompt(projectInfo) {
-    return `You are a product research analyst. Research competitors for the following project:
+    return `You are a product research analyst. Your task is to research competitors and return ONLY JSON output.
 
-Project: ${projectInfo.name}
-Description: ${projectInfo.description}
-Tech Stack: ${projectInfo.stack.join(", ") || "Unknown"}
+IMPORTANT: Do not ask any questions. Do not request clarification. Just analyze and return the JSON.
 
-Your task:
-1. Use web search to find 3-5 competitors or similar projects
-2. Analyze their strengths and weaknesses
-3. Identify differentiating features
+## Project Information
+- Name: ${projectInfo.name}
+- Description: ${projectInfo.description}
+- Tech Stack: ${projectInfo.stack.join(", ") || "Unknown"}
+
+## Your Task
+1. Based on the project description, identify what type of product/service this is
+2. Find 3-5 competitors or similar projects in this space
+3. Analyze their strengths and weaknesses
+4. Identify differentiating features
+
+## Required Output Format
+Return ONLY a JSON array (no markdown code blocks, no explanations):
 
-Return your findings as JSON in this format:
-\`\`\`json
 [
   {
     "name": "Competitor Name",
@@ -1978,9 +2025,8 @@ Return your findings as JSON in this format:
     "differentiators": ["feature 1", "feature 2"]
   }
 ]
-\`\`\`
 
-Only return the JSON, no other text.`;
+Begin your response with [ and end with ]. No other text.`;
   }
   /**
    * Build the roadmap generation prompt
@@ -2020,7 +2066,9 @@ ${request.customPrompt}
 `;
     }
     prompt += `
-## Your Task
+## Instructions
+IMPORTANT: Do not ask any questions. Do not request clarification. Generate the roadmap based on the information provided.
+
 Create a comprehensive product roadmap with features organized into phases.
 
 Use the MoSCoW prioritization framework:
@@ -2035,8 +2083,9 @@ For each feature, estimate:
 
 Categories should be one of: functional, ui, bug, enhancement, testing, refactor
 
-Return your roadmap as JSON:
-\`\`\`json
+## Required Output Format
+Return ONLY valid JSON (no markdown code blocks, no explanations). Begin with { and end with }:
+
 {
   "projectDescription": "Brief description of the project",
   "targetAudience": "Who this project is for",
@@ -2064,11 +2113,10 @@ Return your roadmap as JSON:
     }
   ]
 }
-\`\`\`
 
 Generate 10-20 strategic features across 3-4 phases. Be specific and actionable.
 Don't duplicate features that already exist in the project.
-Only return the JSON, no other text.`;
+Begin your response with { - no other text before or after the JSON.`;
     return prompt;
   }
   /**
@@ -4273,33 +4321,33 @@ function renderRoadmapFeature(feature) {
 
 function renderRoadmapModal() {
   return \`
-    <div class="modal-backdrop" onclick="state.showModal = null; render();">
-      <div class="modal-content max-w-lg" onclick="event.stopPropagation();">
-        <div class="modal-header">
-          <h2 class="modal-title">Generate Roadmap</h2>
-          <button onclick="state.showModal = null; render();" class="modal-close">\xD7</button>
+    <div class="modal-backdrop fixed inset-0 flex items-center justify-center z-50" onclick="if(event.target === event.currentTarget) { state.showModal = null; render(); }">
+      <div class="modal-content card rounded-xl w-full max-w-lg mx-4">
+        <div class="px-6 py-4 border-b border-canvas-200 flex justify-between items-center">
+          <h3 class="font-display font-semibold text-canvas-800 text-lg">\u{1F5FA}\uFE0F Generate Roadmap</h3>
+          <button onclick="state.showModal = null; render();" class="text-canvas-400 hover:text-canvas-600 text-xl leading-none">&times;</button>
         </div>
-        <div class="modal-body">
-          <p class="text-sm text-canvas-500 mb-4">
+        <div class="p-6">
+          <p class="text-sm text-canvas-500 mb-6">
             Generate a strategic feature roadmap by analyzing your project structure and optionally researching competitors.
           </p>
 
-          <div class="space-y-4">
-            <label class="flex items-center gap-3 cursor-pointer">
+          <div class="space-y-5">
+            <label class="flex items-start gap-3 cursor-pointer p-3 rounded-lg border border-canvas-200 hover:border-canvas-300 transition-colors">
               <input type="checkbox"
                      \${state.roadmapEnableCompetitors ? 'checked' : ''}
                      onchange="state.roadmapEnableCompetitors = this.checked; render();"
-                     class="w-4 h-4 accent-accent">
+                     class="w-4 h-4 mt-0.5 accent-accent">
               <div>
                 <span class="text-sm font-medium text-canvas-700">Enable competitor research</span>
-                <p class="text-xs text-canvas-400">Use web search to analyze competitors (takes longer)</p>
+                <p class="text-xs text-canvas-400 mt-0.5">Use web search to analyze competitors (takes longer)</p>
               </div>
             </label>
 
             <div>
-              <label class="text-sm font-medium text-canvas-700">Additional context (optional)</label>
+              <label class="block text-sm font-medium text-canvas-700 mb-1.5">Additional context (optional)</label>
               <textarea
-                class="input w-full mt-1 text-sm"
+                class="input w-full text-sm"
                 rows="3"
                 placeholder="E.g., Focus on mobile features, target enterprise users..."
                 oninput="state.roadmapCustomPrompt = this.value;"
@@ -4307,9 +4355,9 @@ function renderRoadmapModal() {
             </div>
           </div>
         </div>
-        <div class="modal-footer">
-          <button onclick="state.showModal = null; render();" class="btn btn-ghost">Cancel</button>
-          <button onclick="generateRoadmap(); state.showModal = null; render();" class="btn btn-primary">
+        <div class="px-6 py-4 border-t border-canvas-200 flex justify-end gap-3">
+          <button onclick="state.showModal = null; render();" class="btn btn-ghost px-4 py-2">Cancel</button>
+          <button onclick="generateRoadmap(); state.showModal = null; render();" class="btn btn-primary px-4 py-2">
             \u{1F680} Generate Roadmap
           </button>
         </div>