Merge pull request #8 from react18-tools/update-examples

Update examples
react18-tools · Feb 28, 2024 · d5d306c · d5d306c
2 parents 159992a + 9f0feba
commit d5d306c
Show file tree

Hide file tree

Showing 9 changed files with 22 additions and 24 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,16 +12,16 @@
 	"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",
 		"shared-ui": "workspace:*"
 	},
 	"devDependencies": {
 		"@next/eslint-plugin-next": "^14.1.0",
-		"@types/node": "^20.11.20",
-		"@types/react": "^18.2.58",
+		"@types/node": "^20.11.21",
+		"@types/react": "^18.2.60",
 		"@types/react-dom": "^18.2.19",
 		"eslint-config-custom": "workspace:*",
 		"tsconfig": "workspace:*",

diff --git a/examples/remix/package.json b/examples/remix/package.json
@@ -16,8 +16,8 @@
 		"@remix-run/node": "^2.7.2",
 		"@remix-run/react": "^2.7.2",
 		"@remix-run/serve": "^2.7.2",
-		"isbot": "5.1.0",
-		"nextjs-themes": "^2.1.2",
+		"isbot": "5.1.1",
+		"nthul-lite": "^0.1.0",
 		"r18gs": "workspace:*",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
@@ -26,7 +26,7 @@
 	"devDependencies": {
 		"@remix-run/dev": "^2.7.2",
 		"@remix-run/eslint-config": "^2.7.2",
-		"@types/react": "^18.2.58",
+		"@types/react": "^18.2.60",
 		"@types/react-dom": "^18.2.19",
 		"eslint": "^8.57.0",
 		"typescript": "^5.3.3"

diff --git a/examples/vite/package.json b/examples/vite/package.json
@@ -11,17 +11,17 @@
 	},
 	"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",
 		"shared-ui": "workspace:*"
 	},
 	"devDependencies": {
-		"@types/react": "^18.2.58",
+		"@types/react": "^18.2.60",
 		"@types/react-dom": "^18.2.19",
-		"@typescript-eslint/eslint-plugin": "^7.0.2",
-		"@typescript-eslint/parser": "^7.0.2",
+		"@typescript-eslint/eslint-plugin": "^7.1.0",
+		"@typescript-eslint/parser": "^7.1.0",
 		"@vitejs/plugin-react-swc": "^3.6.0",
 		"eslint": "^8.57.0",
 		"eslint-plugin-react-hooks": "^4.6.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/lib/r18gs/package.json b/lib/r18gs/package.json
@@ -26,8 +26,8 @@
 	"devDependencies": {
 		"@testing-library/react": "^14.2.1",
 		"@turbo/gen": "^1.12.4",
-		"@types/node": "^20.11.20",
-		"@types/react": "^18.2.58",
+		"@types/node": "^20.11.21",
+		"@types/react": "^18.2.60",
 		"@types/react-dom": "^18.2.19",
 		"@vitejs/plugin-react": "^4.2.1",
 		"@vitest/coverage-v8": "^1.3.1",
@@ -37,7 +37,7 @@
 		"react": "^18.2.0",
 		"tsconfig": "workspace:*",
 		"tsup": "^8.0.2",
-		"typedoc": "^0.25.8",
+		"typedoc": "^0.25.9",
 		"typescript": "^5.3.3",
 		"vite-tsconfig-paths": "^4.3.1",
 		"vitest": "^1.3.1"

diff --git a/packages/shared-ui/package.json b/packages/shared-ui/package.json
@@ -11,18 +11,18 @@
 	},
 	"devDependencies": {
 		"@mayank1513/fork-me": "^2.0.1",
-		"@types/node": "^20.11.20",
-		"@types/react": "^18.2.58",
+		"@types/node": "^20.11.21",
+		"@types/react": "^18.2.60",
 		"@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";