From 38c830c0f25aa6f5ae32d838cab2ab08c0886237 Mon Sep 17 00:00:00 2001 From: Mayank Date: Thu, 27 Jun 2024 22:46:54 +0530 Subject: [PATCH] Create a scaffold for the next example --- examples/app-router/public/favicon.ico | Bin 15086 -> 1150 bytes examples/pages-router/public/favicon.ico | Bin 0 -> 1150 bytes examples/tailwind/src/app/page.tsx | 14 ----- examples/theme-sets/src/app/favicon.ico | Bin 0 -> 1150 bytes examples/theme-sets/src/app/layout.tsx | 13 ++++ examples/theme-sets/src/app/page.module.css | 6 ++ examples/theme-sets/src/app/page.tsx | 14 +++++ pnpm-lock.yaml | 64 ++++++++++++++++++-- 8 files changed, 91 insertions(+), 20 deletions(-) create mode 100644 examples/pages-router/public/favicon.ico create mode 100644 examples/theme-sets/src/app/favicon.ico create mode 100644 examples/theme-sets/src/app/layout.tsx create mode 100644 examples/theme-sets/src/app/page.module.css create mode 100644 examples/theme-sets/src/app/page.tsx diff --git a/examples/app-router/public/favicon.ico b/examples/app-router/public/favicon.ico index af98450595e8b8efd9e505cddc5ed705b665a4d8..71e4bd7106d802cf01b1218c3ead532a89fe2268 100644 GIT binary patch literal 1150 zcmZ`$drZ?;7`^DMl5N;2FqwN)(8a|WA`2`gbSMgF+OEK4l!la1DqS5!&PJxmr<*`l?A=J(t@)(b1s$}ku8i;u@48gS3SQoq&Pt(J( zW*r^-<9OhwOhTAE0oKksh*KJ&VCzwmDnZzW2xP>cfUZP3EI#^5fBegvu;D2hHa_zt z=%LSo@mw^r51Ns`cM7_r-$M}705MC0%r}ZqnkvPsTVfz&WuaZBcFXglzetUXL{wM^ zA}EA}go6FL2)x8*u)=20wrdFL7!fqwPRKb%s0++^cOMV3cM9Q9>ATE|gdSn)YuLRl z0$VoI5xHqQ@)8ut-dTjVL&xDgU_?jk9_YBAK$50~>Z}P>r(`e|C~&Q=UgNOj8XAia zfwwOj%pH-4+qMe=rU1p86L31pfgcaE;fQBI^=2)k$5bfGRKZYb##Nbi!J)0q`O10W z1-m)7%v^r_+xOBF|KKoVQMx+`??>&0@=zZ<`~nP~VL+11fjUovnhXhA6)lTa)d%17 z7&JSk?zIxY9dxTl67JAurRYjh>n|N<&Zz_vG~JlN*i8pUFYG}TJ8iy6s_*~soaC}a zS$*85lt16(vG~975f65k5sa-`rB=$T+4WwWcm0n3=>@nG6=%9_w)MB{{GcyC zE?bfF54PcHa_7M;t-Nd8C}{r~&bx~knO(xry@&cwYi+B)?)%Pf4am)d_eq=g*R7(? zpC+>P_wo7g-|$Q=VtjsSdh$0M9GhJtzF7p!TAXR*lJhRnxJJ_jmWf5KX%g3l=iwZg zNAJiS+InX++Rk5y);<<6?;YwOwe20mXf+7WHhhL-m2OmgaOM$x#h!EGlvYgxNGvoNqI@> zZ+Tc*r+w+=(ry<2)EU0CaAR&o!E$@RzR$%Yclu8TU9RJXx0;I>H?GTrb=Gn6@OErK a|Nn`V)M9Qeg_o9LJ=On<|Fl0V2>Ay!D%IHl literal 15086 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 a|Nn`V)M9Qeg_o9LJ=On<|Fl0V2>Ay!D%IHl literal 0 HcmV?d00001 diff --git a/examples/tailwind/src/app/page.tsx b/examples/tailwind/src/app/page.tsx index dab95eee..7de79f41 100644 --- a/examples/tailwind/src/app/page.tsx +++ b/examples/tailwind/src/app/page.tsx @@ -1,4 +1,3 @@ -import { StarMe } from "@mayank1513/fork-me"; import Image from "next/image"; import { ColorSwitch } from "nextjs-themes"; import Card from "./_components/card"; @@ -48,19 +47,6 @@ export default function Home() { title="Examples" text="Learn through more examples on official GitHub repo." /> - -

- Star Me{" "} - - -> - -

-

- Explore and star official nextjs-themes repo. -

- +OEK4l!la1DqS5!&PJxmr<*`l?A=J(t@)(b1s$}ku8i;u@48gS3SQoq&Pt(J( zW*r^-<9OhwOhTAE0oKksh*KJ&VCzwmDnZzW2xP>cfUZP3EI#^5fBegvu;D2hHa_zt z=%LSo@mw^r51Ns`cM7_r-$M}705MC0%r}ZqnkvPsTVfz&WuaZBcFXglzetUXL{wM^ zA}EA}go6FL2)x8*u)=20wrdFL7!fqwPRKb%s0++^cOMV3cM9Q9>ATE|gdSn)YuLRl z0$VoI5xHqQ@)8ut-dTjVL&xDgU_?jk9_YBAK$50~>Z}P>r(`e|C~&Q=UgNOj8XAia zfwwOj%pH-4+qMe=rU1p86L31pfgcaE;fQBI^=2)k$5bfGRKZYb##Nbi!J)0q`O10W z1-m)7%v^r_+xOBF|KKoVQMx+`??>&0@=zZ<`~nP~VL+11fjUovnhXhA6)lTa)d%17 z7&JSk?zIxY9dxTl67JAurRYjh>n|N<&Zz_vG~JlN*i8pUFYG}TJ8iy6s_*~soaC}a zS$*85lt16(vG~975f65k5sa-`rB=$T+4WwWcm0n3=>@nG6=%9_w)MB{{GcyC zE?bfF54PcHa_7M;t-Nd8C}{r~&bx~knO(xry@&cwYi+B)?)%Pf4am)d_eq=g*R7(? zpC+>P_wo7g-|$Q=VtjsSdh$0M9GhJtzF7p!TAXR*lJhRnxJJ_jmWf5KX%g3l=iwZg zNAJiS+InX++Rk5y);<<6?;YwOwe20mXf+7WHhhL-m2OmgaOM$x#h!EGlvYgxNGvoNqI@> zZ+Tc*r+w+=(ry<2)EU0CaAR&o!E$@RzR$%Yclu8TU9RJXx0;I>H?GTrb=Gn6@OErK a|Nn`V)M9Qeg_o9LJ=On<|Fl0V2>Ay!D%IHl literal 0 HcmV?d00001 diff --git a/examples/theme-sets/src/app/layout.tsx b/examples/theme-sets/src/app/layout.tsx new file mode 100644 index 00000000..76c3a73f --- /dev/null +++ b/examples/theme-sets/src/app/layout.tsx @@ -0,0 +1,13 @@ +import "@repo/shared/dist/index.css"; +import { ThemeSwitcher } from "nextjs-themes"; + +export default function RootLayout({ children }: { children: React.ReactNode }) { + return ( + + + +
{children}
+ + + ); +} diff --git a/examples/theme-sets/src/app/page.module.css b/examples/theme-sets/src/app/page.module.css new file mode 100644 index 00000000..b724a1f5 --- /dev/null +++ b/examples/theme-sets/src/app/page.module.css @@ -0,0 +1,6 @@ +.container { + display: flex; + flex-direction: column; + align-items: center; + padding: 20px; +} diff --git a/examples/theme-sets/src/app/page.tsx b/examples/theme-sets/src/app/page.tsx new file mode 100644 index 00000000..dfefd5ee --- /dev/null +++ b/examples/theme-sets/src/app/page.tsx @@ -0,0 +1,14 @@ +import styles from "./page.module.css"; + +export default function Page() { + return ( +
+

Simple Multi Theme

+
+

+ Example showing how to use nextjs-themes to implement simple multi theme + switching +

+
+ ); +} diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 2caf5493..7bd1e2ad 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -146,9 +146,12 @@ importers: examples/tailwind: dependencies: - '@mayank1513/fork-me': - specifier: ^2.1.2 - version: 2.1.2(@types/react@18.3.3)(next@14.2.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.6))(react@18.3.1) + '@repo/scripts': + specifier: workspace:* + version: link:../../scripts + '@repo/shared': + specifier: workspace:* + version: link:../../packages/shared next: specifier: ^14.2.4 version: 14.2.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.6) @@ -162,6 +165,9 @@ importers: specifier: ^18.3.1 version: 18.3.1(react@18.3.1) devDependencies: + '@next/eslint-plugin-next': + specifier: ^14.2.4 + version: 14.2.4 '@repo/eslint-config': specifier: workspace:* version: link:../../packages/config-eslint @@ -180,9 +186,6 @@ importers: autoprefixer: specifier: ^10.4.19 version: 10.4.19(postcss@8.4.38) - eslint: - specifier: 9.5.0 - version: 9.5.0 postcss: specifier: ^8.4.38 version: 8.4.38 @@ -193,6 +196,55 @@ importers: specifier: ^5.5.2 version: 5.5.2 + examples/theme-sets: + dependencies: + '@repo/scripts': + specifier: workspace:* + version: link:../../scripts + '@repo/shared': + specifier: workspace:* + version: link:../../packages/shared + next: + specifier: ^14.2.4 + version: 14.2.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.6) + nextjs-darkmode: + specifier: ^1.0.4 + version: 1.0.4(@types/react@18.3.3)(next@14.2.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.6))(react@18.3.1) + nextjs-themes: + specifier: workspace:* + version: link:../../lib + react: + specifier: ^18.3.1 + version: 18.3.1 + react-dom: + specifier: ^18.3.1 + version: 18.3.1(react@18.3.1) + react18-loaders: + specifier: ^1.1.3 + version: 1.1.3(@types/react@18.3.3)(next@14.2.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.6))(react@18.3.1) + devDependencies: + '@next/eslint-plugin-next': + specifier: ^14.2.4 + version: 14.2.4 + '@repo/eslint-config': + specifier: workspace:* + version: link:../../packages/config-eslint + '@repo/typescript-config': + specifier: workspace:* + version: link:../../packages/config-typescript + '@types/node': + specifier: ^20.14.9 + version: 20.14.9 + '@types/react': + specifier: ^18.3.3 + version: 18.3.3 + '@types/react-dom': + specifier: ^18.3.0 + version: 18.3.0 + typescript: + specifier: ^5.5.2 + version: 5.5.2 + examples/vite: dependencies: '@repo/shared':