use-json-localstorage 0.3.0 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "use-json-localstorage",
-  "version": "0.3.0",
+  "version": "1.2.0",
   "description": "JSON local storage for React",
   "repository": {
     "type": "git",
@@ -22,6 +22,10 @@
       "require": "./dist/index.cjs"
     }
   },
+  "files": [
+    "dist",
+    "README.md"
+  ],
   "scripts": {
     "build": "tsup",
     "prepublishOnly": "pnpm build"
@@ -42,4 +46,4 @@
   "dependencies": {
     "superjson": "^2.2.6"
   }
-}
+}

package/src/getRuntimeLocalStorage.ts

@@ -1,68 +0,0 @@
-'use client';
-
-import SuperJSON from "superjson";
-
-interface SerializeStorage {
-    set: <T>(key: string, value: T) => void;
-    get: <T>(key: string) => T | null;
-    on: (type: string, callback: (event: LocalStorageEvent) => void) => () => void;
-}
-
-type ExtendedGlobalThis = typeof globalThis & {
-    runtimeLocalStorage: SerializeStorage;
-};
-
-function deserialize<T>(serializedJavascript: string): T {
-    return SuperJSON.parse(serializedJavascript);
-}
-
-type Listener<T> = (event: T) => void;
-
-type LocalStorageEvent = {
-    key: string;
-    value: unknown;
-};
-
-function createEmitter<T>() {
-    const listeners = new Map<string, Set<Listener<T>>>();
-    return {
-        emit(type: string, event: T) {
-            listeners.get(type)?.forEach((listener) => listener(event));
-        },
-        on(type: string, listener: Listener<T>) {
-            if (!listeners.has(type)) {
-                listeners.set(type, new Set());
-            }
-            listeners.get(type)!.add(listener);
-            return () => listeners.get(type)!.delete(listener);
-        }
-
-    };
-}
-
-
-export const getRuntimeLocalStorage = () => {
-    if (!(globalThis as ExtendedGlobalThis).runtimeLocalStorage) {
-        (globalThis as ExtendedGlobalThis).runtimeLocalStorage = (() => {
-            const emitter = createEmitter<LocalStorageEvent>();
-
-            return {
-                set: (key: string, value: unknown) => {
-                    const serializedValue = SuperJSON.stringify(value);
-                    globalThis.localStorage.setItem(key, serializedValue);
-                    emitter.emit(`set`, { key, value });
-                    return;
-                },
-                get: <T>(key: string) => {
-                    const value = globalThis.localStorage.getItem(key);
-                    return value ? deserialize<T>(value) : null;
-                },
-                on: (type: string, callback: Listener<LocalStorageEvent>) => {
-                    return emitter.on(type, callback)
-                },
-            };
-        })();
-    };
-
-    return (globalThis as ExtendedGlobalThis).runtimeLocalStorage;
-}

package/src/index.ts

@@ -1,2 +0,0 @@
-export { getRuntimeLocalStorage } from './getRuntimeLocalStorage';
-export { useLocalStorageValue } from './useLocalStorageValue';

package/src/useLocalStorageValue.ts

@@ -1,19 +0,0 @@
-import { useSyncExternalStore } from "react";
-import { getRuntimeLocalStorage } from "./getRuntimeLocalStorage";
-
-export const useLocalStorageValue = <T>(key: string, defaultValue: T) => {
-    const store = getRuntimeLocalStorage();
-    return useSyncExternalStore(
-        (onStoreChange) => {
-            return store.on('set', (event) => {
-                if (event.key === key) {
-                    onStoreChange();
-                }
-            });
-        },
-        () => {
-            const value = store.get<T>(key);
-            return value ?? defaultValue;
-        }
-    );
-};

package/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2019",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-
-    "jsx": "react-jsx",
-
-    "declaration": true,
-    "declarationMap": true,
-    "emitDeclarationOnly": false,
-
-    "strict": true,
-    "skipLibCheck": true,
-
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-
-    "outDir": "dist",
-    "rootDir": "src"
-  },
-  "include": ["src"]
-}

package/tsup.config.ts

@@ -1,8 +0,0 @@
-import { defineConfig } from "tsup";
-
-export default defineConfig({
-  entry: ["src/index.ts"],
-  format: ["esm", "cjs"],
-  dts: true,
-  clean: true,
-});