idea-manager 0.1.2 → 0.2.0

package/README.md

@@ -38,33 +38,36 @@ AI가 브레인스토밍 텍스트를 분석하여 계층형 작업 트리로
 
 내장된 MCP Server를 통해 Claude 등 AI 에이전트가 작업을 조회하고, 상태를 업데이트하며, 순차적으로 실행할 수 있습니다.
 
-## 설치 및 사용
+## 설치
 
 ```bash
 npm install -g idea-manager
 ```
 
-### 웹 UI
+## 사용법
 
-```bash
-# 개발 서버
-npm run dev
+### 웹 UI 실행
 
-# 또는 CLI로 실행
+```bash
 im start
 ```
 
-`http://localhost:3456` 에서 웹 UI에 접속합니다.
+자동으로 `http://localhost:3456`에서 웹 UI가 열립니다.
+
+```bash
+# 포트 변경
+im start -p 4000
+```
 
-### MCP Server
+### MCP Server 실행
 
 ```bash
 im mcp
 ```
 
-Claude Desktop 등에서 MCP Server로 연결하여 사용할 수 있습니다.
+Claude Desktop, Claude Code 등에서 MCP Server로 연결하여 AI 에이전트가 작업을 자율 실행할 수 있습니다.
 
-#### claude_desktop_config.json 설정 예시
+#### Claude Desktop 설정 (claude_desktop_config.json)
 
 ```json
 {
@@ -77,6 +80,12 @@ Claude Desktop 등에서 MCP Server로 연결하여 사용할 수 있습니다.
 }
 ```
 
