sh-ui-cli 0.63.0 → 0.63.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.
- package/data/changelog/versions.json +11 -0
- package/package.json +1 -1
- package/templates/nextjs-app/_arch/flat/components/providers/theme/ThemeProvider.tsx +16 -1
- package/templates/nextjs-app/_arch/fsd/src/app/providers/theme/ThemeProvider.tsx +16 -1
- package/templates/nextjs-standalone/_arch/flat/components/providers/theme/ThemeProvider.tsx +16 -1
- package/templates/nextjs-standalone/_arch/fsd/src/app/providers/theme/ThemeProvider.tsx +16 -1
|
@@ -2,6 +2,17 @@
|
|
|
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.63.1",
|
|
7
|
+
"date": "2026-05-08",
|
|
8
|
+
"title": "patch — templates ThemeProvider 옵션 정비",
|
|
9
|
+
"type": "patch",
|
|
10
|
+
"highlights": [
|
|
11
|
+
"**templates 의 `ThemeProvider` 4곳에 `disableTransitionOnChange` 추가** — 토글 순간 transition 깜빡임 차단. nextjs-app / nextjs-standalone × flat / fsd 변종 모두 동일.",
|
|
12
|
+
"**옵션 의도 코멘트 보강** — attribute='class', defaultTheme/enableSystem, disableTransitionOnChange 가 왜 들어 있는지 + useTheme 는 next-themes 에서 직접 import 한다는 점을 파일 상단에 명시. 사용자가 RootLayout 작업 시 어디를 만져야 하는지 한눈에."
|
|
13
|
+
],
|
|
14
|
+
"url": "https://github.com/sanghyeonKim0201/sh-ui/releases/tag/v0.63.1"
|
|
15
|
+
},
|
|
5
16
|
{
|
|
6
17
|
"version": "0.63.0",
|
|
7
18
|
"date": "2026-05-08",
|
package/package.json
CHANGED
|
@@ -3,9 +3,24 @@
|
|
|
3
3
|
import { ThemeProvider as NextThemesProvider } from 'next-themes';
|
|
4
4
|
import type { ReactNode } from 'react';
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* 다크/라이트 테마 — next-themes ThemeProvider 를 wrap.
|
|
8
|
+
*
|
|
9
|
+
* - `attribute='class'` — `<html class="dark">` 토글 (Tailwind dark variant 와 호환)
|
|
10
|
+
* - `defaultTheme='system'` + `enableSystem` — OS 설정에 자동 동기화. light/dark 만
|
|
11
|
+
* 노출하려면 `enableSystem` 을 false 로
|
|
12
|
+
* - `disableTransitionOnChange` — 토글 순간 transition 깜빡임 차단
|
|
13
|
+
*
|
|
14
|
+
* useTheme 는 next-themes 에서 직접 import: `import { useTheme } from 'next-themes'`
|
|
15
|
+
*/
|
|
6
16
|
export function ThemeProvider({ children }: { children: ReactNode }) {
|
|
7
17
|
return (
|
|
8
|
-
<NextThemesProvider
|
|
18
|
+
<NextThemesProvider
|
|
19
|
+
attribute='class'
|
|
20
|
+
defaultTheme='system'
|
|
21
|
+
enableSystem
|
|
22
|
+
disableTransitionOnChange
|
|
23
|
+
>
|
|
9
24
|
{children}
|
|
10
25
|
</NextThemesProvider>
|
|
11
26
|
);
|
|
@@ -3,9 +3,24 @@
|
|
|
3
3
|
import { ThemeProvider as NextThemesProvider } from 'next-themes';
|
|
4
4
|
import type { ReactNode } from 'react';
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* 다크/라이트 테마 — next-themes ThemeProvider 를 wrap.
|
|
8
|
+
*
|
|
9
|
+
* - `attribute='class'` — `<html class="dark">` 토글 (Tailwind dark variant 와 호환)
|
|
10
|
+
* - `defaultTheme='system'` + `enableSystem` — OS 설정에 자동 동기화. light/dark 만
|
|
11
|
+
* 노출하려면 `enableSystem` 을 false 로
|
|
12
|
+
* - `disableTransitionOnChange` — 토글 순간 transition 깜빡임 차단
|
|
13
|
+
*
|
|
14
|
+
* useTheme 는 next-themes 에서 직접 import: `import { useTheme } from 'next-themes'`
|
|
15
|
+
*/
|
|
6
16
|
export function ThemeProvider({ children }: { children: ReactNode }) {
|
|
7
17
|
return (
|
|
8
|
-
<NextThemesProvider
|
|
18
|
+
<NextThemesProvider
|
|
19
|
+
attribute='class'
|
|
20
|
+
defaultTheme='system'
|
|
21
|
+
enableSystem
|
|
22
|
+
disableTransitionOnChange
|
|
23
|
+
>
|
|
9
24
|
{children}
|
|
10
25
|
</NextThemesProvider>
|
|
11
26
|
);
|
|
@@ -3,9 +3,24 @@
|
|
|
3
3
|
import { ThemeProvider as NextThemesProvider } from 'next-themes';
|
|
4
4
|
import type { ReactNode } from 'react';
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* 다크/라이트 테마 — next-themes ThemeProvider 를 wrap.
|
|
8
|
+
*
|
|
9
|
+
* - `attribute='class'` — `<html class="dark">` 토글 (Tailwind dark variant 와 호환)
|
|
10
|
+
* - `defaultTheme='system'` + `enableSystem` — OS 설정에 자동 동기화. light/dark 만
|
|
11
|
+
* 노출하려면 `enableSystem` 을 false 로
|
|
12
|
+
* - `disableTransitionOnChange` — 토글 순간 transition 깜빡임 차단
|
|
13
|
+
*
|
|
14
|
+
* useTheme 는 next-themes 에서 직접 import: `import { useTheme } from 'next-themes'`
|
|
15
|
+
*/
|
|
6
16
|
export function ThemeProvider({ children }: { children: ReactNode }) {
|
|
7
17
|
return (
|
|
8
|
-
<NextThemesProvider
|
|
18
|
+
<NextThemesProvider
|
|
19
|
+
attribute='class'
|
|
20
|
+
defaultTheme='system'
|
|
21
|
+
enableSystem
|
|
22
|
+
disableTransitionOnChange
|
|
23
|
+
>
|
|
9
24
|
{children}
|
|
10
25
|
</NextThemesProvider>
|
|
11
26
|
);
|
|
@@ -3,9 +3,24 @@
|
|
|
3
3
|
import { ThemeProvider as NextThemesProvider } from 'next-themes';
|
|
4
4
|
import type { ReactNode } from 'react';
|
|
5
5
|
|
|
6
|
+
/**
|
|
7
|
+
* 다크/라이트 테마 — next-themes ThemeProvider 를 wrap.
|
|
8
|
+
*
|
|
9
|
+
* - `attribute='class'` — `<html class="dark">` 토글 (Tailwind dark variant 와 호환)
|
|
10
|
+
* - `defaultTheme='system'` + `enableSystem` — OS 설정에 자동 동기화. light/dark 만
|
|
11
|
+
* 노출하려면 `enableSystem` 을 false 로
|
|
12
|
+
* - `disableTransitionOnChange` — 토글 순간 transition 깜빡임 차단
|
|
13
|
+
*
|
|
14
|
+
* useTheme 는 next-themes 에서 직접 import: `import { useTheme } from 'next-themes'`
|
|
15
|
+
*/
|
|
6
16
|
export function ThemeProvider({ children }: { children: ReactNode }) {
|
|
7
17
|
return (
|
|
8
|
-
<NextThemesProvider
|
|
18
|
+
<NextThemesProvider
|
|
19
|
+
attribute='class'
|
|
20
|
+
defaultTheme='system'
|
|
21
|
+
enableSystem
|
|
22
|
+
disableTransitionOnChange
|
|
23
|
+
>
|
|
9
24
|
{children}
|
|
10
25
|
</NextThemesProvider>
|
|
11
26
|
);
|