create-palladium/dist/prompts/prompt.js

A modern CLI tool to create Vite + React + TypeScript projects with various configurations

import inquirer from "inquirer";
import { validateProjectName, sanitizeProjectName } from "../utils/validation.js";
import { logger } from "../utils/logger.js";
export const runPrompt = async () => {
    logger.title("🚀 Palladium Project Generator");
    const answers = await inquirer.prompt([
        {
            type: "input",
            name: "projectName",
            message: "프로젝트 이름을 입력하세요:",
            default: "my-app",
            validate: (input) => {
                const validation = validateProjectName(input);
                if (!validation.isValid) {
                    return validation.errors.join('\n');
                }
                return true;
            },
            filter: (input) => sanitizeProjectName(input)
        },
        {
            type: "confirm",
            name: "useRouter",
            message: "React Router DOM을 설치하시겠습니까?",
            default: true,
        },
        {
            type: "confirm",
            name: "useReactQuery",
            message: "React Query (TanStack Query)를 설치하시겠습니까?",
            default: true,
        },
        {
            type: "list",
            name: "stateLibrary",
            message: "상태 관리 라이브러리를 선택하세요:",
            choices: [
                { name: "Zustand (가벼운 상태 관리)", value: "zustand" },
                { name: "Redux Toolkit (강력한 상태 관리)", value: "redux" },
                { name: "사용하지 않음", value: "none" }
            ],
            default: "zustand"
        },
        {
            type: "list",
            name: "cssFramework",
            message: "CSS 프레임워크를 선택하세요:",
            choices: [
                { name: "Tailwind CSS (유틸리티 퍼스트)", value: "Tailwind CSS" },
                { name: "Styled Components (CSS-in-JS)", value: "Styled Components" },
                { name: "사용하지 않음", value: "none" }
            ],
            default: "Tailwind CSS"
        },
        {
            type: "checkbox",
            name: "utils",
            message: "추가 유틸리티를 선택하세요:",
            choices: [
                { name: "clsx (조건부 클래스명)", value: "clsx" },
                { name: "ESLint + Prettier (코드 품질)", value: "eslint + prettier" }
            ],
            default: ["clsx", "eslint + prettier"]
        },
        {
            type: "confirm",
            name: "runDev",
            message: "프로젝트 생성 후 개발 서버를 바로 실행하시겠습니까?",
            default: false,
        },
    ]);
    // 타입 변환
    const typedAnswers = {
        ...answers,
        stateLibrary: answers.stateLibrary,
        cssFramework: answers.cssFramework
    };
    // 선택 사항 요약 표시
    logger.info("선택한 옵션:");
    logger.step(`프로젝트 이름: ${typedAnswers.projectName}`);
    logger.step(`React Router: ${typedAnswers.useRouter ? '✓' : '✗'}`);
    logger.step(`React Query: ${typedAnswers.useReactQuery ? '✓' : '✗'}`);
    logger.step(`상태 관리: ${typedAnswers.stateLibrary === 'none' ? '사용 안 함' : typedAnswers.stateLibrary}`);
    logger.step(`CSS 프레임워크: ${typedAnswers.cssFramework === 'none' ? '사용 안 함' : typedAnswers.cssFramework}`);
    logger.step(`유틸리티: ${typedAnswers.utils.join(', ')}`);
    return typedAnswers;
};