sh-ui-cli 0.61.0 → 0.61.2

package/data/changelog/versions.json

@@ -2,6 +2,31 @@
   "$schema": "https://json-schema.org/draft/2020-12/schema",
   "$description": "sh-ui 릴리즈 노트 단일 소스. docs(React)와 showcase(Flutter)가 함께 읽는다. 새 릴리즈마다 맨 앞에 추가.",
   "versions": [
+    {
+      "version": "0.61.2",
+      "date": "2026-05-08",
+      "title": "fix — create 산출물의 sh-ui.config.json 누수 두 건 (paths.styles · theme.base)",
+      "type": "patch",
+      "highlights": [
+        "**템플릿의 `sh-ui.config.json` 에 `paths.styles` 추가** — `base.css` 같은 스타일 산출물이 `{styles}` placeholder 를 참조하는데 기존 템플릿(ui-app-template, nextjs-standalone fsd/flat) 이 `paths.styles` 를 안 박아 줘서 `sh-ui add base` 가 'paths.styles 가 sh-ui.config.json에 없습니다' 로 실패하던 문제. 이제 `create` 직후 추가 패치 없이 `add` 가 동작.",
+        "**`create --theme <preset|base64>` 결과가 `sh-ui.config.json` 의 `theme.base` 에 반영** — 기존엔 어떤 테마를 골라도 `theme.base` 가 템플릿 기본값(`neutral`)으로 남아 있어 의미 불일치. 이제 프리셋 이름이면 그 이름(`violet`/`rose`/...), base64 입력이면 `custom` 으로 기록.",
+        "**`init.mjs` 의 `PATHS.react` 에도 `styles` 추가** — `sh-ui init` 으로 만든 config 도 같은 시드 가짐."
+      ],
+      "url": "https://github.com/sanghyeonKim0201/sh-ui/releases/tag/v0.61.2"
+    },
+    {
+      "version": "0.61.1",
+      "date": "2026-05-07",
+      "title": "chore — 사용자 프로젝트 템플릿에서 Dockerfile 제거",
+      "type": "patch",
+      "highlights": [
+        "**`nextjs-app` / `nextjs-standalone` 템플릿의 `Dockerfile` 삭제** — sh-ui 가 1급 docker 지원이 아니고 그동안 emit 한 Dockerfile 도 검증 없이 multi-stage build 만 쓰여 있었음. 사용자가 docker 가 필요하면 자신의 배포 환경에 맞춰 직접 작성하는 게 정확.",
+        "**`generateApp` 의 Dockerfile EXPOSE/PORT 자동 갱신 로직 제거** — emit 안 하니 갱신할 대상도 없음.",
+        "**README 의 Docker 언급 정리** — 'Docker 지원' 항목과 구조 도해의 Dockerfile 라인 제거.",
+        "**`rename-app` 은 그대로 동작** — 사용자가 직접 Dockerfile 을 추가했을 때를 대비해 rename 패턴은 유지 (TEXT_BASENAMES 에 Dockerfile/Dockerfile.dev/Dockerfile.prod 그대로)."
+      ],
+      "url": "https://github.com/sanghyeonKim0201/sh-ui/releases/tag/v0.61.1"
+    },
     {
       "version": "0.61.0",
       "date": "2026-05-07",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sh-ui-cli",
-  "version": "0.61.0",
+  "version": "0.61.2",
   "description": "sh-ui CLI — 프로젝트 스캐폴드(create) + 컴포넌트 추가(add/list/remove) + IDE-내 AI용 MCP 서버",
   "license": "MIT",
   "repository": {

package/src/create/generator.js

@@ -78,7 +78,7 @@ import {
   DEFAULT_ARCH,
 } from './architectures/index.js';
 import { resolveTheme } from './theme/decode.js';
-import { THEME_PRESETS, getThemePreset } from './theme/presets.js';
+import { THEME_PRESETS, THEME_PRESET_NAMES, getThemePreset } from './theme/presets.js';
 import {
   replaceSection,
   buildCssColorsBlock,
@@ -114,12 +114,15 @@ import {
 const TEMPLATES_DIR = getTemplatesRoot();
 
 /**
- * 템플릿 복사 직후 sh-ui.config.json 의 cssFramework 필드를 갱신.
+ * 템플릿 복사 직후 sh-ui.config.json 의 cssFramework + theme.base 필드를 갱신.
  *
  * Flutter 는 cssFramework 가 의미 없으므로 platform=flutter 면 필드 자체를 안 쓴다.
  * Next.js 는 plain/tailwind/css-modules 따라 컴포넌트 변종 결정 + base 파일도 분기 emit.
+ *
+ * themeBase 는 사용자가 고른 프리셋 이름(neutral/slate/rose/emerald/violet) 또는
+ * 커스텀 base64 였을 때 'custom'. null 이면 템플릿 기본값 유지.
  */
-async function patchShUiConfig(configPath, cssFramework) {
+async function patchShUiConfig(configPath, cssFramework, themeBase) {
   if (!(await fs.pathExists(configPath))) return;
   const config = await fs.readJson(configPath);
   // Flutter 는 cssFramework 무관 — 필드 자체를 두지 않는다.
@@ -128,6 +131,10 @@ async function patchShUiConfig(configPath, cssFramework) {
   } else {
     config.cssFramework = cssFramework ?? CSS_FRAMEWORK_DEFAULT;
   }
+  if (themeBase != null) {
+    config.theme = config.theme ?? {};
+    config.theme.base = themeBase;
+  }
   await fs.writeJson(configPath, config, { spaces: 2 });
 }
 
@@ -208,8 +215,12 @@ export async function createProject(options = {}) {
   }
 
   let theme = null;
+  // themeBase: 'neutral'|'slate'|'rose'|'emerald'|'violet'|'custom'|null.
+  // sh-ui.config.json 의 theme.base 가 실제 사용된 팔레트를 반영하게 한다 (이전엔 항상 템플릿 기본값으로 남아 있던 문제).
+  let themeBase = null;
   if (options.theme) {
     theme = resolveTheme(options.theme);
+    themeBase = THEME_PRESET_NAMES.includes(options.theme) ? options.theme : 'custom';
   } else if (process.stdin.isTTY && !options.yes) {
     // --yes 는 "선택 옵션은 기본값으로" 의미. 테마는 옵션이므로 prompt 우회.
     const NONE = '__none__';
@@ -224,7 +235,10 @@ export async function createProject(options = {}) {
         })),
       ],
     });
-    if (choice !== NONE) theme = getThemePreset(choice);
+    if (choice !== NONE) {
+      theme = getThemePreset(choice);
+      themeBase = choice;
+    }
   }
 
   // dry-run 은 tmpdir 에 그대로 생성한 뒤 파일 목록 출력 + 정리.
@@ -250,7 +264,7 @@ export async function createProject(options = {}) {
   }
 
   if (platform === 'flutter') {
-    await generateFlutter(targetDir, projectName, theme, cssFramework);
+    await generateFlutter(targetDir, projectName, theme, cssFramework, themeBase);
     await finalizeProject(targetDir, { dryRun: options.dryRun });
     console.log(`\n✅ ${projectName} Flutter 프로젝트가 생성되었습니다!`);
     console.log(`\n  cd ${projectName}`);
@@ -276,9 +290,9 @@ export async function createProject(options = {}) {
   plugins.sort((a, b) => (a.priority ?? 0) - (b.priority ?? 0));
 
   if (projectType === 'standalone') {
-    await generateStandalone(targetDir, projectName, plugins, theme, cssFramework, arch);
+    await generateStandalone(targetDir, projectName, plugins, theme, cssFramework, arch, themeBase);
   } else {
-    await generateMonorepo(targetDir, projectName, plugins, { yes: options.yes, theme, css: cssFramework, arch });
+    await generateMonorepo(targetDir, projectName, plugins, { yes: options.yes, theme, css: cssFramework, arch, themeBase });
   }
 
   await finalizeProject(targetDir, { dryRun: options.dryRun });
@@ -444,14 +458,14 @@ export async function addComponent(componentName, appName) {
 
 // ─── Generators ───
 
-async function generateFlutter(targetDir, projectName, theme, css) {
+async function generateFlutter(targetDir, projectName, theme, css, themeBase) {
   await fs.copy(path.join(TEMPLATES_DIR, 'flutter-standalone'), targetDir);
   await replaceInAllFiles(targetDir, '{{project_name}}', projectName);
   await injectDartTheme(targetDir, theme);
-  await patchShUiConfig(path.join(targetDir, 'sh-ui.config.json'), css);
+  await patchShUiConfig(path.join(targetDir, 'sh-ui.config.json'), css, themeBase);
 }
 
-async function generateStandalone(targetDir, projectName, plugins, theme, css, arch) {
+async function generateStandalone(targetDir, projectName, plugins, theme, css, arch, themeBase) {
   // 베이스 (arch-neutral) + arch 오버레이 — generateApp 과 같은 패턴.
   await fs.copy(path.join(TEMPLATES_DIR, 'nextjs-standalone'), targetDir, {
     filter: (src) => !src.includes(`${path.sep}_arch${path.sep}`) && !src.endsWith(`${path.sep}_arch`),
@@ -488,10 +502,10 @@ async function generateStandalone(targetDir, projectName, plugins, theme, css, a
   await applyTransforms(targetDir, plugins, arch);
   await applyCssFrameworkVariant(targetDir, css, { isMonorepo: false, plugins, arch });
   await injectCssTheme(targetDir, theme);
-  await patchShUiConfig(path.join(targetDir, 'sh-ui.config.json'), css);
+  await patchShUiConfig(path.join(targetDir, 'sh-ui.config.json'), css, themeBase);
 }
 
-async function generateMonorepo(targetDir, projectName, plugins, { yes = false, theme, css, arch } = {}) {
+async function generateMonorepo(targetDir, projectName, plugins, { yes = false, theme, css, arch, themeBase } = {}) {
   await fs.copy(path.join(TEMPLATES_DIR, 'monorepo'), targetDir);
 
   // Update root package.json
@@ -526,7 +540,7 @@ async function generateMonorepo(targetDir, projectName, plugins, { yes = false,
   // generateApp 이 ui-{app} 패키지의 cssFramework 변종까지 처리. 여기선 theme + sh-ui.config.json 만.
   const uiAppDir = path.join(targetDir, 'packages', 'ui', 'ui-apps', `ui-${appName}`);
   await injectCssTheme(uiAppDir, theme);
-  await patchShUiConfig(path.join(uiAppDir, 'sh-ui.config.json'), css);
+  await patchShUiConfig(path.join(uiAppDir, 'sh-ui.config.json'), css, themeBase);
 }
 
 async function generateApp(targetDir, appName, port, plugins, arch, css = 'tailwind') {
@@ -567,15 +581,6 @@ async function generateApp(targetDir, appName, port, plugins, arch, css = 'tailw
 
   await writeNextConfig(targetDir, plugins, { isMonorepo: true, appName, arch });
 
-  // Update Dockerfile
-  const dockerPath = path.join(targetDir, 'Dockerfile');
-  if (await fs.pathExists(dockerPath)) {
-    let dockerfile = await fs.readFile(dockerPath, 'utf-8');
-    dockerfile = dockerfile.replace(/EXPOSE \d+/, `EXPOSE ${port}`);
-    dockerfile = dockerfile.replace(/ENV PORT=\d+/, `ENV PORT=${port}`);
-    await fs.writeFile(dockerPath, dockerfile);
-  }
-
   // Create packages/ui/ui-apps/ui-{appName}/ from ui-app-template
   const monorepoRoot = path.resolve(targetDir, '..', '..');
   const uiPkgDir = path.join(monorepoRoot, 'packages', 'ui', 'ui-apps', `ui-${appName}`);

package/src/init.mjs

@@ -26,6 +26,7 @@ const DEFAULTS = INIT_DEFAULTS;
 const PATHS = {
   react: {
     tokens: "src/styles/tokens.css",
+    styles: "src/styles",
     components: "src/components/ui",
     utils: "src/lib/utils.ts",
   },

package/src/rename-app.mjs

@@ -1,8 +1,8 @@
 // monorepo 의 앱 이름 (apps/<old>/ + packages/ui/ui-apps/ui-<old>/) 을 일괄 변경.
 //
-// 디렉토리 이동 + 정해진 6개 패턴 치환을 자동화. 사용자가 손으로
-// 6~10 군데 (package.json 이름, tsconfig paths, Dockerfile WORKDIR,
-// next.config transpilePackages, sh-ui.config aliases, README, ...) 를
+// 디렉토리 이동 + 정해진 패턴 치환을 자동화. 사용자가 손으로
+// 6~10 군데 (package.json 이름, tsconfig paths, next.config transpilePackages,
+// sh-ui.config aliases, README, 필요 시 사용자가 추가한 Dockerfile WORKDIR ...) 를
 // 일일이 갈아엎지 않도록.
 //
 // false-positive 방지를 위해 bare 단어 (`web`) 는 절대 치환하지 않고,

package/templates/nextjs-app/README.md

@@ -14,7 +14,6 @@ UI 컴포넌트는 `@workspace/ui-{name}` 패키지를 참조하며, sh-ui 설
 - **next-themes** + **Sonner**
 - **Zod**
 - **Vitest** + **Testing Library**
-- **Docker** 지원
 
 ## 프로젝트 구조
 
@@ -37,7 +36,6 @@ UI 컴포넌트는 `@workspace/ui-{name}` 패키지를 참조하며, sh-ui 설
 ├── postcss.config.mjs        # @workspace/ui-{name}/postcss.config 재사용
 ├── next.config.ts
 ├── vitest.config.ts
-├── Dockerfile
 └── .env.example
 ```
 

package/templates/nextjs-standalone/_arch/flat/sh-ui.config.json

@@ -8,6 +8,7 @@
   },
   "paths": {
     "tokens": "lib/styles/tokens.css",
+    "styles": "lib/styles",
     "components": "components/common",
     "utils": "lib/utils/utils.ts"
   },

package/templates/nextjs-standalone/_arch/fsd/sh-ui.config.json

@@ -8,6 +8,7 @@
   },
   "paths": {
     "tokens": "src/shared/styles/tokens.css",
+    "styles": "src/shared/styles",
     "components": "src/shared/ui",
     "utils": "src/shared/lib/utils.ts"
   },

package/templates/ui-app-template/sh-ui.config.json

@@ -8,6 +8,7 @@
   },
   "paths": {
     "tokens": "src/styles/tokens.css",
+    "styles": "src/styles",
     "components": "src/components",
     "utils": "src/lib/utils.ts"
   },

package/templates/nextjs-app/Dockerfile

@@ -1,42 +0,0 @@
-# Multi-stage Dockerfile for monorepo Next.js app (output: 'standalone')
-#
-# 빌드 시 monorepo 루트를 컨텍스트로 사용하세요:
-#   docker build -f apps/app-name/Dockerfile -t app-name .
-#
-# Next.js 의 `output: 'standalone'` 옵션이 .next/standalone 안에 server.js
-# 와 최소 dependencies 만 추출합니다. 이 Dockerfile 은 그 산출물을 그대로
-# 복사해 final stage 의 이미지 크기를 100MB 이하로 유지합니다.
-
-# ── deps + build stage ────────────────────────────────────────────────
-FROM node:22-alpine AS builder
-WORKDIR /repo
-
-RUN corepack enable && corepack prepare pnpm@10.4.1 --activate
-
-# pnpm-lock 과 manifest 들만 먼저 복사 → 의존성 캐시 hit 률 최대화
-COPY pnpm-lock.yaml pnpm-workspace.yaml package.json turbo.json ./
-COPY apps/app-name/package.json ./apps/app-name/package.json
-COPY packages packages
-
-RUN pnpm install --frozen-lockfile
-
-# 소스 전체 복사 후 turbo build (workspace ^build 자동)
-COPY . .
-RUN pnpm turbo build --filter=app-name
-
-# ── runtime stage ─────────────────────────────────────────────────────
-FROM node:22-alpine AS runner
-WORKDIR /app
-
-ENV NODE_ENV=production
-ENV PORT=3000
-ENV HOSTNAME="0.0.0.0"
-
-# Next standalone 산출물 (server.js + node_modules + traced deps)
-COPY --from=builder /repo/apps/app-name/.next/standalone ./
-COPY --from=builder /repo/apps/app-name/.next/static ./apps/app-name/.next/static
-COPY --from=builder /repo/apps/app-name/public ./apps/app-name/public 2>/dev/null || true
-
-EXPOSE 3000
-
-CMD ["node", "apps/app-name/server.js"]

package/templates/nextjs-standalone/Dockerfile

@@ -1,35 +0,0 @@
-# Multi-stage Dockerfile for standalone Next.js app
-#
-# 빌드:
-#   docker build -t my-app .
-#
-# Next.js 가 `.next/standalone` 으로 server.js + 최소 dependencies 만 추출하도록
-# next.config.ts 에 `output: 'standalone'` 을 추가하세요.
-
-FROM node:22-alpine AS builder
-WORKDIR /app
-
-RUN corepack enable && corepack prepare pnpm@10.4.1 --activate
-
-COPY pnpm-lock.yaml package.json ./
-RUN pnpm install --frozen-lockfile
-
-COPY . .
-RUN pnpm build
-
-FROM node:22-alpine AS runner
-WORKDIR /app
-
-ENV NODE_ENV=production
-ENV PORT=3000
-ENV HOSTNAME="0.0.0.0"
-
-# `output: 'standalone'` 이 활성일 때 server.js + 추적된 deps 가 .next/standalone 에 생성됨.
-# 옵션 비활성 시엔 .next/ 전체를 복사하고 `next start` 로 실행해야 합니다.
-COPY --from=builder /app/.next/standalone ./
-COPY --from=builder /app/.next/static ./.next/static
-COPY --from=builder /app/public ./public 2>/dev/null || true
-
-EXPOSE 3000
-
-CMD ["node", "server.js"]