agentic-dev 0.2.8 → 0.2.9

package/README.md

@@ -19,6 +19,7 @@ npx agentic-dev init my-app --template template-web --yes --skip-bootstrap
 
 1. GitHub에서 공개 `say828/template-*` 레포 목록을 조회한다.
 2. 사용자가 프로젝트 디렉터리와 템플릿 레포를 고른다.
+   - interactive TTY에서는 템플릿 레포를 `↑/↓ + Enter`로 선택한다.
 3. 선택한 레포를 새 디렉터리로 복제한다.
 4. `.env.example`이 있으면 `.env`를 자동 생성한다.
 5. `pnpm install`을 자동 실행한다.

package/bin/agentic-dev.mjs

@@ -1,6 +1,7 @@
 #!/usr/bin/env node
 import path from "node:path";
 import process from "node:process";
+import * as readline from "node:readline";
 import { createInterface } from "node:readline/promises";
 import {
   ensureTargetDir,
@@ -12,6 +13,114 @@ import {
   usage,
 } from "../lib/scaffold.mjs";
 
+function clearMenu(lines) {
+  if (lines <= 0) {
+    return;
+  }
+  readline.moveCursor(process.stdout, 0, -lines);
+  readline.clearScreenDown(process.stdout);
+}
+
+function renderRepoSelect(label, repos, cursor) {
+  const lines = [`${label} Use ↑/↓ and Enter.`];
+  for (let index = 0; index < repos.length; index += 1) {
+    const pointer = index === cursor ? ">" : " ";
+    const summary = repos[index].description ? ` - ${repos[index].description}` : "";
+    lines.push(`${pointer} ${repos[index].name}${summary}`);
+  }
+  process.stdout.write(`${lines.join("\n")}\n`);
+  return lines.length;
+}
+
+async function runArrowMenu(render, onInput) {
+  const stdin = process.stdin;
+  const stdout = process.stdout;
+  const previousRawMode = typeof stdin.setRawMode === "function" ? stdin.isRaw : undefined;
+
+  if (typeof stdin.setRawMode === "function") {
+    stdin.setRawMode(true);
+  }
+  stdin.resume();
+  stdin.setEncoding("utf8");
+
+  return new Promise((resolve, reject) => {
+    let renderedLines = render();
+
+    const cleanup = () => {
+      stdin.removeListener("data", handleData);
+      if (typeof stdin.setRawMode === "function") {
+        stdin.setRawMode(Boolean(previousRawMode));
+      }
+      stdout.write("\n");
+    };
+
+    const rerender = () => {
+      clearMenu(renderedLines);
+      renderedLines = render();
+    };
+
+    const handleData = (chunk) => {
+      try {
+        const result = onInput(chunk, rerender);
+        if (result !== undefined) {
+          clearMenu(renderedLines);
+          cleanup();
+          resolve(result);
+        }
+      } catch (error) {
+        clearMenu(renderedLines);
+        cleanup();
+        reject(error);
+      }
+    };
+
+    stdin.on("data", handleData);
+  });
+}
+
+async function promptForTemplateRepo(rl, repos, owner) {
+  if (process.stdin.isTTY && process.stdout.isTTY) {
+    console.log("");
+    let cursor = 0;
+    return runArrowMenu(
+      () => renderRepoSelect(`Public template repos from ${owner}:`, repos, cursor),
+      (chunk, rerender) => {
+        if (chunk === "\u0003") {
+          throw new Error("Prompt cancelled");
+        }
+        if (chunk === "\r" || chunk === "\n") {
+          return repos[cursor].name;
+        }
+        if (chunk === "\u001b[A") {
+          cursor = (cursor - 1 + repos.length) % repos.length;
+          rerender();
+        } else if (chunk === "\u001b[B") {
+          cursor = (cursor + 1) % repos.length;
+          rerender();
+        }
+        return undefined;
+      },
+    );
+  }
+
+  console.log("");
+  console.log(`Public template repos from ${owner}:`);
+  repos.forEach((repo, index) => {
+    const summary = repo.description ? ` - ${repo.description}` : "";
+    console.log(`  ${index + 1}. ${repo.name}${summary}`);
+  });
+  console.log("");
+
+  while (true) {
+    const answer = await rl.question("Select template repo (number or repo name): ");
+    try {
+      return selectTemplateRepo(answer, repos).name;
+    } catch (error) {
+      console.log(error.message);
+    }
+  }
+}
+
 async function promptForMissing(options, repos) {
   if (options.yes && (!options.targetDir || !options.template)) {
     throw new Error("`--yes` requires both target directory and template repo.");
@@ -36,22 +145,7 @@ async function promptForMissing(options, repos) {
     }
 
     if (!options.template) {
-      console.log("");
-      console.log(`Public template repos from ${options.owner}:`);
-      repos.forEach((repo, index) => {
-        const summary = repo.description ? ` - ${repo.description}` : "";
-        console.log(`  ${index + 1}. ${repo.name}${summary}`);
-      });
-      console.log("");
-      while (!options.template) {
-        const answer = await rl.question("Select template repo (number or repo name): ");
-        try {
-          options.template = selectTemplateRepo(answer, repos).name;
-        } catch (error) {
-          console.log(error.message);
-          options.template = "";
-        }
-      }
+      options.template = await promptForTemplateRepo(rl, repos, options.owner);
     }
   } finally {
     rl.close();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentic-dev",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "description": "Scaffold a public say828/template-* repo and run install/bootstrap automatically.",
   "type": "module",
   "packageManager": "pnpm@10.32.0",