npm - @react-text-game/ui - Versions diffs - 0.1.0 - Mend

@@ -0,0 +1,44 @@
+"use client";
+import { useEffect, useState } from "react";
+export function useLocalStorage(key, initialValue) {
+    // Get initial value from localStorage or use initialValue
+    const [storedValue, setStoredValue] = useState(() => {
+        try {
+            const item = window.localStorage.getItem(key);
+            return item ? JSON.parse(item) : initialValue;
+        }
+        catch (error) {
+            console.error(`Error reading localStorage key "${key}":`, error);
+            return initialValue;
+        }
+    });
+    // Update localStorage when state changes
+    const setValue = (value) => {
+        try {
+            // Allow value to be a function so we have same API as useState
+            const valueToStore = value instanceof Function ? value(storedValue) : value;
+            setStoredValue(valueToStore);
+            window.localStorage.setItem(key, JSON.stringify(valueToStore));
+        }
+        catch (error) {
+            console.error(`Error setting localStorage key "${key}":`, error);
+        }
+    };
+    // Sync across tabs/windows
+    useEffect(() => {
+        const handleStorageChange = (e) => {
+            if (e.key === key && e.newValue) {
+                try {
+                    setStoredValue(JSON.parse(e.newValue));
+                }
+                catch (error) {
+                    console.error(`Error parsing storage event for key "${key}":`, error);
+                }
+            }
+        };
+        window.addEventListener("storage", handleStorageChange);
+        return () => window.removeEventListener("storage", handleStorageChange);
+    }, [key]);
+    return [storedValue, setValue];
+}
+//# sourceMappingURL=useLocalStorage.js.map

@@ -0,0 +1,11 @@
+"use client";
+import { useContext } from "react";
+import { SaveLoadMenuContext } from "../components/GameProvider/SaveLoadMenuContext";
+export const useSaveLoadMenu = () => {
+    const context = useContext(SaveLoadMenuContext);
+    if (!context) {
+        throw new Error("useSaveLoadMenu must be used within SaveLoadMenuProvider");
+    }
+    return context;
+};
+//# sourceMappingURL=useSaveLoadMenu.js.map

@@ -0,0 +1,3 @@
+export * from './components';
+export { useSaveLoadMenu } from './hooks';
+//# sourceMappingURL=index.d.ts.map

@@ -0,0 +1,3 @@
+export * from './components';
+export { useSaveLoadMenu } from './hooks';
+//# sourceMappingURL=index.js.map

	@@ -0,0 +1,2 @@
1	+ export declare const useSaveLoadMenu: () => import("../components/GameProvider/SaveLoadMenuContext").SaveLoadMenuContextType;
2	+ //# sourceMappingURL=useSaveLoadMenu.d.ts.map

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"useSaveLoadMenu.d.ts","sourceRoot":"","sources":["../../src/hooks/useSaveLoadMenu.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,sFAQ3B,CAAC"}

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

@react-text-game/ui 0.1.0