Start signals implementation

package.json

@@ -18,6 +18,7 @@
     "@aws-sdk/credential-providers": "^3.445.0",
     "@aws-sdk/s3-request-presigner": "^3.445.0",
     "@nextui-org/react": "^2.2.8",
+    "@preact/signals-react": "^1.3.6",
     "@prisma/client": "^5.5.2",
     "@react-email/button": "0.0.11",
     "@react-email/components": "^0.0.11",

src/app/(site)/components/providers/DarkModeProvider.tsx

@@ -4,6 +4,7 @@ import {createGenericContext} from "@/utils/client/client-data-utils";
 import {FC, PropsWithChildren, useCallback, useEffect, useState} from "react";
 import useLocalStorage from "@/app/(site)/hooks/useLocalStorage";
 import {useTheme} from "next-themes";
+import {signal} from "@preact/signals-react";
 
 
 const [DarkModeContext, hook] = createGenericContext<[boolean, (newVal: boolean) => void]>("useDarkMode must be used in a DarkModeProvider!")

src/app/(site)/components/providers/signals/LocalStorageSignal.ts

@@ -0,0 +1,14 @@
+"use client"
+
+import {signal} from "@preact/signals-react";
+import {LocalStorage} from "@/app/(site)/hooks/useLocalStorage";
+
+export const LocalStorageSignal = () => {
+    const localStorageObj = signal(new LocalStorage(localStorage))
+
+    const updateDarkMode = (newVal: boolean) => {
+        localStorageObj.value.darkMode = newVal
+    }
+
+    return {localStorageObj, updateDarkMode}
+}

src/app/(site)/hooks/useLocalStorage.ts

@@ -3,7 +3,7 @@
 import {useEffect, useMemo, useState} from "react";
 import {defaultTutorialsState, TutorialsState} from "@/app/(site)/(internal)/dashboard/components/TutorialsProvider";
 
-class LocalStorage {
+export class LocalStorage {
     constructor(private readonly storage: Storage) {
     }