sh-ui-cli 0.25.0 → 0.31.1

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.
@@ -157,6 +157,106 @@
157
157
  ],
158
158
  "registryDependencies": []
159
159
  },
160
+ "code-tabs": {
161
+ "name": "code-tabs",
162
+ "type": "component",
163
+ "files": [
164
+ {
165
+ "src": "components/code-tabs/index.tsx",
166
+ "dest": "{components}/code-tabs/index.tsx"
167
+ }
168
+ ],
169
+ "dependencies": [],
170
+ "registryDependencies": [
171
+ "tabs",
172
+ "code-panel"
173
+ ]
174
+ },
175
+ "page-toc": {
176
+ "name": "page-toc",
177
+ "type": "component",
178
+ "files": [
179
+ {
180
+ "src": "components/page-toc/index.tsx",
181
+ "dest": "{components}/page-toc/index.tsx"
182
+ },
183
+ {
184
+ "src": "components/page-toc/styles.css",
185
+ "dest": "{components}/page-toc/styles.css"
186
+ }
187
+ ],
188
+ "dependencies": [],
189
+ "registryDependencies": []
190
+ },
191
+ "code-editor": {
192
+ "name": "code-editor",
193
+ "type": "component",
194
+ "files": [
195
+ {
196
+ "src": "components/code-editor/index.tsx",
197
+ "dest": "{components}/code-editor/index.tsx"
198
+ },
199
+ {
200
+ "src": "components/code-editor/styles.css",
201
+ "dest": "{components}/code-editor/styles.css"
202
+ }
203
+ ],
204
+ "dependencies": [
205
+ "codemirror",
206
+ "@codemirror/state",
207
+ "@codemirror/view",
208
+ "@codemirror/lang-javascript",
209
+ "@codemirror/lang-json",
210
+ "@codemirror/lang-css",
211
+ "@codemirror/lang-html",
212
+ "@codemirror/lang-markdown"
213
+ ],
214
+ "registryDependencies": []
215
+ },
216
+ "markdown-editor": {
217
+ "name": "markdown-editor",
218
+ "type": "component",
219
+ "files": [
220
+ {
221
+ "src": "components/markdown-editor/index.tsx",
222
+ "dest": "{components}/markdown-editor/index.tsx"
223
+ },
224
+ {
225
+ "src": "components/markdown-editor/styles.css",
226
+ "dest": "{components}/markdown-editor/styles.css"
227
+ }
228
+ ],
229
+ "dependencies": [
230
+ "react-markdown",
231
+ "remark-gfm"
232
+ ],
233
+ "registryDependencies": [
234
+ "code-editor"
235
+ ]
236
+ },
237
+ "rich-text-editor": {
238
+ "name": "rich-text-editor",
239
+ "type": "component",
240
+ "files": [
241
+ {
242
+ "src": "components/rich-text-editor/index.tsx",
243
+ "dest": "{components}/rich-text-editor/index.tsx"
244
+ },
245
+ {
246
+ "src": "components/rich-text-editor/styles.css",
247
+ "dest": "{components}/rich-text-editor/styles.css"
248
+ }
249
+ ],
250
+ "dependencies": [
251
+ "@tiptap/react",
252
+ "@tiptap/pm",
253
+ "@tiptap/starter-kit",
254
+ "@tiptap/extension-placeholder",
255
+ "@tiptap/extension-link",
256
+ "lucide-react"
257
+ ],
258
+ "registryDependencies": []
259
+ },
160
260
  "select": {
161
261
  "name": "select",
162
262
  "type": "component",
@@ -27,7 +27,7 @@
27
27
  "accordion": "펼침/접힘 아코디언 — single/multiple (Base UI).",
28
28
  "carousel": "슬라이드 캐러셀 — Embla 기반, autoplay/autoscroll.",
29
29
  "sidebar": "앱 사이드바 — collapsible, SidebarMenu/SidebarGroup 조합.",
30
- "header": "앱 헤더 — 로고/네비/액션 compound.",
30
+ "header": "앱 헤더 — 로고/네비/액션 compound, 데스크탑 inline / 모바일 drawer 자동 전환. drawer focus trap·ESC·focus restore. HeaderNav value(controlled) / defaultValue+onValueChange(uncontrolled) 로 자식 HeaderItem active 자동 매칭 (aria-current 자동, match 커스터마이즈). HeaderMenu(서브메뉴, 데스크탑 portal dropdown / drawer collapsible) · HeaderNavGroup(섹션 라벨) · HeaderDesktopOnly/HeaderMobileOnly(가시성 토글, drawer 이동 없음). variant(solid/transparent/blur) · stickyHide(prefers-reduced-motion 존중, 컨테이너 스크롤 자동 감지) 정식 지원. backdrop-filter @supports 폴백.",
31
31
  "breadcrumb": "경로 내비게이션 — compound (Breadcrumb.List/Item/Link/Page/Separator/Ellipsis). aria-current 자동.",
32
32
  "pagination": "페이지 단위 내비게이션 — compound (PaginationContent/Item/Link/Previous/Next/Ellipsis). getPaginationRange 유틸 동봉. aria-current 자동.",
33
33
  "avatar": "프로필 아바타 — 이미지 fallback → initials (Base UI).",
@@ -38,6 +38,11 @@
38
38
  "skeleton": "스켈레톤 로딩 플레이스홀더.",
39
39
  "theme": "테마 프로바이더 + useTheme 훅 — light/dark/system.",
40
40
  "code-panel": "Shiki 기반 코드 하이라이트 패널 — 복사 버튼 포함.",
41
+ "code-tabs": "여러 코드 뷰(예: React/Flutter, 강조/전체)를 탭으로 전환 — Tabs + CodePanel 합성, 각 탭 내용은 CodePanelProps 그대로.",
42
+ "page-toc": "페이지 자동 목차 — 헤딩 스캔 · slugify · IntersectionObserver active 추적 · smooth scroll. routeKey 로 라우트 변경 자동 재스캔, levels/excludeSelector 커스터마이즈.",
43
+ "code-editor": "CodeMirror 6 기반 코드 에디터 — js/ts/jsx/tsx/json/css/html/markdown, sh-ui 토큰 테마, readOnly·placeholder·minHeight/maxHeight. controlled(value/onChange) · uncontrolled(defaultValue) 모두 지원.",
44
+ "markdown-editor": "마크다운 에디터 — CodeEditor + react-markdown 라이브 프리뷰 합성, GFM 지원, raw HTML 차단으로 XSS 방어. controlled(value/onChange) · uncontrolled(defaultValue) 모두 지원.",
45
+ "rich-text-editor": "Tiptap 3 기반 WYSIWYG 에디터 — HTML 입출력, 기본 toolbar(헤딩·리스트·인용·코드·링크·강조), readOnly·placeholder. controlled(value/onChange) · uncontrolled(defaultValue) 모두 지원.",
41
46
  "base": "CSS 리셋 — base.css.",
42
47
  "breakpoints": "반응형 미디어 쿼리 토큰 — breakpoints.css.",
43
48
  "focus-ring": "공용 포커스 링 스타일 — focus-ring.css.",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sh-ui-cli",
3
- "version": "0.25.0",
3
+ "version": "0.31.1",
4
4
  "description": "sh-ui CLI — 프로젝트 스캐폴드(create) + 컴포넌트 추가(add/list/remove) + IDE-내 AI용 MCP 서버",
5
5
  "license": "MIT",
6
6
  "repository": {
package/src/mcp.mjs CHANGED
@@ -113,7 +113,6 @@ const SERVER_INSTRUCTIONS = `sh-ui — Base UI 위에 빌드된 React/Flutter
113
113
  - 인터랙티브 프롬프트 없이 한 번에 스캐폴드 + 토큰 + sh-ui.config.json 생성
114
114
 
115
115
  **2차 — Bash** (사용자가 직접 셸에서 돌리고 싶다고 명시할 때만):
116
- npm create sh-ui my-app
117
116
  npx sh-ui-cli create my-app --platform next --structure standalone --yes
118
117
 
119
118
  \`create-next-app\` + \`sh_ui_init\` 조합은 **쓰지 말 것** — 위 두 경로가 더 짧고 sh-ui 관용에 맞다.
@@ -12,8 +12,8 @@ flutter run
12
12
  ## sh-ui 위젯 추가
13
13
 
14
14
  ```bash
15
- npx sh-ui add button
16
- npx sh-ui add card input
15
+ npx sh-ui-cli add button
16
+ npx sh-ui-cli add card input
17
17
  ```
18
18
 
19
19
  위젯은 `lib/sh_ui/widgets/` 아래로 복사됩니다. 설정은 `sh-ui.config.json` 을 참조하세요.
@@ -99,5 +99,5 @@ npx sh-ui-cli create add-component button
99
99
  npx sh-ui-cli create add-component button --app web
100
100
  ```
101
101
 
102
- 내부적으로 `packages/ui/ui-apps/ui-{app}/` 디렉토리에서 `npx sh-ui add button` 이 실행되며,
102
+ 내부적으로 `packages/ui/ui-apps/ui-{app}/` 디렉토리에서 `npx sh-ui-cli add button` 이 실행되며,
103
103
  각 패키지의 `sh-ui.config.json` 에 선언된 경로로 컴포넌트가 복사됩니다.
@@ -69,9 +69,9 @@ pnpm dev
69
69
  ## sh-ui 컴포넌트 추가
70
70
 
71
71
  ```bash
72
- npx sh-ui add button
73
- npx sh-ui add dialog
72
+ npx sh-ui-cli add button
73
+ npx sh-ui-cli add dialog
74
74
  ```
75
75
 
76
76
  `sh-ui.config.json` 의 `paths.components` 설정에 따라 `src/shared/ui/` 에 복사됩니다.
77
- 토큰을 커스텀하려면 `sh-ui.config.json` 의 `theme` 값을 바꾸고 `npx sh-ui add tokens` 로 재생성.
77
+ 토큰을 커스텀하려면 `sh-ui.config.json` 의 `theme` 값을 바꾸고 `npx sh-ui-cli add tokens` 로 재생성.