react-state-bucket 1.1.2 → 1.1.4

package/index.js

@@ -1,2 +1,125 @@
-"use client";import{useEffect as v,useId as x,useMemo as P,useState as C}from"react";const M=(l,S)=>{const f=new Map;let r=new Map,o=new Map,c={store:"memory",...S};for(let e in l){let t=l[e];r.set(e,t),o.set(e,!0)}const g=(e=!0)=>{if(typeof window<"u"){let t=new URL(window.location.href);if(c.store==="session"||c.store==="local"){let s=c.store==="session"?sessionStorage:localStorage;for(let n in l){let w=s.getItem(n)!==null;e||!w?r.has(n)?s.setItem(n,r.get(n)):s.removeItem(n):w&&r.set(n,s.getItem(n))}}else if(c.store==="url"){for(let s in l){let n=t.searchParams.has(s);e||!n?r.has(s)?t.searchParams.set(s,r.get(s)):t.searchParams.delete(s):n&&r.set(s,t.searchParams.get(s))}window.history.replaceState(null,"",t.toString())}}};g(!1);let i=()=>{f.forEach(e=>{try{e()}catch{}}),g()};const u=(e,t)=>{if(!(e in l))throw new Error(`(${e}) Invalid key provided in the set function. Please verify the structure of the initial state data.`);r.set(e,t),o.set(e,!0),i()},h=e=>r.get(e),d=e=>{r.delete(e),o.set(e,!0),i()},y=()=>{for(let e in l)r.delete(e),o.set(e,!0);i()},T=()=>{let e={};for(let t in l)e[t]=r.get(t);return e},m=e=>{for(let t in e){if(!(t in l))throw new Error(`(${t}) Invalid key provided in the setState function. Please verify the structure of the initial state data.`);r.set(t,e[t]),o.set(t,!0)}i()},k=e=>o.get(e),p=()=>Array.from(o.keys()).filter(e=>o.get(e)),I=()=>Array.from(o.keys()).forEach(e=>o.set(e,!1)),a=()=>{const e=x(),[t,s]=C(0);v(()=>(f.set(e,()=>s(Math.random())),()=>{f.delete(e)}),[]);const n=P(()=>T(),[t]);return{set:u,get:h,delete:d,clear:y,getState:()=>n,setState:m,isChange:k,getChanges:p,clearChanges:I}};return a.set=u,a.get=h,a.delete=d,a.clear=y,a.getState=T,a.setState=m,a.isChange=k,a.getChanges=p,a.clearChanges=I,a};export{M as createBucket};
+"use client";
+import { useEffect, useId, useMemo, useState } from "react";
+const createBucket = (initial, option) => {
+  const hooks = /* @__PURE__ */ new Map();
+  let data = /* @__PURE__ */ new Map();
+  let changes = /* @__PURE__ */ new Map();
+  let _option = {
+    store: "memory",
+    ...option
+  };
+  for (let key in initial) {
+    let value = initial[key];
+    data.set(key, value);
+    changes.set(key, true);
+  }
+  const handleStorage = (isLoaded = true) => {
+    if (typeof window !== "undefined") {
+      let url = new URL(window.location.href);
+      if (_option.store === "session" || _option.store === "local") {
+        let storage = _option.store === "session" ? sessionStorage : localStorage;
+        for (let key in initial) {
+          let has = storage.getItem(key) !== null;
+          if (isLoaded || !has) {
+            data.has(key) ? storage.setItem(key, data.get(key)) : storage.removeItem(key);
+          } else if (has) {
+            data.set(key, storage.getItem(key));
+          }
+        }
+      } else if (_option.store === "url") {
+        for (let key in initial) {
+          let has = url.searchParams.has(key);
+          if (isLoaded || !has) {
+            data.has(key) ? url.searchParams.set(key, data.get(key)) : url.searchParams.delete(key);
+          } else if (has) {
+            data.set(key, url.searchParams.get(key));
+          }
+        }
+        window.history.replaceState(null, "", url.toString());
+      }
+    }
+  };
+  handleStorage(false);
+  let dispatch = () => {
+    hooks.forEach((d) => {
+      try {
+        d();
+      } catch (error) {
+      }
+    });
+    handleStorage();
+  };
+  const set = (key, value) => {
+    if (!(key in initial)) throw new Error(`(${key}) Invalid key provided in the set function. Please verify the structure of the initial state data.`);
+    data.set(key, value);
+    changes.set(key, true);
+    dispatch();
+  };
+  const get = (key) => data.get(key);
+  const _delete = (key) => {
+    data.delete(key);
+    changes.set(key, true);
+    dispatch();
+  };
+  const clear = () => {
+    for (let key in initial) {
+      data.delete(key);
+      changes.set(key, true);
+    }
+    dispatch();
+  };
+  const getState = () => {
+    let d = {};
+    for (let key in initial) {
+      d[key] = data.get(key);
+    }
+    return d;
+  };
+  const setState = (state) => {
+    for (let key in state) {
+      if (!(key in initial)) throw new Error(`(${key}) Invalid key provided in the setState function. Please verify the structure of the initial state data.`);
+      data.set(key, state[key]);
+      changes.set(key, true);
+    }
+    dispatch();
+  };
+  const isChange = (key) => changes.get(key);
+  const getChanges = () => Array.from(changes.keys()).filter((key) => changes.get(key));
+  const clearChanges = () => Array.from(changes.keys()).forEach((key) => changes.set(key, false));
+  const useHook = () => {
+    const id = useId();
+    const [d, setUp] = useState(0);
+    useEffect(() => {
+      hooks.set(id, () => setUp(Math.random()));
+      return () => {
+        hooks.delete(id);
+      };
+    }, []);
+    const state = useMemo(() => getState(), [d]);
+    return {
+      set,
+      get,
+      delete: _delete,
+      clear,
+      getState: () => state,
+      setState,
+      isChange,
+      getChanges,
+      clearChanges
+    };
+  };
+  useHook.set = set;
+  useHook.get = get;
+  useHook.delete = _delete;
+  useHook.clear = clear;
+  useHook.getState = getState;
+  useHook.setState = setState;
+  useHook.isChange = isChange;
+  useHook.getChanges = getChanges;
+  useHook.clearChanges = clearChanges;
+  return useHook;
+};
+export {
+  createBucket
+};
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../src/index.ts"],
   "sourcesContent": ["\"use client\"\nimport { useEffect, useId, useMemo, useState } from \"react\"\n\nexport type BucketOptions = {\n  store?: \"memory\" | \"session\" | \"local\" | \"url\"\n}\n\nexport const createBucket = <IT extends { [key: string]: any }>(initial: IT, option?: BucketOptions) => {\n  const hooks = new Map<string, Function>()\n  let data = new Map<any, any>()\n  let changes = new Map<string, boolean>()\n\n  let _option: BucketOptions = {\n    store: \"memory\",\n    ...option,\n  }\n\n  for (let key in initial) {\n    let value = initial[key]\n    data.set(key, value)\n    changes.set(key, true)\n  }\n\n  const handleStorage = (isLoaded = true) => {\n    if (typeof window !== 'undefined') {\n      let url = new URL(window.location.href)\n      if (_option.store === 'session' || _option.store === 'local') {\n        let storage = _option.store === \"session\" ? sessionStorage : localStorage\n        for (let key in initial) {\n          let has = storage.getItem(key) !== null\n          if (isLoaded || !has) {\n            data.has(key) ? storage.setItem(key, data.get(key)) : storage.removeItem(key)\n          } else if (has) {\n            data.set(key, storage.getItem(key))\n          }\n        }\n      } else if (_option.store === \"url\") {\n        for (let key in initial) {\n          let has = url.searchParams.has(key)\n          if (isLoaded || !has) {\n            data.has(key) ? url.searchParams.set(key, data.get(key)) : url.searchParams.delete(key)\n          } else if (has) {\n            data.set(key, url.searchParams.get(key))\n          }\n        }\n        window.history.replaceState(null, '', url.toString())\n      }\n    }\n  }\n\n  handleStorage(false)\n\n  let dispatch = () => {\n    hooks.forEach(d => {\n      try { d() } catch (error) { }\n    })\n    handleStorage()\n  }\n\n  const set = <T extends keyof IT>(key: T, value: IT[T]) => {\n    if (!(key in initial)) throw new Error(`(${key as string}) Invalid key provided in the set function. Please verify the structure of the initial state data.`)\n    data.set(key, value)\n    changes.set(key as string, true)\n    dispatch()\n  }\n\n  const get = <T extends keyof IT>(key: T): IT[T] => data.get(key)\n  const _delete = <T extends keyof IT>(key: T) => {\n    data.delete(key)\n    changes.set(key as string, true)\n    dispatch()\n  }\n\n  const clear = () => {\n    for (let key in initial) {\n      data.delete(key)\n      changes.set(key, true)\n    }\n    dispatch()\n  }\n\n  const getState = () => {\n    let d: any = {}\n    for (let key in initial) {\n      d[key] = data.get(key)\n    }\n    return d as IT\n  }\n\n  const setState = (state: Partial<IT>) => {\n    for (let key in state) {\n      if (!(key in initial)) throw new Error(`(${key}) Invalid key provided in the setState function. Please verify the structure of the initial state data.`)\n      data.set(key, state[key] as any)\n      changes.set(key, true)\n    }\n    dispatch()\n  }\n  const isChange = <T extends keyof IT>(key: T) => changes.get(key as string)\n  const getChanges = () => Array.from(changes.keys()).filter((key: string) => changes.get(key as string))\n  const clearChanges = () => Array.from(changes.keys()).forEach((key: string) => changes.set(key, false))\n\n  const useHook = () => {\n    const id = useId()\n    const [d, setUp] = useState(0)\n\n    useEffect(() => {\n      hooks.set(id, () => setUp(Math.random()))\n      return () => {\n        hooks.delete(id)\n      }\n    }, [])\n\n    const state = useMemo(() => getState(), [d])\n\n    return {\n      set,\n      get,\n      delete: _delete,\n      clear,\n      getState: () => state,\n      setState,\n      isChange,\n      getChanges,\n      clearChanges,\n    }\n  }\n\n  useHook.set = set\n  useHook.get = get\n  useHook.delete = _delete\n  useHook.clear = clear\n  useHook.getState = getState\n  useHook.setState = setState\n  useHook.isChange = isChange\n  useHook.getChanges = getChanges\n  useHook.clearChanges = clearChanges\n\n  return useHook\n}"],
-  "mappings": "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",
-  "names": ["useEffect", "useId", "useMemo", "useState", "createBucket", "initial", "option", "hooks", "data", "changes", "_option", "key", "value", "handleStorage", "isLoaded", "url", "storage", "has", "dispatch", "d", "set", "get", "_delete", "clear", "getState", "setState", "state", "isChange", "getChanges", "clearChanges", "useHook", "id", "setUp"]
+  "mappings": "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",
+  "names": []
 }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.1.2",
+  "version": "1.1.4",
   "name": "react-state-bucket",
   "author": "Naxrul Ahmed",
   "license": "MIT",
@@ -21,7 +21,7 @@
   "devDependencies": {
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
-    "makepack": "^1.2.3",
+    "makepack": "^1.3.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "typescript": "^4.4.2"

package/readme.md

@@ -1,5 +1,5 @@
 <p align="center">
-  <img width="120" src="https://api.mypiebd.com/uploads/2024/11/26/images/5c31a5fc731a89c82fd0e846dd69a99378243.png" alt="React State Bucket logo">
+  <img width="120" src="https://raw.githubusercontent.com/devnax/react-state-bucket/main/logo.png" alt="React State Bucket logo">
 </p>
 
 <h1 align="center">React State Bucket</h1>