idea-manager 0.1.2 → 0.3.0

package/src/cli.ts

@@ -3,16 +3,24 @@
 import { Command } from 'commander';
 import { startMcpServer } from '@/lib/mcp/server';
 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 { getSubProjects } from '@/lib/db/queries/sub-projects';
+import { getTasksByProject, updateTask } from '@/lib/db/queries/tasks';
+import { getTaskPrompt } from '@/lib/db/queries/task-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 v2 - Brainstorming to structured tasks with prompts')
+  .version('0.2.0');
 
 program
   .command('mcp')
@@ -21,10 +29,10 @@ program
     const ctx: McpToolContext = {
       listProjects,
       getProject,
-      getItemTree,
-      getItems,
-      getPrompt,
-      updateItem: (id, data) => updateItem(id, data as Parameters<typeof updateItem>[1]),
+      getSubProjects,
+      getTasksByProject,
+      getTaskPrompt,
+      updateTask: (id, data) => updateTask(id, data as Parameters<typeof updateTask>[1]),
     };
 
     await startMcpServer(ctx);
@@ -32,10 +40,34 @@ 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 - Idea Manager v2`);
+    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();

package/src/components/DirectoryPicker.tsx

@@ -0,0 +1,137 @@
+'use client';
+
+import { useState, useEffect, useCallback } from 'react';
+
+interface DirEntry {
+  name: string;
+  path: string;
+}
+
+interface DirInfo {
+  current: string;
+  parent: string | null;
+  dirs: DirEntry[];
+  isProject: boolean;
+}
+
+interface DirectoryPickerProps {
+  onSelect: (path: string) => void;
+  onCancel: () => void;
+  initialPath?: string;
+}
+
+export default function DirectoryPicker({ onSelect, onCancel, initialPath }: DirectoryPickerProps) {
+  const [dirInfo, setDirInfo] = useState<DirInfo | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  const loadDir = useCallback(async (dirPath?: string) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const params = dirPath ? `?path=${encodeURIComponent(dirPath)}` : '';
+      const res = await fetch(`/api/filesystem${params}`);
+      if (res.ok) {
+        setDirInfo(await res.json());
+      } else {
+        const data = await res.json();
+        setError(data.error || '불러오기 실패');
+      }
+    } catch {
+      setError('불러오기 실패');
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  useEffect(() => {
+    loadDir(initialPath);
+  }, [loadDir, initialPath]);
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50" onClick={onCancel}>
+      <div
+        className="bg-card border border-border rounded-lg shadow-xl w-[520px] max-h-[70vh] flex flex-col"
+        onClick={e => e.stopPropagation()}
+      >
+        {/* Header */}
+        <div className="flex items-center justify-between px-4 py-3 border-b border-border">
+          <h3 className="text-sm font-semibold">프로젝트 폴더 선택</h3>
+          <button onClick={onCancel} className="text-muted-foreground hover:text-foreground text-lg leading-none">&times;</button>
+        </div>
+
+        {/* Current path */}
+        <div className="px-4 py-2 border-b border-border bg-muted">
+          <div className="flex items-center gap-2">
+            <span className="text-xs text-muted-foreground shrink-0">경로:</span>
+            <span className="text-xs font-mono truncate flex-1" title={dirInfo?.current}>
+              {dirInfo?.current || '...'}
+            </span>
+            {dirInfo?.isProject && (
+              <span className="text-xs text-success shrink-0 font-medium">프로젝트 감지</span>
+            )}
+          </div>
+        </div>
+
+        {/* Directory list */}
+        <div className="flex-1 overflow-y-auto min-h-0">
+          {loading ? (
+            <div className="p-8 text-center text-muted-foreground text-sm">불러오는 중...</div>
+          ) : error ? (
+            <div className="p-8 text-center text-destructive text-sm">{error}</div>
+          ) : (
+            <div className="py-1">
+              {/* Parent directory */}
+              {dirInfo?.parent && (
+                <button
+                  onClick={() => loadDir(dirInfo.parent!)}
+                  className="w-full text-left px-4 py-2 text-sm hover:bg-muted transition-colors
+                             flex items-center gap-2 text-muted-foreground"
+                >
+                  <span>↑</span>
+                  <span>..</span>
+                </button>
+              )}
+
+              {/* Subdirectories */}
+              {dirInfo?.dirs.length === 0 && (
+                <div className="px-4 py-6 text-center text-muted-foreground text-xs">
+                  하위 폴더가 없습니다
+                </div>
+              )}
+              {dirInfo?.dirs.map(dir => (
+                <button
+                  key={dir.path}
+                  onClick={() => loadDir(dir.path)}
+                  className="w-full text-left px-4 py-2 text-sm hover:bg-muted transition-colors
+                             flex items-center gap-2"
+                >
+                  <span className="text-muted-foreground">📁</span>
+                  <span>{dir.name}</span>
+                </button>
+              ))}
+            </div>
+          )}
+        </div>
+
+        {/* Footer */}
+        <div className="flex items-center justify-end gap-2 px-4 py-3 border-t border-border">
+          <button
+            onClick={onCancel}
+            className="px-3 py-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors"
+          >
+            취소
+          </button>
+          <button
+            onClick={() => dirInfo && onSelect(dirInfo.current)}
+            disabled={!dirInfo}
+            className="px-4 py-1.5 text-xs bg-primary hover:bg-primary-hover text-white
+                       rounded-md transition-colors disabled:opacity-50"
+          >
+            이 폴더 선택
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}