@kalink-ui/seedly 0.15.0 → 0.16.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @kalink-ui/seedly
 
+## 0.16.0
+
+### Minor Changes
+
+- 5af6427: [useLocalStorage] Move hook in the dibbly package
+
 ## 0.15.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kalink-ui/seedly",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "description": "A set of components for building UIs with React and TypeScript",
   "sideEffects": false,
   "license": "MIT",
@@ -47,7 +47,7 @@
     "vite": "^6.2.1",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.0.8",
-    "@kalink-ui/dibbly": "0.4.0",
+    "@kalink-ui/dibbly": "0.5.0",
     "@kalink-ui/eslint-config": "0.9.0",
     "@kalink-ui/typescript-config": "0.4.0"
   },

package/src/index.ts

@@ -1,3 +1,2 @@
 export * from './components';
 export * from './utils';
-export * from './hooks';

package/src/hooks/index.ts

@@ -1 +0,0 @@
-export { useLocalStorage } from './use-local-storage';

package/src/hooks/use-local-storage.ts

@@ -1,99 +0,0 @@
-'use client';
-
-import { useCallback, useEffect, useSyncExternalStore } from 'react';
-
-type Serializable =
-  | string
-  | number
-  | boolean
-  | null
-  | Serializable[]
-  | { [key: string]: Serializable };
-
-type StateUpdater<T> = (oldValue: T) => T;
-
-function dispatchStorageEvent(key: string, newValue: string | null) {
-  window.dispatchEvent(new StorageEvent('storage', { key, newValue }));
-}
-
-function subscribeToStorageEvent(callback: () => void) {
-  window.addEventListener('storage', callback);
-
-  return () => window.removeEventListener('storage', callback);
-}
-
-function setLocalStorage<T>(key: string, value: T) {
-  const stringifiedValue = JSON.stringify(value);
-
-  window.localStorage.setItem(key, stringifiedValue);
-
-  dispatchStorageEvent(key, stringifiedValue);
-}
-
-function removeLocalStorage(key: string) {
-  window.localStorage.removeItem(key);
-
-  dispatchStorageEvent(key, null);
-}
-
-function getLocalStorage(key: string) {
-  return window.localStorage.getItem(key);
-}
-
-function getLocalStorageServerSnapshot<T>(initialValue: T) {
-  const initialSnapshot = JSON.stringify(initialValue);
-
-  return () => initialSnapshot;
-}
-
-const cachedStore = new Map<string, Serializable>();
-
-export function useLocalStorage<T extends Serializable>(
-  key: string,
-  initialValue: T,
-): [T, (value: T | StateUpdater<T>) => void] {
-  const getSnapshot = () => getLocalStorage(key);
-
-  const store = useSyncExternalStore(
-    subscribeToStorageEvent,
-    getSnapshot,
-    getLocalStorageServerSnapshot(initialValue),
-  );
-
-  const setValue = useCallback(
-    (value: T | StateUpdater<T>) => {
-      try {
-        const newValue =
-          typeof value === 'function'
-            ? value(store ? JSON.parse(store) : null)
-            : value;
-
-        if (newValue === undefined || newValue === null) {
-          removeLocalStorage(key);
-        } else {
-          setLocalStorage(key, newValue);
-        }
-      } catch (error) {
-        console.error(error);
-      }
-    },
-    [key, store],
-  );
-
-  useEffect(() => {
-    if (getLocalStorage(key) === null && typeof initialValue !== 'undefined') {
-      setLocalStorage(key, initialValue);
-    }
-  }, [key, initialValue]);
-
-  if (!store) {
-    return [initialValue, setValue];
-  }
-
-  if (!cachedStore.has(store)) {
-    cachedStore.clear();
-    cachedStore.set(store, JSON.parse(store));
-  }
-
-  return [cachedStore.get(store) as T, setValue];
-}