sh-ui-cli 0.88.0 → 0.88.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.
|
@@ -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.88.1",
|
|
7
|
+
"date": "2026-05-14",
|
|
8
|
+
"title": "vite-standalone 템플릿 모바일/Tauri WebView 친화 — viewport-fit + theme-color + tap-highlight reset",
|
|
9
|
+
"type": "patch",
|
|
10
|
+
"highlights": [
|
|
11
|
+
"**`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 톤이 앱 톤을 따라감.",
|
|
12
|
+
"**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.",
|
|
13
|
+
"**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 결정 필요.",
|
|
14
|
+
"**smoke V8 + V9 회귀 가드** — V8 은 viewport-fit + 양쪽 theme-color 매체 쿼리 존재, V9 는 fsd + flat globals.css 양쪽에 sentinel 블록 + 핵심 reset 라인 존재를 단언. 텍스트 입력 복원 라인도 따로 가드 (input/textarea 셀렉트 회귀 차단)."
|
|
15
|
+
],
|
|
16
|
+
"url": "https://github.com/sanghyeonKim0201/sh-ui/releases/tag/v0.88.1"
|
|
17
|
+
},
|
|
5
18
|
{
|
|
6
19
|
"version": "0.88.0",
|
|
7
20
|
"date": "2026-05-14",
|
package/package.json
CHANGED
|
@@ -33,3 +33,29 @@
|
|
|
33
33
|
--color-info-foreground: var(--info-foreground);
|
|
34
34
|
--color-sidebar-bg: var(--sidebar-bg);
|
|
35
35
|
}
|
|
36
|
+
|
|
37
|
+
/* sh-ui:webview-base-start — 모바일 브라우저 / Tauri WebView / PWA 공통 기본값.
|
|
38
|
+
* v0.88.1+: Tauri 통합 + iOS/Android 친화. 사용자가 텍스트 셀렉트 필요한 곳은 input/textarea/
|
|
39
|
+
* contenteditable 에 명시적으로 user-select: text 로 복원. 토큰이 아니라 reset 성 규칙이라
|
|
40
|
+
* @theme inline 밖에 둠. */
|
|
41
|
+
@layer base {
|
|
42
|
+
* {
|
|
43
|
+
-webkit-tap-highlight-color: transparent;
|
|
44
|
+
}
|
|
45
|
+
body {
|
|
46
|
+
-webkit-user-select: none;
|
|
47
|
+
user-select: none;
|
|
48
|
+
-webkit-touch-callout: none;
|
|
49
|
+
}
|
|
50
|
+
input,
|
|
51
|
+
textarea,
|
|
52
|
+
[contenteditable],
|
|
53
|
+
[contenteditable='true'] {
|
|
54
|
+
-webkit-user-select: text;
|
|
55
|
+
user-select: text;
|
|
56
|
+
}
|
|
57
|
+
html {
|
|
58
|
+
touch-action: manipulation;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
/* sh-ui:webview-base-end */
|
|
@@ -33,3 +33,29 @@
|
|
|
33
33
|
--color-info-foreground: var(--info-foreground);
|
|
34
34
|
--color-sidebar-bg: var(--sidebar-bg);
|
|
35
35
|
}
|
|
36
|
+
|
|
37
|
+
/* sh-ui:webview-base-start — 모바일 브라우저 / Tauri WebView / PWA 공통 기본값.
|
|
38
|
+
* v0.88.1+: Tauri 통합 + iOS/Android 친화. 사용자가 텍스트 셀렉트 필요한 곳은 input/textarea/
|
|
39
|
+
* contenteditable 에 명시적으로 user-select: text 로 복원. 토큰이 아니라 reset 성 규칙이라
|
|
40
|
+
* @theme inline 밖에 둠. */
|
|
41
|
+
@layer base {
|
|
42
|
+
* {
|
|
43
|
+
-webkit-tap-highlight-color: transparent;
|
|
44
|
+
}
|
|
45
|
+
body {
|
|
46
|
+
-webkit-user-select: none;
|
|
47
|
+
user-select: none;
|
|
48
|
+
-webkit-touch-callout: none;
|
|
49
|
+
}
|
|
50
|
+
input,
|
|
51
|
+
textarea,
|
|
52
|
+
[contenteditable],
|
|
53
|
+
[contenteditable='true'] {
|
|
54
|
+
-webkit-user-select: text;
|
|
55
|
+
user-select: text;
|
|
56
|
+
}
|
|
57
|
+
html {
|
|
58
|
+
touch-action: manipulation;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
/* sh-ui:webview-base-end */
|
|
@@ -3,7 +3,11 @@
|
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
|
6
|
-
|
|
6
|
+
<!-- viewport-fit=cover: iOS safe-area inset / Android edge-to-edge / Tauri mobile 호환 -->
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
|
8
|
+
<!-- theme-color: 모바일 브라우저 / PWA / Tauri WebView 의 status bar 톤. dark default 에 맞춰 어두운 톤. -->
|
|
9
|
+
<meta name="theme-color" content="#0A0A0A" media="(prefers-color-scheme: dark)" />
|
|
10
|
+
<meta name="theme-color" content="#FFFFFF" media="(prefers-color-scheme: light)" />
|
|
7
11
|
<title>sh-ui app</title>
|
|
8
12
|
<script>
|
|
9
13
|
// FOUC 차단 — ThemeProvider mount 전에 첫 paint 에 dark class 박기.
|