commit-ai-agent 1.0.9 → 2.0.0

package/.env.example

@@ -1,4 +1,2 @@
 GEMINI_API_KEY=your_gemini_api_key_here
 PORT=3000
-# Optional: 미설정 시 실행 디렉토리(process.cwd())를 자동 사용
-# DEV_ROOT=C:/dev

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "commit-ai-agent",
-  "version": "1.0.9",
+  "version": "2.0.0",
   "description": "AI-powered git commit & working status analyzer with web UI",
   "type": "module",
   "main": "src/server.js",

package/public/app.js

@@ -1,11 +1,10 @@
 /* global marked */
 
 // ── State ──
-let selectedProject = null;
+let selectedProject = "__self__";
 let isAnalyzing = false;
-let analyzeMode = "commit"; // 'commit' | 'status'
-let isSingleProject = false;
-let singleProjectName = "";
+let analyzeMode = "commit";
+let projectName = "";
 
 // ── Aria State Machine ──
 function setAriaState(state, opts = {}) {
@@ -37,7 +36,7 @@ function setAriaState(state, opts = {}) {
   // Bubble messages
   const p = opts.project ? `<strong>${opts.project}</strong>` : "";
   const msgMap = {
-    idle: "어떤 프로젝트의 커밋을 분석해드릴까요?",
+    idle: "분석을 시작할까요?",
     "ready-commit": `${p} 최근 커밋을 확인했어요. 분석을 시작할까요? 👀`,
     "ready-status":
       opts.n > 0
@@ -71,20 +70,15 @@ async function init() {
   setupModeToggle();
   await checkConfig();
 
-  if (isSingleProject) {
-    await enterSingleProjectMode();
+  if (analyzeMode === "commit") {
+    await fetchCommitPreview();
   } else {
-    await loadProjects();
-    setAriaState("idle");
+    await fetchStatusPreview();
   }
 
   // SSE: post-commit 자동 분석 이벤트 수신
   connectAutoAnalysisEvents();
 
-  // wire static event listeners (elements guaranteed to exist now)
-  document
-    .getElementById("refresh-projects")
-    .addEventListener("click", loadProjects);
   document
     .getElementById("analyze-btn")
     .addEventListener("click", onAnalyzeClick);
@@ -113,106 +107,12 @@ async function checkConfig() {
     if (!data.hasKey) {
       document.getElementById("api-key-warn").style.display = "flex";
     }
-    if (data.isSingleProject) {
-      isSingleProject = true;
-      singleProjectName = data.singleProjectName || "project";
-    }
+    projectName = data.projectName || "project";
   } catch {}
 }
 
-// ── Single Project Mode ──
-async function enterSingleProjectMode() {
-  // 프로젝트 선택 UI만 숨김 (모드 토글은 유지)
-  const header = document.querySelector(".selector-card .card-header");
-  const projectGrid = document.getElementById("project-grid");
-  const selectedHint = document.getElementById("selected-hint");
-  if (header) header.style.display = "none";
-  if (projectGrid) projectGrid.style.display = "none";
-  if (selectedHint) selectedHint.style.display = "none";
-
-  // 현재 디렉토리를 프로젝트로 자동 선택
-  selectedProject = "__self__";
-
-  document.getElementById("analyze-btn").disabled = false;
-  const btnText = document.getElementById("analyze-btn-text");
-  if (btnText) btnText.textContent = "Hanni에게 분석 요청";
-
-  // 현재 모드에 따라 미리 로드
-  if (analyzeMode === "commit") {
-    await fetchCommitPreview();
-  } else {
-    await fetchStatusPreview();
-  }
-}
-
-// ── Projects ──
-async function loadProjects() {
-  const grid = document.getElementById("project-grid");
-  grid.innerHTML =
-    '<div class="skeleton-grid"><div class="skeleton"></div><div class="skeleton"></div><div class="skeleton"></div><div class="skeleton"></div></div>';
-  try {
-    const res = await fetch("/api/projects");
-    const { projects } = await res.json();
-    renderProjects(projects);
-  } catch (err) {
-    grid.innerHTML = `<p style="color:var(--danger);font-size:14px">프로젝트 목록을 불러오지 못했습니다: ${err.message}</p>`;
-  }
-}
-
-function renderProjects(projects) {
-  const grid = document.getElementById("project-grid");
-  if (!projects || projects.length === 0) {
-    grid.innerHTML =
-      '<p style="color:var(--text3);font-size:14px">git 프로젝트가 없습니다.</p>';
-    return;
-  }
-  grid.innerHTML = projects
-    .map(
-      (p) => `
-    <div class="project-item" data-name="${p.name}">
-      <span class="proj-icon">${getProjectIcon(p.name)}</span>
-      <span class="proj-name">${p.name}</span>
-    </div>
-  `,
-    )
-    .join("");
-  grid.querySelectorAll(".project-item").forEach((el) => {
-    el.addEventListener("click", () => selectProject(el));
-  });
-}
-
-function getProjectIcon(name) {
-  if (name.includes("next") || name.includes("react")) return "⚛️";
-  if (name.includes("nest") || name.includes("api")) return "🐉";
-  if (name.includes("hook")) return "🪝";
-  if (name.includes("portfolio")) return "🎨";
-  if (name.includes("todo")) return "✅";
-  if (name.includes("doc")) return "📚";
-  return "📁";
-}
-
-// ── Project Selection ──
-async function selectProject(el) {
-  document
-    .querySelectorAll(".project-item")
-    .forEach((e) => e.classList.remove("selected"));
-  el.classList.add("selected");
-  selectedProject = el.dataset.name;
-  document.getElementById("selected-hint").textContent =
-    `선택됨: ${selectedProject}`;
-  document.getElementById("analyze-btn").disabled = false;
-  document.getElementById("commit-card").style.display = "none";
-  document.getElementById("status-card").style.display = "none";
-
-  if (analyzeMode === "commit") {
-    await fetchCommitPreview();
-  } else {
-    await fetchStatusPreview();
-  }
-}
-
+// ── Preview loading ──
 async function fetchCommitPreview() {
-  const displayName = isSingleProject ? singleProjectName : selectedProject;
   try {
     const res = await fetch(
       `/api/projects/${encodeURIComponent(selectedProject)}/commit`,
@@ -221,15 +121,14 @@ async function fetchCommitPreview() {
     if (error) throw new Error(error);
     renderCommitCard(commit);
     document.getElementById("commit-card").style.display = "block";
-    setAriaState("ready-commit", { project: displayName });
+    setAriaState("ready-commit", { project: projectName });
   } catch (e) {
     console.warn("commit preview failed:", e.message);
-    setAriaState("ready-commit", { project: displayName });
+    setAriaState("ready-commit", { project: projectName });
   }
 }
 
 async function fetchStatusPreview() {
-  const displayName = isSingleProject ? singleProjectName : selectedProject;
   try {
     const res = await fetch(
       `/api/projects/${encodeURIComponent(selectedProject)}/status`,
@@ -240,17 +139,15 @@ async function fetchStatusPreview() {
       renderStatusCard(status);
       document.getElementById("status-card").style.display = "block";
       setAriaState("ready-status", {
-        project: displayName,
+        project: projectName,
         n: status.totalFiles,
       });
     } else {
-      const hint = document.getElementById("selected-hint");
-      if (hint) hint.textContent = `${displayName} — 변경사항 없음`;
-      setAriaState("ready-status", { project: displayName, n: 0 });
+      setAriaState("ready-status", { project: projectName, n: 0 });
     }
   } catch (e) {
     console.warn("status preview failed:", e.message);
-    setAriaState("ready-status", { project: displayName, n: 0 });
+    setAriaState("ready-status", { project: projectName, n: 0 });
   }
 }
 
@@ -324,7 +221,6 @@ function switchMode(mode) {
     btnText.textContent =
       mode === "commit" ? "Hanni에게 분석 요청" : "Hanni에게 리뷰 요청";
 
-  if (!selectedProject) return;
   if (mode === "commit") fetchCommitPreview();
   else fetchStatusPreview();
 }
@@ -337,7 +233,7 @@ function onAnalyzeClick() {
 
 // ── Generic SSE Analysis ──
 async function startAnalysis(endpoint) {
-  if (isAnalyzing || !selectedProject) return;
+  if (isAnalyzing) return;
   isAnalyzing = true;
 
   const resultCard = document.getElementById("result-card");
@@ -349,7 +245,7 @@ async function startAnalysis(endpoint) {
   resultCard.style.display = "block";
   analysisBody.innerHTML = "";
   reportSaved.textContent = "";
-  document.getElementById("copy-btn").style.display = "none"; // 분석 시작 시 숨김
+  document.getElementById("copy-btn").style.display = "none";
   setStatus("loading", "Hanni가 코드를 살펴보고 있어요...");
   setAriaState("thinking");
   analyzeBtn.disabled = true;
@@ -404,7 +300,7 @@ async function startAnalysis(endpoint) {
           } else if (data.type === "done") {
             setStatus("done", "✅ 분석 완료!");
             setAriaState("done");
-            document.getElementById("copy-btn").style.display = "inline-flex"; // 완료 시에만 표시
+            document.getElementById("copy-btn").style.display = "inline-flex";
           } else if (data.type === "error") {
             setStatus("error", `오류: ${data.message}`);
             setAriaState("error");
@@ -448,7 +344,7 @@ function onCopy() {
 
 // ── Auto Analysis via SSE (+ polling fallback) ──
 let autoAnalysisPollTimer = null;
-let autoAnalysisShownFilename = null; // 이미 표시한 리포트 중복 방지
+let autoAnalysisShownFilename = null;
 
 function connectAutoAnalysisEvents() {
   const evtSource = new EventSource("/api/events");
@@ -469,10 +365,10 @@ function connectAutoAnalysisEvents() {
 }
 
 function handleAutoAnalysisEvent(data) {
-  if (isAnalyzing) return; // 수동 분석 중엔 방해 안 함
+  if (isAnalyzing) return;
   if (data.type === "analysis-started") {
     showAutoAnalysisStarted(data.projectName);
-    startAutoAnalysisPoll(); // SSE가 끊겨도 완료를 폴링으로 감지
+    startAutoAnalysisPoll();
   } else if (data.type === "analysis-done") {
     stopAutoAnalysisPoll();
     if (data.filename !== autoAnalysisShownFilename) {
@@ -486,7 +382,6 @@ function handleAutoAnalysisEvent(data) {
   }
 }
 
-// 5초마다 서버 상태 폴링 (SSE 대비 폴백)
 function startAutoAnalysisPoll() {
   stopAutoAnalysisPoll();
   autoAnalysisPollTimer = setInterval(async () => {
@@ -512,7 +407,7 @@ function stopAutoAnalysisPoll() {
   }
 }
 
-function showAutoAnalysisStarted(projectName) {
+function showAutoAnalysisStarted(pName) {
   const resultCard = document.getElementById("result-card");
   const analysisBody = document.getElementById("analysis-body");
   const reportSaved = document.getElementById("report-saved");
@@ -520,7 +415,7 @@ function showAutoAnalysisStarted(projectName) {
   analysisBody.innerHTML = "";
   reportSaved.textContent = "";
   document.getElementById("copy-btn").style.display = "none";
-  setStatus("loading", `${projectName} 커밋 자동 분석 중...`);
+  setStatus("loading", `${pName} 커밋 자동 분석 중...`);
   setAriaState("thinking");
   resultCard.scrollIntoView({ behavior: "smooth", block: "start" });
 }
@@ -530,7 +425,7 @@ function showAutoAnalysisDone({ filename, content }) {
   const analysisBody = document.getElementById("analysis-body");
   const reportSaved = document.getElementById("report-saved");
   const copyBtn = document.getElementById("copy-btn");
-  resultCard.style.display = "block"; // ← 핵심: 카드 표시
+  resultCard.style.display = "block";
   analysisBody.innerHTML = marked.parse(content);
   reportSaved.textContent = `✓ 저장됨: ${filename}`;
   setStatus("done", "✅ 자동 분석 완료!");
@@ -665,7 +560,7 @@ async function loadHookStatus() {
   }
 }
 
-async function handleHookAction(action, projectName, btn) {
+async function handleHookAction(action, pName, btn) {
   const original = btn.textContent;
   btn.disabled = true;
   btn.textContent = action === "install" ? "설치 중..." : "제거 중...";
@@ -673,11 +568,11 @@ async function handleHookAction(action, projectName, btn) {
     const res = await fetch(`/api/hooks/${action}`, {
       method: "POST",
       headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ projectName }),
+      body: JSON.stringify({ projectName: pName }),
     });
     const data = await res.json();
     if (!res.ok) throw new Error(data.error || "요청 실패");
-    await loadHookStatus(); // 새로고침
+    await loadHookStatus();
   } catch (err) {
     btn.disabled = false;
     btn.textContent = original;

package/public/index.html

@@ -156,7 +156,7 @@
           <div class="aria-bubble-wrap">
             <div class="aria-bubble">
               <span class="aria-bubble-text" id="aria-bubble-text"
-                >어떤 프로젝트의 커밋을 분석해드릴까요?</span
+                >분석을 시작할까요?</span
               >
               <span
                 class="aria-typing-dots"
@@ -177,14 +177,8 @@
           키를 입력해 주세요.
         </div>
 
-        <!-- Project Selector Card -->
+        <!-- Selector Card -->
         <div class="card selector-card">
-          <div class="card-header">
-            <h2 class="card-title">🗂 프로젝트 선택</h2>
-            <button class="refresh-btn" id="refresh-projects" title="새로고침">
-              ↻
-            </button>
-          </div>
           <!-- Mode Toggle -->
           <div class="mode-toggle">
             <button class="mode-btn active" id="mode-commit" data-mode="commit">
@@ -194,18 +188,8 @@
               🔍 현재 변경사항 분석
             </button>
           </div>
-          <div class="project-grid" id="project-grid">
-            <div class="skeleton-grid">
-              <div class="skeleton"></div>
-              <div class="skeleton"></div>
-              <div class="skeleton"></div>
-            </div>
-          </div>
           <div class="card-footer">
-            <span class="selected-hint" id="selected-hint"
-              >프로젝트를 선택해 주세요</span
-            >
-            <button class="btn-primary" id="analyze-btn" disabled>
+            <button class="btn-primary" id="analyze-btn">
               <span class="btn-icon">🤖</span>
               <span id="analyze-btn-text">Hanni에게 분석 요청</span>
             </button>

package/src/config.js

@@ -2,31 +2,15 @@ import fs from "fs";
 import path from "path";
 
 export function resolveDevRoot() {
-  const fromEnv = process.env.DEV_ROOT?.trim();
-  if (fromEnv) {
-    const devRoot = path.resolve(fromEnv);
-    validateDirectory(devRoot, "DEV_ROOT");
-    return { devRoot, source: "env" };
-  }
-
   const devRoot = path.resolve(process.cwd());
-  validateDirectory(devRoot, "cwd");
-  return { devRoot, source: "cwd" };
-}
-
-function validateDirectory(targetPath, sourceLabel) {
-  if (!targetPath) {
-    throw new Error(`${sourceLabel} 경로가 비어 있습니다.`);
-  }
-
   let stat;
   try {
-    stat = fs.statSync(targetPath);
+    stat = fs.statSync(devRoot);
   } catch {
-    throw new Error(`${sourceLabel} 경로를 찾을 수 없습니다: ${targetPath}`);
+    throw new Error(`경로를 찾을 수 없습니다: ${devRoot}`);
   }
-
   if (!stat.isDirectory()) {
-    throw new Error(`${sourceLabel} 경로가 디렉토리가 아닙니다: ${targetPath}`);
+    throw new Error(`경로가 디렉토리가 아닙니다: ${devRoot}`);
   }
+  return devRoot;
 }

package/src/git.js

@@ -2,25 +2,6 @@ import simpleGit from "simple-git";
 import path from "path";
 import fs from "fs";
 
-/**
- * DEV_ROOT 하위의 git 프로젝트 목록을 반환합니다.
- */
-export async function listGitProjects(devRoot) {
-  const entries = fs.readdirSync(devRoot, { withFileTypes: true });
-  const projects = [];
-
-  for (const entry of entries) {
-    if (!entry.isDirectory()) continue;
-    const fullPath = path.join(devRoot, entry.name);
-    const gitDir = path.join(fullPath, ".git");
-    if (fs.existsSync(gitDir)) {
-      projects.push({ name: entry.name, path: fullPath });
-    }
-  }
-
-  return projects;
-}
-
 /**
  * 특정 프로젝트의 최신 커밋 정보와 diff를 가져옵니다.
  */

package/src/server.js

@@ -3,7 +3,7 @@ import express from "express";
 import path from "path";
 import { fileURLToPath } from "url";
 import fs from "fs";
-import { listGitProjects, getLatestCommit, getWorkingStatus } from "./git.js";
+import { getLatestCommit, getWorkingStatus } from "./git.js";
 import { analyzeCommit, analyzeWorkingStatus } from "./analyzer.js";
 import { resolveDevRoot } from "./config.js";
 import { installHooks, removeHooks, getHookStatus } from "./hooks/installer.js";
@@ -12,7 +12,7 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const app = express();
 
 const PORT = process.env.PORT || 50324;
-const { devRoot: DEV_ROOT, source: DEV_ROOT_SOURCE } = resolveDevRoot();
+const DEV_ROOT = resolveDevRoot();
 const BAD_REQUEST_PREFIX = "[BAD_REQUEST]";
 
 // npx/global install 시: COMMIT_ANALYZER_ROOT = bin/cli.js가 설정한 패키지 루트
@@ -47,37 +47,15 @@ function resolveProjectPath(projectName) {
     throw createBadRequestError("프로젝트명이 필요합니다.");
   }
 
-  const trimmedName = projectName.trim();
-  if (!trimmedName) {
-    throw createBadRequestError("프로젝트명이 비어 있습니다.");
+  if (projectName.trim() !== "__self__") {
+    throw createBadRequestError("유효하지 않은 프로젝트명입니다.");
   }
 
-  // Single-project mode: "__self__" = DEV_ROOT 자체 (DEV_ROOT가 git 저장소인 경우)
-  if (trimmedName === "__self__") {
-    if (!fs.existsSync(path.join(DEV_ROOT, ".git"))) {
-      throw createBadRequestError("현재 디렉토리가 Git 저장소가 아닙니다.");
-    }
-    return DEV_ROOT;
-  }
-
-  const projectPath = path.resolve(DEV_ROOT, trimmedName);
-  const relativePath = path.relative(DEV_ROOT, projectPath);
-  const isOutsideRoot =
-    relativePath.startsWith("..") || path.isAbsolute(relativePath);
-
-  if (isOutsideRoot) {
-    throw createBadRequestError("유효하지 않은 프로젝트 경로입니다.");
-  }
-
-  if (!fs.existsSync(projectPath) || !fs.statSync(projectPath).isDirectory()) {
-    throw createBadRequestError("프로젝트를 찾을 수 없습니다.");
-  }
-
-  if (!fs.existsSync(path.join(projectPath, ".git"))) {
-    throw createBadRequestError("Git 저장소가 아닌 프로젝트입니다.");
+  if (!fs.existsSync(path.join(DEV_ROOT, ".git"))) {
+    throw createBadRequestError("현재 디렉토리가 Git 저장소가 아닙니다.");
   }
 
-  return projectPath;
+  return DEV_ROOT;
 }
 
 // ──────────────────────────────────────────────
@@ -254,18 +232,11 @@ app.post("/api/hooks/post-commit-notify", (req, res) => {
     return res.status(400).json({ error: "projectPath가 필요합니다." });
   }
 
-  // DEV_ROOT 내부인지 검증
-  const relative = path.relative(DEV_ROOT, path.resolve(projectPath));
-  const isOutside = relative.startsWith("..") || path.isAbsolute(relative);
-
-  // single-project 모드 (DEV_ROOT 자체가 git repo)
-  const isSelf = path.resolve(projectPath) === path.resolve(DEV_ROOT);
-
-  if (isOutside && !isSelf) {
+  if (path.resolve(projectPath) !== path.resolve(DEV_ROOT)) {
     return res.status(400).json({ error: "유효하지 않은 projectPath입니다." });
   }
 
-  const projectName = isSelf ? path.basename(DEV_ROOT) : path.basename(projectPath);
+  const projectName = path.basename(DEV_ROOT);
   analysisQueue.push({ projectPath: path.resolve(projectPath), projectName });
 
   // 즉시 응답 후 백그라운드에서 처리
@@ -275,36 +246,18 @@ app.post("/api/hooks/post-commit-notify", (req, res) => {
 
 // ──────────────────────────────────────────────
 //  API: 설정 확인
-
 // ──────────────────────────────────────────────
 app.get("/api/config", (req, res) => {
   const hasKey = !!(
     process.env.GEMINI_API_KEY &&
     process.env.GEMINI_API_KEY !== "your_gemini_api_key_here"
   );
-  const isSingleProject =
-    DEV_ROOT_SOURCE === "cwd" && fs.existsSync(path.join(DEV_ROOT, ".git"));
   res.json({
     hasKey,
-    devRoot: DEV_ROOT,
-    devRootSource: DEV_ROOT_SOURCE,
-    isSingleProject,
-    singleProjectName: isSingleProject ? path.basename(DEV_ROOT) : null,
+    projectName: path.basename(DEV_ROOT),
   });
 });
 
-// ──────────────────────────────────────────────
-//  API: 프로젝트 목록
-// ──────────────────────────────────────────────
-app.get("/api/projects", async (req, res) => {
-  try {
-    const projects = await listGitProjects(DEV_ROOT);
-    res.json({ projects });
-  } catch (err) {
-    res.status(500).json({ error: err.message });
-  }
-});
-
 // ──────────────────────────────────────────────
 //  API: 최근 커밋 정보 조회
 // ──────────────────────────────────────────────
@@ -561,7 +514,5 @@ ${analysis}
 app.listen(PORT, () => {
   console.log(`\n🚀 Commit Ai Agent 실행 중`);
   console.log(`   브라우저: http://localhost:${PORT}`);
-  console.log(`   분석 대상: ${DEV_ROOT}`);
-  console.log(`   DEV_ROOT source: ${DEV_ROOT_SOURCE}\n`);
-
+  console.log(`   분석 대상: ${DEV_ROOT}\n`);
 });