Update examples to use nthul-lite with full tree shaking

react18-tools · Feb 28, 2024 · ede6fff · ede6fff
1 parent a8294a4
commit ede6fff
Show file tree

Hide file tree

Showing 8 changed files with 10 additions and 12 deletions.
diff --git a/examples/nextjs/app/layout.tsx b/examples/nextjs/app/layout.tsx
@@ -1,4 +1,4 @@
-import { NextJsSSGThemeSwitcher } from "nextjs-themes/server/nextjs";
+import { ServerTarget } from "nthul-lite/server";
 import { Inter } from "next/font/google";
 import { SharedRootLayout } from "shared-ui";
 
@@ -8,7 +8,7 @@ export default function RootLayout({ children }: { children: React.ReactNode }):
 	return (
 		<html lang="en">
 			<body>
-				<NextJsSSGThemeSwitcher />
+				<ServerTarget />
 				<SharedRootLayout className={inter.className}>{children}</SharedRootLayout>
 			</body>
 		</html>

diff --git a/examples/nextjs/package.json b/examples/nextjs/package.json
@@ -12,7 +12,7 @@
 	"dependencies": {
 		"@mayank1513/fork-me": "^2.0.1",
 		"next": "^14.1.0",
-		"nextjs-themes": "^2.1.2",
+		"nthul-lite": "^0.1.0",
 		"r18gs": "workspace:*",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",

diff --git a/examples/remix/package.json b/examples/remix/package.json
@@ -17,7 +17,7 @@
 		"@remix-run/react": "^2.7.2",
 		"@remix-run/serve": "^2.7.2",
 		"isbot": "5.1.0",
-		"nextjs-themes": "^2.1.2",
+		"nthul-lite": "^0.1.0",
 		"r18gs": "workspace:*",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",

diff --git a/examples/vite/package.json b/examples/vite/package.json
@@ -11,7 +11,7 @@
 	},
 	"dependencies": {
 		"@mayank1513/fork-me": "^2.0.1",
-		"nextjs-themes": "^2.1.2",
+		"nthul-lite": "^0.1.0",
 		"r18gs": "workspace:*",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",

diff --git a/lib/r18gs/README.md b/lib/r18gs/README.md
@@ -8,8 +8,6 @@ I have built wonderful libraries utilizing React18 features using Zustand. They
 
 Thus, I decided to create a bare minimum, ultra-light store that creates shared state even while importing components from separate files for better treeshaking.
 
-> Will be using this library soon to fix issues with `nextjs-themes`.
-
 ## Features
 
 ✅ Full TypeScript Support

diff --git a/packages/shared-ui/package.json b/packages/shared-ui/package.json
@@ -16,13 +16,13 @@
 		"@types/react-dom": "^18.2.19",
 		"eslint-config-custom": "workspace:*",
 		"next": "^14.1.0",
-		"nextjs-themes": "^2.1.2",
 		"r18gs": "workspace:*",
 		"react": "^18.2.0",
 		"tsconfig": "workspace:*",
 		"typescript": "5.3.3"
 	},
 	"dependencies": {
-		"eslint": "^8.57.0"
+		"eslint": "^8.57.0",
+		"nthul-lite": "^0.1.0"
 	}
 }
diff --git a/packages/shared-ui/src/root-layout.tsx b/packages/shared-ui/src/root-layout.tsx
@@ -1,6 +1,6 @@
 import "./globals.css";
-import "nextjs-themes/styles.css";
-import { ThemeSwitcher } from "nextjs-themes";
+import "nthul-lite/styles.css";
+import { ThemeSwitcher } from "nthul-lite/client/theme-switcher";
 import { ForkMe } from "@mayank1513/fork-me/server"; // todo: import directory not supported in remix
 import type { HTMLProps } from "react";
 import styles from "./root-layout.module.css";

diff --git a/packages/shared-ui/src/root/description.tsx b/packages/shared-ui/src/root/description.tsx
@@ -1,4 +1,4 @@
-import { ColorSwitch } from "nextjs-themes";
+import { ColorSwitch } from "nthul-lite/client/color-switch";
 import { Logo } from "../common/logo";
 import styles from "../root-layout.module.css";