byuckchon-frontend-cli 1.9.3 → 1.9.5

package/src/prompts/initPrompts.js

@@ -1,6 +1,134 @@
 import inquirer from 'inquirer';
 
 import { modelChoices, DEFAULT_MODEL_ID } from '../ai/models.js';
+import { deriveScope } from '../context/monorepo.js';
+
+const NAME_RULE = (input) => {
+  if (!input.trim()) return '이름을 입력해주세요.';
+  if (!/^[a-z0-9\-_]+$/i.test(input)) return '영문, 숫자, -, _ 만 사용 가능합니다.';
+  return true;
+};
+
+const SCOPE_RULE = (input) => {
+  if (!input.trim()) return 'scope 를 입력해주세요.';
+  if (!/^[a-z0-9\-]+$/i.test(input)) return '영문, 숫자, - 만 사용 가능합니다. (@ 없이)';
+  return true;
+};
+
+const FRAMEWORK_CHOICES = [
+  { name: 'React  (Vite + TypeScript)', value: 'react' },
+  { name: 'Next.js  (App Router + TypeScript)', value: 'next' },
+];
+
+/** 단일 프로젝트 vs 모노레포 선택. */
+export async function askProjectType() {
+  const { projectType } = await inquirer.prompt([
+    {
+      type: 'list',
+      name: 'projectType',
+      message: '무엇을 생성할까요?',
+      choices: [
+        { name: '단일 프로젝트  (React 또는 Next 하나)', value: 'single' },
+        {
+          name: '모노레포  (pnpm + Turborepo, 앱 하나로 시작 · 이후 bc add 로 추가)',
+          value: 'monorepo',
+        },
+      ],
+    },
+  ]);
+  return projectType;
+}
+
+/** 모노레포 생성 질문. */
+export async function askMonorepoQuestions() {
+  const base = await inquirer.prompt([
+    {
+      type: 'input',
+      name: 'projectName',
+      message: '모노레포(루트 폴더) 이름:',
+      validate: NAME_RULE,
+    },
+  ]);
+
+  return inquirer.prompt([
+    {
+      type: 'input',
+      name: 'scope',
+      message: 'npm scope (@scope/앱이름 형태로 쓰임, @ 없이):',
+      default: deriveScope(base.projectName),
+      validate: SCOPE_RULE,
+    },
+    {
+      type: 'input',
+      name: 'appName',
+      message: '처음 만들 앱 이름 (apps/ 아래에 생성):',
+      default: 'web',
+      validate: NAME_RULE,
+    },
+    {
+      type: 'list',
+      name: 'framework',
+      message: '이 앱의 프레임워크는?',
+      choices: FRAMEWORK_CHOICES,
+    },
+    {
+      type: 'list',
+      name: 'aiModel',
+      message: 'bc chat 에서 기본으로 쓸 AI 모델은?',
+      choices: [...modelChoices(), { name: '나중에 설정 (bc config set-model)', value: null }],
+      default: DEFAULT_MODEL_ID,
+    },
+    {
+      type: 'input',
+      name: 'figmaUrl',
+      message: 'Figma 파일 URL (선택, 엔터로 건너뛰기):',
+      default: '',
+    },
+    {
+      type: 'input',
+      name: 'openapiUrl',
+      message: '백엔드 OpenAPI(Swagger) URL (선택, 엔터로 건너뛰기):',
+      default: '',
+    },
+  ]).then((rest) => ({ ...base, ...rest }));
+}
+
+/** 기존 모노레포에 앱 추가 질문. */
+export async function askAddQuestions({ scope } = {}) {
+  return inquirer.prompt([
+    {
+      type: 'input',
+      name: 'appName',
+      message: `추가할 앱 이름 (@${scope ?? 'scope'}/<이름> · apps/ 아래에 생성):`,
+      validate: NAME_RULE,
+    },
+    {
+      type: 'list',
+      name: 'framework',
+      message: '프레임워크는?',
+      choices: FRAMEWORK_CHOICES,
+    },
+    {
+      type: 'list',
+      name: 'aiModel',
+      message: '이 앱 bc chat 기본 모델은?',
+      choices: [...modelChoices(), { name: '나중에 설정 (bc config set-model)', value: null }],
+      default: DEFAULT_MODEL_ID,
+    },
+    {
+      type: 'input',
+      name: 'figmaUrl',
+      message: 'Figma 파일 URL (선택):',
+      default: '',
+    },
+    {
+      type: 'input',
+      name: 'openapiUrl',
+      message: '백엔드 OpenAPI(Swagger) URL (선택):',
+      default: '',
+    },
+  ]);
+}
 
 export async function askInitQuestions() {
   return inquirer.prompt([

package/src/ui/ChatApp.js

@@ -16,6 +16,7 @@ import { searchIndex } from '../indexer/search.js';
 import { loadIndex, buildIndex } from '../indexer/store.js';
 import { listSessions } from '../history/store.js';
 import { findLastRetryableUser } from '../history/management.js';
+import { updateProjectLink } from '../config/projectLinks.js';
 
 const h = React.createElement;
 
@@ -292,6 +293,8 @@ const SLASH_COMMANDS = [
   { cmd: '/history', hint: '', desc: '프로젝트의 이전 대화 목록' },
   { cmd: '/retry', hint: '', desc: '마지막 사용자 요청 다시 실행' },
   { cmd: '/model', hint: '<id>', desc: '세션 모델 변경 (인자 없으면 목록)' },
+  { cmd: '/figma-link', hint: '<url|off>', desc: '프로젝트 Figma 링크 변경/해제' },
+  { cmd: '/openapi-link', hint: '<url|off>', desc: '프로젝트 OpenAPI 링크 변경/해제' },
   { cmd: '/cost', hint: '', desc: '누적 토큰/비용' },
   { cmd: '/image', hint: '<path>', desc: '이미지 첨부 (Finder 에서 끌어다 놔도 됨)' },
   { cmd: '/paste', hint: '', desc: '클립보드의 이미지(스크린샷)를 첨부 — macOS' },
@@ -422,6 +425,7 @@ export function ChatApp({
   const [indexProgress, setIndexProgress] = useState('');
   const [ragEnabled, setRagEnabled] = useState(true);
   const [menuIndex, setMenuIndex] = useState(0);
+  const [inputRevision, setInputRevision] = useState(0);
   const [historyItems, setHistoryItems] = useState([]);
   const [historyIndex, setHistoryIndex] = useState(0);
   const [historyDeleteId, setHistoryDeleteId] = useState(null);
@@ -438,6 +442,16 @@ export function ChatApp({
     setMenuIndex(0);
   }, [input]);
 
+  // showCursor=false인 ink-text-input은 외부에서 value가 바뀌어도 내부 cursorOffset을
+  // 갱신하지 않는다. 자동완성/초기화 때 재마운트해 커서를 새 문자열 끝으로 맞춘다.
+  const replaceInput = useCallback((value) => {
+    setInput(value);
+    setInputRevision((revision) => revision + 1);
+  }, []);
+  const completeSlash = useCallback((item) => {
+    replaceInput(expandSlash(item));
+  }, [replaceInput]);
+
   // 인덱스 빌드 헬퍼 — 자동/수동 양쪽에서 공유.
   const runIndexBuild = useCallback(
     async ({ rebuild = false, silent = false } = {}) => {
@@ -587,13 +601,13 @@ export function ChatApp({
       return;
     }
     if (key.escape) {
-      setInput('');
+      replaceInput('');
       return;
     }
     // Tab 자동완성 — ink-text-input 이 Tab 을 자체 처리하지 않아 충돌 없음.
     if (key.tab) {
       const sel = slashItems[Math.min(menuIndex, slashItems.length - 1)];
-      if (sel) setInput(expandSlash(sel));
+      if (sel) completeSlash(sel);
       return;
     }
   });
@@ -676,6 +690,27 @@ export function ChatApp({
       }
       return true;
     }
+    if (cmd === 'figma-link' || cmd === 'openapi-link') {
+      const kind = cmd === 'figma-link' ? 'figma' : 'openapi';
+      if (!arg) {
+        const current = kind === 'figma' ? cfg.effective.design?.figma : cfg.effective.api?.openapi;
+        pushSystemInfo(`현재 ${kind === 'figma' ? 'Figma' : 'OpenAPI'}: ${current ?? '(미설정)'}\n사용법: /${cmd} <url|off>`);
+        return true;
+      }
+      try {
+        const nextCfg = await updateProjectLink(cfg, kind, arg);
+        const label = kind === 'figma' ? 'Figma' : 'OpenAPI';
+        const value = kind === 'figma' ? nextCfg.effective.design?.figma : nextCfg.effective.api?.openapi;
+        const sessionRule = value
+          ? `\n\n[프로젝트 설정 변경] ${label} 소스는 ${value} 이다. 이전 ${label} 링크와 요약은 무시하고 이 값을 사용하라.`
+          : `\n\n[프로젝트 설정 변경] ${label} 링크가 해제되었다. 이전 ${label} 링크와 요약은 사용하지 마라.`;
+        setCfg({ ...nextCfg, system: cfg.system + sessionRule });
+        pushSystemInfo(`${label} 링크를 ${value ? '변경했습니다: ' + value : '해제했습니다.'}`);
+      } catch (err) {
+        pushSystemError(err.message);
+      }
+      return true;
+    }
     if (cmd === 'image') {
       if (!arg) {
         pushSystemError('사용법: /image <파일 경로>  (Finder 에서 입력창 위로 끌어다 놓으면 경로가 자동 입력됩니다.)');
@@ -1006,25 +1041,28 @@ export function ChatApp({
 
   const onSubmit = async (raw) => {
     const line = raw.trim();
+    const exactCommand = SLASH_COMMANDS.find((item) => item.cmd === line);
+
+    // 인자가 없는 명령은 메뉴 선택 상태와 관계없이 정확히 일치하면 즉시 실행한다.
+    if (exactCommand && !exactCommand.hint) {
+      replaceInput('');
+      await handleSlash(exactCommand.cmd);
+      return;
+    }
 
-    // 슬래시 메뉴가 열려 있으면 Enter 의 의미가 두 갈래:
-    //   1) input 이 메뉴의 아이템 cmd 와 정확히 일치 + 인자 필요 없는 명령 → 즉시 실행
-    //   2) 그 외 → 선택 항목으로 자동완성만 (실행은 Enter 한 번 더)
+    // 메뉴에서 선택한 명령도 인자가 없으면 즉시 실행하고, 인자가 필요할 때만 자동완성한다.
     if (slashOpen) {
       const sel = slashItems[Math.min(menuIndex, slashItems.length - 1)];
-      const exact = slashItems.find((it) => it.cmd === line);
-      if (exact && !exact.hint) {
-        // 정확히 매칭 + 인자 불필요 → 바로 실행
-        setInput('');
-        await handleSlash(exact.cmd);
+      if (sel && !sel.hint) {
+        replaceInput('');
+        await handleSlash(sel.cmd);
         return;
       }
-      // 자동완성만 하고 멈춤 — 사용자가 인자를 더 칠 수 있게.
-      if (sel) setInput(expandSlash(sel));
+      if (sel) completeSlash(sel);
       return;
     }
 
-    setInput('');
+    replaceInput('');
     if (!line) return;
 
     if (line.startsWith('/')) {
@@ -1077,6 +1115,7 @@ export function ChatApp({
       h(Text, { color: 'magenta', bold: true }, 'you › '),
       state === 'idle' && !historyOpen
         ? h(TextInput, {
+            key: inputRevision,
             value: input,
             onChange: setInput,
             onSubmit,

package/src/utils/ensureRequiredDependencies.js

@@ -0,0 +1,58 @@
+import { execFile as execFileCallback } from 'node:child_process';
+import { promisify } from 'node:util';
+
+import { versions } from '../constants/versions.js';
+
+const execFile = promisify(execFileCallback);
+
+const COMMON_DEPENDENCIES = ['@tanstack/react-query', 'zod'];
+
+const installCommands = {
+  npm: ['npm', ['install']],
+  pnpm: ['pnpm', ['add']],
+  yarn: ['yarn', ['add']],
+  bun: ['bun', ['add']],
+};
+
+export function hasDependency(pkg, packageName) {
+  return Boolean(
+    pkg?.dependencies?.[packageName] ||
+      pkg?.devDependencies?.[packageName] ||
+      pkg?.peerDependencies?.[packageName] ||
+      pkg?.optionalDependencies?.[packageName],
+  );
+}
+
+export function requiredDependenciesForFramework(framework) {
+  return framework === 'next'
+    ? COMMON_DEPENDENCIES
+    : [...COMMON_DEPENDENCIES, 'axios'];
+}
+
+export async function ensureRequiredDependencies({
+  cwd,
+  pkg,
+  framework,
+  packageManager,
+  run = execFile,
+}) {
+  const missing = requiredDependenciesForFramework(framework).filter(
+    (packageName) => !hasDependency(pkg, packageName),
+  );
+
+  if (!missing.length) {
+    return { installed: [], packageManager };
+  }
+
+  const selectedPackageManager = installCommands[packageManager]
+    ? packageManager
+    : 'npm';
+  const [command, baseArgs] = installCommands[selectedPackageManager];
+  const packageSpecs = missing.map(
+    (packageName) => `${packageName}@${versions[packageName]}`,
+  );
+
+  await run(command, [...baseArgs, ...packageSpecs], { cwd });
+
+  return { installed: missing, packageManager: selectedPackageManager };
+}