sh-ui-cli 0.85.0 → 0.85.1

package/data/changelog/versions.json

@@ -2,6 +2,18 @@
   "$schema": "https://json-schema.org/draft/2020-12/schema",
   "$description": "sh-ui 릴리즈 노트 단일 소스. docs(React)와 showcase(Flutter)가 함께 읽는다. 새 릴리즈마다 맨 앞에 추가.",
   "versions": [
+    {
+      "version": "0.85.1",
+      "date": "2026-05-13",
+      "title": "scaffold globals.css 에 external-imports sentinel — 폰트/디자인시스템 URL @import footgun 차단",
+      "type": "patch",
+      "highlights": [
+        "**4개 globals.css 템플릿에 `sh-ui:external-imports-start/-end` sentinel 블록 추가** — `@import 'tailwindcss'` 위에 명시적으로 외부 URL `@import` 자리 표시. 기존엔 사용자가 `@import 'tailwindcss'` 바로 아래에 폰트 URL `@import` 추가하면 (자연 직관) CSS spec (\"모든 `@import` 는 다른 rule 보다 앞에 와야 함\") 위반으로 Turbopack/lightningcss 가 `@import rules must precede all rules aside from @charset and @layer statements` 로 dev server 즉사. 라인 번호가 번들 후 (2874:8 류) 라 디버깅 동선이 길어 첫 인상에서 30분 헤매던 footgun.",
+        "**적용 범위**: `ui-app-template/src/styles/globals.css` (monorepo) · `nextjs-standalone/app/globals.css` (standalone fsd 의 베이스) · `nextjs-standalone/_arch/flat/app/globals.css` · `nextjs-standalone/_arch/mes/app/globals.css`. sentinel 안에 `@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');` 류 예시도 주석으로 포함 — 새 사용자가 어디에 둘지 한눈에 발견.",
+        "**기존 프로젝트 마이그레이션은 별도 codemod 로 후속** — 현재는 신규 스캐폴드에만 sentinel emit. 기존 globals.css 자동 수술은 `sh_ui_migrate` 명령에 추후 추가."
+      ],
+      "url": "https://github.com/sanghyeonKim0201/sh-ui/releases/tag/v0.85.1"
+    },
     {
       "version": "0.85.0",
       "date": "2026-05-13",

package/package.json

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

package/templates/nextjs-standalone/_arch/flat/app/globals.css

@@ -1,3 +1,9 @@
+/* sh-ui:external-imports-start
+ *   외부 폰트 / 아이콘셋 / 디자인시스템 URL @import 는 반드시 이 블록 안에 둘 것.
+ *   `@import 'tailwindcss'` 아래에 추가하면 CSS spec 위반으로 Turbopack 이 즉사.
+ *   예: @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css'); */
+/* sh-ui:external-imports-end */
+
 @import 'tailwindcss';
 @import '../lib/styles/tokens.css';
 

package/templates/nextjs-standalone/_arch/mes/app/globals.css

@@ -1,3 +1,9 @@
+/* sh-ui:external-imports-start
+ *   외부 폰트 / 아이콘셋 / 디자인시스템 URL @import 는 반드시 이 블록 안에 둘 것.
+ *   `@import 'tailwindcss'` 아래에 추가하면 CSS spec 위반으로 Turbopack 이 즉사.
+ *   예: @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css'); */
+/* sh-ui:external-imports-end */
+
 @import 'tailwindcss';
 @import '../src/lib/styles/tokens.css';
 

package/templates/nextjs-standalone/app/globals.css

@@ -1,3 +1,9 @@
+/* sh-ui:external-imports-start
+ *   외부 폰트 / 아이콘셋 / 디자인시스템 URL @import 는 반드시 이 블록 안에 둘 것.
+ *   `@import 'tailwindcss'` 아래에 추가하면 CSS spec 위반으로 Turbopack 이 즉사.
+ *   예: @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css'); */
+/* sh-ui:external-imports-end */
+
 @import 'tailwindcss';
 @import '../src/shared/styles/tokens.css';
 

package/templates/ui-app-template/src/styles/globals.css

@@ -1,3 +1,10 @@
+/* sh-ui:external-imports-start
+ *   외부 폰트 / 아이콘셋 / 디자인시스템 URL @import 는 반드시 이 블록 안에 둘 것.
+ *   `@import 'tailwindcss'` 아래에 추가하면 CSS spec ("모든 @import 는 다른 rule 보다
+ *   앞에 와야 함") 위반으로 Turbopack/lightningcss 가 parsing 거부 → dev server 즉사.
+ *   예: @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css'); */
+/* sh-ui:external-imports-end */
+
 @import 'tailwindcss';
 
 @source "../../../../../../apps/**/*.{ts,tsx}";