@versini/ui-hooks 3.0.0 → 4.0.0

package/dist/hooks/useLocalStorage.js

@@ -1,91 +1,45 @@
-import { useCallback as u, useState as F, useEffect as g, useRef as h, useLayoutEffect as I } from "react";
-var m = typeof window < "u" ? I : g;
-function S(r, e, t, c) {
-  const d = h(e);
-  m(() => {
-    d.current = e;
-  }, [e]), g(() => {
-    const a = window;
-    if (!(a && a.addEventListener))
-      return;
-    const s = (f) => {
-      d.current(f);
-    };
-    return a.addEventListener(r, s, c), () => {
-      a.removeEventListener(r, s, c);
-    };
-  }, [r, t, c]);
+import * as s from "react";
+function g(t, e) {
+  window.dispatchEvent(new StorageEvent("storage", { key: t, newValue: e }));
 }
-function v(r) {
-  const e = h(() => {
-    throw new Error("Cannot call an event handler while rendering.");
-  });
-  return m(() => {
-    e.current = r;
-  }, [r]), u((...t) => {
-    var c;
-    return (c = e.current) == null ? void 0 : c.call(e, ...t);
-  }, [e]);
-}
-var l = typeof window > "u";
-function $(r, e, t = {}) {
-  const { initializeWithValue: c = !0 } = t, d = u(
-    (n) => t.serializer ? t.serializer(n) : JSON.stringify(n),
-    [t]
-  ), a = u(
+const l = (t, e) => {
+  const c = JSON.stringify(
+    typeof e == "function" ? e() : e
+  );
+  window.localStorage.setItem(t, c), g(t, c);
+}, w = (t) => {
+  window.localStorage.removeItem(t), g(t, null);
+}, u = (t) => window.localStorage.getItem(t), d = (t) => (window.addEventListener("storage", t), () => window.removeEventListener("storage", t));
+function i({
+  key: t,
+  initialValue: e
+}) {
+  const c = () => u(t), a = s.useSyncExternalStore(
+    d,
+    c
+  ), o = s.useCallback(
     (n) => {
-      if (t.deserializer)
-        return t.deserializer(n);
-      if (n === "undefined")
-        return;
-      const o = e instanceof Function ? e() : e;
-      let E;
       try {
-        E = JSON.parse(n);
-      } catch (L) {
-        return console.error("Error parsing JSON:", L), o;
+        const r = typeof n == "function" ? n(JSON.parse(a)) : n;
+        r == null ? w(t) : l(t, r);
+      } catch (r) {
+        console.warn(r);
       }
-      return E;
     },
-    [t, e]
-  ), s = u(() => {
-    const n = e instanceof Function ? e() : e;
-    if (l)
-      return n;
-    try {
-      const o = window.localStorage.getItem(r);
-      return o ? a(o) : n;
-    } catch (o) {
-      return console.warn(`Error reading localStorage key “${r}”:`, o), n;
-    }
-  }, [e, r, a]), [f, i] = F(() => c ? s() : e instanceof Function ? e() : e), C = v((n) => {
-    l && console.warn(
-      `Tried setting localStorage key “${r}” even though environment is not a client`
-    );
+    [t, a]
+  ), S = s.useCallback(() => {
+    o(e);
+  }, [e, o]), f = s.useCallback(() => {
+    o(null);
+  }, [o]);
+  return s.useEffect(() => {
     try {
-      const o = n instanceof Function ? n(s()) : n;
-      window.localStorage.setItem(r, d(o)), i(o), window.dispatchEvent(new StorageEvent("local-storage", { key: r }));
-    } catch (o) {
-      console.warn(`Error setting localStorage key “${r}”:`, o);
+      u(t) === null && typeof e < "u" && l(t, e);
+    } catch (n) {
+      console.warn(n);
     }
-  }), z = v(() => {
-    l && console.warn(
-      `Tried removing localStorage key “${r}” even though environment is not a client`
-    );
-    const n = e instanceof Function ? e() : e;
-    window.localStorage.removeItem(r), i(n), window.dispatchEvent(new StorageEvent("local-storage", { key: r }));
-  });
-  g(() => {
-    i(s());
-  }, [r]);
-  const w = u(
-    (n) => {
-      n.key && n.key !== r || i(s());
-    },
-    [r, s]
-  );
-  return S("storage", w), S("local-storage", w), [f, C, z];
+  }, [t, e]), [a ? JSON.parse(a) : null, o, S, f];
 }
 export {
-  $ as useLocalStorage
+  i as useLocalStorage
 };

package/dist/index.d.ts

@@ -1,4 +1,28 @@
-export { useLocalStorage } from 'usehooks-ts';
+interface StorageProperties<T> {
+    /**
+     * Storage key.
+     */
+    key: string;
+    /**
+     * Default value that will be set if value is not found in storage.
+     */
+    initialValue?: T;
+}
+/**
+ *
+ * @example
+ * import { useLocalStorage } from '@versini/ui-hooks';
+ * const [value, setValue, resetValue, removeValue] = useLocalStorage({
+ *   key: 'gpt-model',
+ *   initialValue: 'gpt-3',
+ * });
+ *
+ * setValue('gpt-4'); ==> "gpt-4"
+ * setValue((current) => (current === 'gpt-3' ? 'gpt-4' : 'gpt-3'));
+ * resetValue(); ==> "gpt-3"
+ * removeValue(); ==> null
+ */
+declare function useLocalStorage<T>({ key, initialValue, }: StorageProperties<T>): any[];
 
 /**
  * React utility to merge refs.
@@ -93,4 +117,4 @@ type UseUniqueIdOptions = string | number | {
 };
 declare function useUniqueId(options?: UseUniqueIdOptions): string | undefined;
 
-export { useMergeRefs, useUncontrolled, useUniqueId };
+export { useLocalStorage, useMergeRefs, useUncontrolled, useUniqueId };

package/dist/index.js

@@ -1,14 +1,14 @@
-import { useMergeRefs as r } from "./hooks/useMergeRefs.js";
-import { useUncontrolled as f } from "./hooks/useUncontrolled.js";
-import { useUniqueId as u } from "./hooks/useUniqueId.js";
-import { useLocalStorage as p } from "./hooks/useLocalStorage.js";
+import { useLocalStorage as r } from "./hooks/useLocalStorage.js";
+import { useMergeRefs as f } from "./hooks/useMergeRefs.js";
+import { useUncontrolled as u } from "./hooks/useUncontrolled.js";
+import { useUniqueId as p } from "./hooks/useUniqueId.js";
 /*!
-  @versini/ui-hooks v3.0.0
+  @versini/ui-hooks v4.0.0
   © 2024 gizmette.com
 */
 export {
-  p as useLocalStorage,
-  r as useMergeRefs,
-  f as useUncontrolled,
-  u as useUniqueId
+  r as useLocalStorage,
+  f as useMergeRefs,
+  u as useUncontrolled,
+  p as useUniqueId
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-hooks",
-	"version": "3.0.0",
+	"version": "4.0.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -41,8 +41,5 @@
 		"react": "18.3.1",
 		"react-dom": "18.3.1"
 	},
-	"dependencies": {
-		"usehooks-ts": "3.1.0"
-	},
-	"gitHead": "e3e5df0ce39be11620614a8f47de214155b589f5"
+	"gitHead": "40c5513a982e3c2f8ee1905d4f5d3acbb81062ca"
 }