sh-ui-cli 0.88.0 → 0.89.0

package/data/changelog/versions.json

@@ -2,6 +2,32 @@
   "$schema": "https://json-schema.org/draft/2020-12/schema",
   "$description": "sh-ui 릴리즈 노트 단일 소스. docs(React)와 showcase(Flutter)가 함께 읽는다. 새 릴리즈마다 맨 앞에 추가.",
   "versions": [
+    {
+      "version": "0.89.0",
+      "date": "2026-05-14",
+      "title": "vite-standalone fsd arch — FSD-pure entry (src/app/main.tsx)",
+      "type": "minor",
+      "highlights": [
+        "**fsd arch 의 entry 가 `src/app/main.tsx` 로 이동** — Feature-Sliced Design 의 app layer 가 정식 부트스트랩 위치가 되도록. v0.88.x 까지는 Vite 컨벤션 (`src/main.tsx`) 따라 루트에 두고 안에서 FSD 레이어로 분기하던 1-layer 우회 — v0.89.0 부터는 entry 자체가 app layer 안. `_arch/fsd/index.html` overlay 신설 (script src `/src/app/main.tsx`). ai-org 처럼 명시적 FSD 노선을 가진 프로젝트에 맞춤.",
+        "**flat arch 는 Vite 컨벤션 유지** — `src/main.tsx` + `src/App.tsx` + `src/Home.tsx` 그대로 루트. 그러나 base 에서 이 파일들이 빠지면서 `_arch/flat/` overlay 가 자체적으로 emit (`_arch/flat/index.html`, `_arch/flat/src/Home.tsx` 신설). 사용자 입장의 결과 파일은 v0.88.x 와 동일.",
+        "**base 가 entry 책임 안 가짐** — `index.html`, `src/App.tsx`, `src/Home.tsx`, `src/main.tsx` 가 vite-standalone base 에서 제거. 각 arch overlay 가 자체 entry 를 owner — flat 은 Vite-style, fsd 는 FSD-pure. base 는 빌드 설정 + 메타 파일만 (CLAUDE.md / README.md / package.json / vite.config.ts / tsconfig.* / eslint.config.js / vitest.config.ts / gitignore — 10개).",
+        "**Smoke V10 + V11 회귀 가드 + V1 갱신** — V10 은 fsd 의 `src/app/main.tsx` 존재 + 루트 entry/opinionated 폴더 부재 + index.html script 경로 단언. V11 은 flat 의 Vite-convention 보장. V1 (기존 vite fsd smoke) 도 새 entry 경로로 갱신. fsd + flat 양쪽 manual `pnpm build` 검증 그린."
+      ],
+      "url": "https://github.com/sanghyeonKim0201/sh-ui/releases/tag/v0.89.0"
+    },
+    {
+      "version": "0.88.1",
+      "date": "2026-05-14",
+      "title": "vite-standalone 템플릿 모바일/Tauri WebView 친화 — viewport-fit + theme-color + tap-highlight reset",
+      "type": "patch",
+      "highlights": [
+        "**`index.html` viewport meta 확장** — `viewport-fit=cover` 추가 (iOS safe-area inset / Android edge-to-edge / Tauri 모바일 호환). `theme-color` 메타도 light/dark prefers-color-scheme 분기로 emit — 모바일 브라우저 status bar, PWA, Tauri WebView 의 chrome 톤이 앱 톤을 따라감.",
+        "**globals.css 에 WebView base reset** — `-webkit-tap-highlight-color: transparent` (탭 시 회색 박스 차단), `-webkit-user-select: none` (모바일 long-press 컨텍스트 메뉴 차단), `touch-action: manipulation` (300ms 더블탭 줌 지연 제거). `input`/`textarea`/`[contenteditable]` 은 명시적으로 `user-select: text` 로 복원해 폼은 정상 동작. fsd + flat 양쪽 arch overlay 에 동일 emit.",
+        "**ai-org Tauri 통일 전략 대응 (참고용)** — Phase 1.5 desktop + Phase 3 mobile 통일 Tauri 2 워크플로우의 WebView 친화 디폴트. sh-ui 컴포넌트 자체의 touch-target (44pt iOS / 48dp Android) 분기는 별도 PR — `--control-md-touch` 류 토큰 신설 + 컴포넌트 디폴트 API 결정 필요.",
+        "**smoke V8 + V9 회귀 가드** — V8 은 viewport-fit + 양쪽 theme-color 매체 쿼리 존재, V9 는 fsd + flat globals.css 양쪽에 sentinel 블록 + 핵심 reset 라인 존재를 단언. 텍스트 입력 복원 라인도 따로 가드 (input/textarea 셀렉트 회귀 차단)."
+      ],
+      "url": "https://github.com/sanghyeonKim0201/sh-ui/releases/tag/v0.88.1"
+    },
     {
       "version": "0.88.0",
       "date": "2026-05-14",

package/package.json

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

package/src/create/templateManifest.js

@@ -384,11 +384,7 @@ export const TEMPLATE_MANIFEST = {
       "README.md",
       "eslint.config.js",
       "gitignore",
-      "index.html",
       "package.json",
-      "src/App.tsx",
-      "src/Home.tsx",
-      "src/main.tsx",
       "tsconfig.json",
       "tsconfig.node.json",
       "vite.config.ts",
@@ -397,8 +393,10 @@ export const TEMPLATE_MANIFEST = {
     ],
     "arches": {
       "flat": [
+        "index.html",
         "sh-ui.config.json",
         "src/App.tsx",
+        "src/Home.tsx",
         "src/components/layouts/RootLayout.tsx",
         "src/components/providers/GlobalProvider/index.tsx",
         "src/components/providers/index.tsx",
@@ -412,12 +410,13 @@ export const TEMPLATE_MANIFEST = {
         "tsconfig.app.json"
       ],
       "fsd": [
+        "index.html",
         "sh-ui.config.json",
-        "src/App.tsx",
+        "src/app/App.tsx",
         "src/app/layouts/RootLayout.tsx",
+        "src/app/main.tsx",
         "src/app/providers/GlobalProvider/index.tsx",
         "src/app/providers/theme/ThemeProvider.tsx",
-        "src/main.tsx",
         "src/shared/api/queryClient.ts",
         "src/shared/hooks/useTheme.ts",
         "src/shared/lib/utils.ts",

package/templates/vite-standalone/{index.html → _arch/flat/index.html}

@@ -3,7 +3,11 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <!-- viewport-fit=cover: iOS safe-area inset / Android edge-to-edge / Tauri mobile 호환 -->
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+    <!-- theme-color: 모바일 브라우저 / PWA / Tauri WebView 의 status bar 톤. dark default 에 맞춰 어두운 톤. -->
+    <meta name="theme-color" content="#0A0A0A" media="(prefers-color-scheme: dark)" />
+    <meta name="theme-color" content="#FFFFFF" media="(prefers-color-scheme: light)" />
     <title>sh-ui app</title>
     <script>
       // FOUC 차단 — ThemeProvider mount 전에 첫 paint 에 dark class 박기.

package/templates/vite-standalone/_arch/flat/src/lib/styles/globals.css

@@ -33,3 +33,29 @@
   --color-info-foreground: var(--info-foreground);
   --color-sidebar-bg: var(--sidebar-bg);
 }
+
+/* sh-ui:webview-base-start — 모바일 브라우저 / Tauri WebView / PWA 공통 기본값.
+ * v0.88.1+: Tauri 통합 + iOS/Android 친화. 사용자가 텍스트 셀렉트 필요한 곳은 input/textarea/
+ * contenteditable 에 명시적으로 user-select: text 로 복원. 토큰이 아니라 reset 성 규칙이라
+ * @theme inline 밖에 둠. */
+@layer base {
+  * {
+    -webkit-tap-highlight-color: transparent;
+  }
+  body {
+    -webkit-user-select: none;
+    user-select: none;
+    -webkit-touch-callout: none;
+  }
+  input,
+  textarea,
+  [contenteditable],
+  [contenteditable='true'] {
+    -webkit-user-select: text;
+    user-select: text;
+  }
+  html {
+    touch-action: manipulation;
+  }
+}
+/* sh-ui:webview-base-end */

package/templates/vite-standalone/_arch/fsd/index.html

@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="ko" suppressHydrationWarning>
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <!-- viewport-fit=cover: iOS safe-area inset / Android edge-to-edge / Tauri mobile 호환 -->
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+    <!-- theme-color: 모바일 브라우저 / PWA / Tauri WebView 의 status bar 톤. dark default 에 맞춰 어두운 톤. -->
+    <meta name="theme-color" content="#0A0A0A" media="(prefers-color-scheme: dark)" />
+    <meta name="theme-color" content="#FFFFFF" media="(prefers-color-scheme: light)" />
+    <title>sh-ui app</title>
+    <script>
+      // FOUC 차단 — ThemeProvider mount 전에 첫 paint 에 dark class 박기.
+      try {
+        var t = localStorage.getItem('theme');
+        var d = t === 'dark' || ((!t || t === 'system') && matchMedia('(prefers-color-scheme:dark)').matches);
+        if (d) document.documentElement.classList.add('dark');
+      } catch (e) {}
+    </script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <!-- v0.89.0+ FSD-pure entry — 부트스트랩이 app layer 안에 있음. -->
+    <script type="module" src="/src/app/main.tsx"></script>
+  </body>
+</html>

package/templates/vite-standalone/_arch/fsd/src/{App.tsx → app/App.tsx}

@@ -1,12 +1,13 @@
 import { GlobalProvider } from '@/app/providers/GlobalProvider';
 import { RootLayout } from '@/app/layouts/RootLayout';
-import Home from './Home';
 
 export default function App() {
   return (
     <GlobalProvider>
       <RootLayout>
-        <Home />
+        <main className="flex min-h-screen flex-col items-center justify-center">
+          <h1 className="text-4xl font-bold">Hello World</h1>
+        </main>
       </RootLayout>
     </GlobalProvider>
   );

package/templates/vite-standalone/_arch/fsd/src/shared/styles/globals.css

@@ -33,3 +33,29 @@
   --color-info-foreground: var(--info-foreground);
   --color-sidebar-bg: var(--sidebar-bg);
 }
+
+/* sh-ui:webview-base-start — 모바일 브라우저 / Tauri WebView / PWA 공통 기본값.
+ * v0.88.1+: Tauri 통합 + iOS/Android 친화. 사용자가 텍스트 셀렉트 필요한 곳은 input/textarea/
+ * contenteditable 에 명시적으로 user-select: text 로 복원. 토큰이 아니라 reset 성 규칙이라
+ * @theme inline 밖에 둠. */
+@layer base {
+  * {
+    -webkit-tap-highlight-color: transparent;
+  }
+  body {
+    -webkit-user-select: none;
+    user-select: none;
+    -webkit-touch-callout: none;
+  }
+  input,
+  textarea,
+  [contenteditable],
+  [contenteditable='true'] {
+    -webkit-user-select: text;
+    user-select: text;
+  }
+  html {
+    touch-action: manipulation;
+  }
+}
+/* sh-ui:webview-base-end */

package/templates/vite-standalone/src/App.tsx

@@ -1,5 +0,0 @@
-import Home from './Home';
-
-export default function App() {
-  return <Home />;
-}

package/templates/vite-standalone/src/main.tsx

@@ -1,9 +0,0 @@
-import { StrictMode } from 'react';
-import { createRoot } from 'react-dom/client';
-import App from './App';
-
-createRoot(document.getElementById('root')!).render(
-  <StrictMode>
-    <App />
-  </StrictMode>,
-);