sh-ui-cli 0.61.3 → 0.61.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/data/changelog/versions.json +13 -0
- package/package.json +1 -1
- package/src/mcp.mjs +22 -13
|
@@ -2,6 +2,19 @@
|
|
|
2
2
|
"$schema": "https://json-schema.org/draft/2020-12/schema",
|
|
3
3
|
"$description": "sh-ui 릴리즈 노트 단일 소스. docs(React)와 showcase(Flutter)가 함께 읽는다. 새 릴리즈마다 맨 앞에 추가.",
|
|
4
4
|
"versions": [
|
|
5
|
+
{
|
|
6
|
+
"version": "0.61.4",
|
|
7
|
+
"date": "2026-05-08",
|
|
8
|
+
"title": "fix — MCP 안내가 v0.61.2 의 `create` one-shot 흐름과 일치하도록 갱신",
|
|
9
|
+
"type": "patch",
|
|
10
|
+
"highlights": [
|
|
11
|
+
"**MCP 서버 instructions 의 '테마 커스터마이징' 섹션 정정** — 이전엔 '스캐폴드 후 `tokens.css` 직접 편집 + base64 백업' 을 권장했지만, v0.61.2 부터 `create` 가 단일 진입점으로 동작하므로 'encode-first, then create with theme arg' 흐름으로 flip. 사후 `tokens.css` 손편집은 다음 재스캐폴드 시 유실되는 함정.",
|
|
12
|
+
"**`sh_ui_create_project` description** 에 paths.styles · theme.base 자동 처리 명시 — AI 가 사후 패치 시도 안 하도록 가드.",
|
|
13
|
+
"**`sh_ui_add_component` description** 에 `theme.base: 'custom'` 일 때 `tokens` 는 no-op (보존) 라는 v0.61.3 회귀 가드 동작 명시.",
|
|
14
|
+
"**`sh_ui_encode_theme` description** 에서 'tokens.css 손편집 백업용' 표현 제거 — 이제는 'create 호출 전에 base64 만들어 theme 인자로 넘기는 정석 흐름' 으로 표현."
|
|
15
|
+
],
|
|
16
|
+
"url": "https://github.com/sanghyeonKim0201/sh-ui/releases/tag/v0.61.4"
|
|
17
|
+
},
|
|
5
18
|
{
|
|
6
19
|
"version": "0.61.3",
|
|
7
20
|
"date": "2026-05-08",
|
package/package.json
CHANGED
package/src/mcp.mjs
CHANGED
|
@@ -179,17 +179,23 @@ function buildServerInstructions(cliName) {
|
|
|
179
179
|
|
|
180
180
|
사용자가 "apps/web 을 apps/dashboard 로 바꿔줘" 같이 모노레포 앱 이름 변경을 요청하면 \`sh_ui_rename_app\` 사용 — 손으로 6~10 군데 (디렉토리, package.json name, tsconfig paths, Dockerfile WORKDIR, next.config transpilePackages, sh-ui.config aliases, README, .github/workflows) 갈아엎지 않도록 자동화. \`dryRun: true\` 로 먼저 변경 매트릭스 보여주고 사용자 확인 후 실행 권장.
|
|
181
181
|
|
|
182
|
-
## 테마
|
|
182
|
+
## 테마 — encode-first, edit-later 금지
|
|
183
183
|
|
|
184
|
-
|
|
184
|
+
\`sh_ui_create_project\` 는 **단일 진입점**이다. 톤은 create **호출 전에** 정하고 \`theme\` 인자로 넘긴다 — 스캐폴드 후 \`tokens.css\` 를 손으로 고치는 흐름은 사용하지 않는다 (변경분이 다음 재스캐폴드 때 유실됨).
|
|
185
185
|
|
|
186
|
-
|
|
187
|
-
2. \`sh_ui_encode_theme\` 으로 \`{ light, dark, radius }\` 객체를 base64 로 인코딩.
|
|
188
|
-
- 옵셔널 색 토큰(\`success\`/\`warning\`/\`info\` + \`-foreground\`)도 같이 넣을 수 있음.
|
|
189
|
-
3. 그 base64 를 사용자에게 보여주고 (또는 메모리에 저장), **다음 \`sh_ui_create_project\` 호출 시 \`theme\` 인자에 그대로** 넣어 영구 보관.
|
|
190
|
-
4. 기존 base64 를 일부만 고치고 싶으면 \`sh_ui_decode_theme\` → 객체 수정 → \`sh_ui_encode_theme\` round-trip.
|
|
186
|
+
### 정석 흐름
|
|
191
187
|
|
|
192
|
-
|
|
188
|
+
1. **톤 정한다** — 프리셋(\`neutral\`/\`slate\`/\`rose\`/\`emerald\`/\`violet\`) 또는 base64.
|
|
189
|
+
2. **커스텀이면 \`sh_ui_encode_theme\` 으로 base64 만든다** — \`{ light, dark, radius }\` (+ 옵셔널 \`success\`/\`warning\`/\`info\`). 기존 base64 일부 수정은 \`sh_ui_decode_theme\` → 객체 수정 → 재인코딩 round-trip.
|
|
190
|
+
3. **\`sh_ui_create_project\` 의 \`theme\` 인자에 그대로 넘긴다** — 길이로 프리셋/base64 자동 판별. 결과:
|
|
191
|
+
- \`tokens.css\` 의 색 블록이 정확히 주입됨 (수동 수정 불필요).
|
|
192
|
+
- \`sh-ui.config.json\` 의 \`theme.base\` 가 프리셋이면 그 이름, base64 면 \`'custom'\` 으로 기록.
|
|
193
|
+
- \`paths.styles\` 도 자동 박힘 — \`sh_ui_add_component\` 가 \`base\` 같은 스타일 산출물을 깨짐 없이 처리.
|
|
194
|
+
4. **base64 는 메모리에 저장**해 둔다 (사용자별 프로젝트 메모리). 같은 프로젝트 재스캐폴드/이주 시 같은 톤 보존용.
|
|
195
|
+
|
|
196
|
+
### 기존 프로젝트 톤만 바꾸고 싶을 때
|
|
197
|
+
|
|
198
|
+
> v0.61.2 부터 \`theme.base: "custom"\` 인 프로젝트에서 \`sh_ui_add_component\` 의 \`tokens\` 는 no-op (보존). 색을 바꾸려면 새 base64 를 만들고 새 디렉토리로 \`force: true\` 재스캐폴드하는 게 정석. 부분 편집을 원해도 \`tokens.css\` 직접 수정 후 \`sh_ui_encode_theme\` 로 새 base64 백업까지 같이 — 그 base64 를 메모리에 갱신해야 다음 재스캐폴드와 일관됨.
|
|
193
199
|
`;
|
|
194
200
|
}
|
|
195
201
|
|
|
@@ -219,7 +225,9 @@ export async function startMcpServer() {
|
|
|
219
225
|
{
|
|
220
226
|
description:
|
|
221
227
|
"빈 폴더에 sh-ui 프로젝트 스캐폴드 — Next.js (standalone/monorepo) 또는 Flutter. " +
|
|
222
|
-
`FSD 폴더 구조 + 토큰 + sh-ui.config.json 일괄 생성. 사용자가 '새 프로젝트' / '빈 폴더' / '스캐폴드부터' 류 요청을 하면 이 툴 사용 (Bash 로 npx ${cliName} create 직접 호출보다 우선)
|
|
228
|
+
`FSD 폴더 구조 + 토큰 + sh-ui.config.json 일괄 생성. 사용자가 '새 프로젝트' / '빈 폴더' / '스캐폴드부터' 류 요청을 하면 이 툴 사용 (Bash 로 npx ${cliName} create 직접 호출보다 우선). ` +
|
|
229
|
+
"**단일 진입점** — theme/plugins/cssFramework/structure 모두 호출 시점에 정해서 한 번에 박는다. 호출 후 sh-ui.config.json/tokens.css 를 손으로 패치하지 말 것 (다음 재스캐폴드 시 유실). " +
|
|
230
|
+
"산출물: theme 인자가 프리셋이면 sh-ui.config.json 의 theme.base 가 그 이름, base64 면 'custom'. paths.styles · paths.tokens 도 자동 박혀서 sh_ui_add_component 가 사후 패치 없이 동작.",
|
|
223
231
|
inputSchema: {
|
|
224
232
|
name: z.string().min(1)
|
|
225
233
|
.describe("프로젝트 디렉토리 이름. 예: my-app"),
|
|
@@ -412,7 +420,8 @@ export async function startMcpServer() {
|
|
|
412
420
|
{
|
|
413
421
|
description:
|
|
414
422
|
"컴포넌트 한 개 이상을 프로젝트에 설치. 외부 npm 패키지 deps 도 자동 설치(pnpm/npm/yarn/bun 자동 감지). " +
|
|
415
|
-
"특수값 'tokens' 는 sh-ui.config.json 기반 토큰 파일
|
|
423
|
+
"특수값 'tokens' 는 sh-ui.config.json 기반 토큰 파일 생성 — 단, theme.base 가 'custom' (= base64 로 만든 프로젝트) 이면 tokens 는 no-op (create 시점에 정확히 주입됐으므로 보존). " +
|
|
424
|
+
"특수값 'base' 는 sh-ui:reset 스타일 — paths.styles 가 sh-ui.config.json 에 있어야 동작 (v0.61.2+ 의 create 산출물은 자동 포함).",
|
|
416
425
|
inputSchema: {
|
|
417
426
|
names: z.array(z.string()).min(1)
|
|
418
427
|
.describe("설치할 컴포넌트 이름들. 예: ['tokens', 'button', 'dialog']"),
|
|
@@ -487,9 +496,9 @@ export async function startMcpServer() {
|
|
|
487
496
|
"sh_ui_encode_theme",
|
|
488
497
|
{
|
|
489
498
|
description:
|
|
490
|
-
"
|
|
491
|
-
"
|
|
492
|
-
"
|
|
499
|
+
"색 토큰 객체({ light, dark, radius }) 를 sh-ui base64 테마 코드로 인코딩. " +
|
|
500
|
+
"정석 흐름: 톤을 정해 (사용자와 합의 또는 프리셋 변형) 이 툴로 base64 만든 뒤 sh_ui_create_project 의 theme 인자에 그대로 넘긴다 — create 한 번에 끝, 스캐폴드 후 tokens.css 손편집 불필요. " +
|
|
501
|
+
"이미 만든 프로젝트의 톤을 다음 재스캐폴드까지 영구 보관할 때도 사용 (메모리 등에 base64 저장).",
|
|
493
502
|
inputSchema: {
|
|
494
503
|
light: tokenMapSchema.describe("라이트 모드 토큰"),
|
|
495
504
|
dark: tokenMapSchema.describe("다크 모드 토큰"),
|