+#### Claude Code 설정
+
+```bash
+claude mcp add idea-manager -- npx -y idea-manager mcp
+```
+
 ### MCP 제공 도구
 
 | 도구 | 설명 |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "idea-manager",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "AI 기반 브레인스토밍 → 구조화 → 프롬프트 생성 도구. MCP Server 내장.",
   "keywords": [
     "brainstorm",

package/public/icon.svg

@@ -5,15 +5,6 @@
       <stop offset="100%" stop-color="#8b5cf6"/>
     </linearGradient>
   </defs>
-  <rect width="512" height="512" rx="96" fill="url(#bg)"/>
-  <text x="256" y="310" font-family="system-ui, -apple-system, sans-serif" font-size="260" font-weight="800" fill="white" text-anchor="middle" letter-spacing="-12">IM</text>
-  <circle cx="390" cy="130" r="28" fill="#fbbf24"/>
-  <line x1="390" y1="90" x2="390" y2="70" stroke="#fbbf24" stroke-width="8" stroke-linecap="round"/>
-  <line x1="390" y1="170" x2="390" y2="190" stroke="#fbbf24" stroke-width="8" stroke-linecap="round"/>
-  <line x1="350" y1="130" x2="330" y2="130" stroke="#fbbf24" stroke-width="8" stroke-linecap="round"/>
-  <line x1="430" y1="130" x2="450" y2="130" stroke="#fbbf24" stroke-width="8" stroke-linecap="round"/>
-  <line x1="362" y1="102" x2="348" y2="88" stroke="#fbbf24" stroke-width="8" stroke-linecap="round"/>
-  <line x1="418" y1="158" x2="432" y2="172" stroke="#fbbf24" stroke-width="8" stroke-linecap="round"/>
-  <line x1="418" y1="102" x2="432" y2="88" stroke="#fbbf24" stroke-width="8" stroke-linecap="round"/>
-  <line x1="362" y1="158" x2="348" y2="172" stroke="#fbbf24" stroke-width="8" stroke-linecap="round"/>
+  <rect width="512" height="512" rx="108" fill="url(#bg)"/>
+  <text x="256" y="390" font-family="system-ui, -apple-system, sans-serif" font-size="420" font-weight="900" fill="white" text-anchor="middle">I</text>
 </svg>

package/src/app/icon.svg

@@ -5,15 +5,6 @@
       <stop offset="100%" stop-color="#8b5cf6"/>
     </linearGradient>
   </defs>
-  <rect width="512" height="512" rx="96" fill="url(#bg)"/>
-  <text x="256" y="310" font-family="system-ui, -apple-system, sans-serif" font-size="260" font-weight="800" fill="white" text-anchor="middle" letter-spacing="-12">IM</text>
-  <circle cx="390" cy="130" r="28" fill="#fbbf24"/>
-  <line x1="390" y1="90" x2="390" y2="70" stroke="#fbbf24" stroke-width="8" stroke-linecap="round"/>
-  <line x1="390" y1="170" x2="390" y2="190" stroke="#fbbf24" stroke-width="8" stroke-linecap="round"/>
-  <line x1="350" y1="130" x2="330" y2="130" stroke="#fbbf24" stroke-width="8" stroke-linecap="round"/>
-  <line x1="430" y1="130" x2="450" y2="130" stroke="#fbbf24" stroke-width="8" stroke-linecap="round"/>
-  <line x1="362" y1="102" x2="348" y2="88" stroke="#fbbf24" stroke-width="8" stroke-linecap="round"/>
-  <line x1="418" y1="158" x2="432" y2="172" stroke="#fbbf24" stroke-width="8" stroke-linecap="round"/>
-  <line x1="418" y1="102" x2="432" y2="88" stroke="#fbbf24" stroke-width="8" stroke-linecap="round"/>
-  <line x1="362" y1="158" x2="348" y2="172" stroke="#fbbf24" stroke-width="8" stroke-linecap="round"/>
+  <rect width="512" height="512" rx="108" fill="url(#bg)"/>
+  <text x="256" y="390" font-family="system-ui, -apple-system, sans-serif" font-size="420" font-weight="900" fill="white" text-anchor="middle">I</text>
 </svg>

package/src/cli.ts

@@ -6,13 +6,20 @@ import { listProjects, getProject } from '@/lib/db/queries/projects';
 import { getItemTree, getItems, updateItem } from '@/lib/db/queries/items';
 import { getPrompt } from '@/lib/db/queries/prompts';
 import type { McpToolContext } from '@/lib/mcp/tools';
+import { spawn } from 'child_process';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const PKG_ROOT = path.resolve(__dirname, '..');
 
 const program = new Command();
 
 program
   .name('im')
-  .description('Idea Manager CLI')
-  .version('1.0.0');
+  .description('Idea Manager - AI 기반 브레인스토밍 → 구조화 → 프롬프트 생성 도구')
+  .version('0.1.0');
 
 program
   .command('mcp')
@@ -32,10 +39,35 @@ program
 
 program
   .command('start')
-  .description('Start the web UI')
-  .action(async () => {
-    const open = (await import('open')).default;
-    await open('http://localhost:3456');
+  .description('Start the web UI (Next.js dev server on port 3456)')
+  .option('-p, --port <port>', 'Port number', '3456')
+  .action(async (opts) => {
+    const port = opts.port;
+    console.log(`\n  IM - 아이디어 매니저`);
+    console.log(`  Starting on http://localhost:${port}\n`);
+
+    const nextBin = path.join(PKG_ROOT, 'node_modules', '.bin', 'next');
+    const child = spawn(nextBin, ['dev', '-p', port], {
+      cwd: PKG_ROOT,
+      stdio: 'inherit',
+      env: { ...process.env, NODE_ENV: 'development' },
+    });
+
+    child.on('error', (err) => {
+      console.error('Failed to start server:', err.message);
+      process.exit(1);
+    });
+
+    // 서버 시작 후 브라우저 오픈
+    setTimeout(async () => {
+      try {
+        const open = (await import('open')).default;
+        await open(`http://localhost:${port}`);
+      } catch { /* ignore */ }
+    }, 3000);
+
+    process.on('SIGINT', () => { child.kill(); process.exit(0); });
+    process.on('SIGTERM', () => { child.kill(); process.exit(0); });
   });
 
 program.parse();