react-state-bucket 1.1.9 → 1.1.11

package/main.tsx

@@ -0,0 +1,48 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { createBucket } from './src';
+
+const useForm = createBucket({
+  name: ""
+}, { store: "url" })
+
+const Change = () => {
+
+  return (
+    <button
+      onClick={() => {
+        useForm.set("name", useForm.get("name") === "nax" ? "Devnax" : "nax")
+      }}
+    >Add</button>
+  )
+}
+
+const Delete = () => {
+  return (
+    <button
+      onClick={() => {
+        useForm.delete("name")
+      }}
+    >Delete</button>
+  )
+}
+
+const App = () => {
+  const form = useForm()
+  const name = form.get("name")
+  console.log(form.getChanges());
+
+  return (
+    <div>
+      name: {name}
+      <Change />
+      <Delete />
+    </div>
+  );
+};
+
+const rootEle = document.getElementById('root')
+if (rootEle) {
+  const root = createRoot(rootEle);
+  root.render(<App />);
+}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.1.9",
+  "version": "1.1.11",
   "name": "react-state-bucket",
   "author": "Naxrul Ahmed",
   "license": "MIT",
@@ -9,13 +9,19 @@
   },
   "description": "A lightweight and powerful package designed to manage states globally in React applications. It provides CRUD operations for your state data with ease, enabling developers to handle complex state management scenarios without the need for heavy libraries.",
   "homepage": "https://github.com/devnax/react-state-bucket#readme",
-  "main": "./cjs/index.js",
-  "module": "./index.js",
+  "main": "./index.js",
+  "module": "./index.mjs",
   "types": "./index.d.ts",
+  "type": "module",
+  "scripts": {
+    "start": "makepack start",
+    "build": "makepack build",
+    "release": "makepack release"
+  },
   "devDependencies": {
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2",
-    "makepack": "^1.6.8",
+    "makepack": "^1.7.5",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "typescript": "^4.4.2"
@@ -34,28 +40,11 @@
     "lightweight",
     "typescript"
   ],
-  "sideEffects": false,
   "exports": {
     ".": {
-      "require": {
-        "types": "./index.d.ts",
-        "default": "./cjs/index.js"
-      },
-      "import": {
-        "types": "./index.d.ts",
-        "default": "./index.js"
-      }
-    },
-    "./*": {
-      "require": {
-        "types": "./*.d.ts",
-        "default": "./cjs/*.js"
-      },
-      "import": {
-        "types": "./*.d.ts",
-        "default": "./*.js"
-      }
-    },
-    "./cjs": null
+      "import": "./index.mjs",
+      "require": "./index.js",
+      "types": "./index.d.ts"
+    }
   }
 }

package/src/index.ts

@@ -0,0 +1,138 @@
+import { useEffect, useId, useMemo, useState } from "react"
+
+export type BucketOptions = {
+  store?: "memory" | "session" | "local" | "url"
+}
+
+export const createBucket = <IT extends { [key: string]: any }>(initial: IT, option?: BucketOptions) => {
+  const hooks = new Map<string, Function>()
+  let data = new Map<any, any>()
+  let changes = new Map<string, boolean>()
+
+  let _option: BucketOptions = {
+    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 = <T extends keyof IT>(key: T, value: IT[T]) => {
+    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.`)
+    data.set(key, value)
+    changes.set(key as string, true)
+    dispatch()
+  }
+
+  const get = <T extends keyof IT>(key: T): IT[T] => data.get(key)
+  const _delete = <T extends keyof IT>(key: T) => {
+    data.delete(key)
+    changes.set(key as string, true)
+    dispatch()
+  }
+
+  const clear = () => {
+    for (let key in initial) {
+      data.delete(key)
+      changes.set(key, true)
+    }
+    dispatch()
+  }
+
+  const getState = () => {
+    let d: any = {}
+    for (let key in initial) {
+      d[key] = data.get(key)
+    }
+    return d as IT
+  }
+
+  const setState = (state: Partial<IT>) => {
+    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] as any)
+      changes.set(key, true)
+    }
+    dispatch()
+  }
+  const isChange = <T extends keyof IT>(key: T) => changes.get(key as string)
+  const getChanges = () => Array.from(changes.keys()).filter((key: string) => changes.get(key as string))
+  const clearChanges = () => Array.from(changes.keys()).forEach((key: string) => 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
+}

package/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react"
+  },
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}

package/cjs/index.js

@@ -1,2 +0,0 @@
-"use strict";"use client";var h=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var M=(s,l)=>{for(var i in l)h(s,i,{get:l[i],enumerable:!0})},B=(s,l,i,r)=>{if(l&&typeof l=="object"||typeof l=="function")for(let n of C(l))!E.call(s,n)&&n!==i&&h(s,n,{get:()=>l[n],enumerable:!(r=P(l,n))||r.enumerable});return s};var O=s=>B(h({},"__esModule",{value:!0}),s);var U={};M(U,{createBucket:()=>A});module.exports=O(U);var f=require("react");const A=(s,l)=>{const i=new Map;let r=new Map,n=new Map,g={store:"memory",...l};for(let e in s){let t=s[e];r.set(e,t),n.set(e,!0)}const d=(e=!0)=>{if(typeof window<"u"){let t=new URL(window.location.href);if(g.store==="session"||g.store==="local"){let o=g.store==="session"?sessionStorage:localStorage;for(let a in s){let x=o.getItem(a)!==null;e||!x?r.has(a)?o.setItem(a,r.get(a)):o.removeItem(a):x&&r.set(a,o.getItem(a))}}else if(g.store==="url"){for(let o in s){let a=t.searchParams.has(o);e||!a?r.has(o)?t.searchParams.set(o,r.get(o)):t.searchParams.delete(o):a&&r.set(o,t.searchParams.get(o))}window.history.replaceState(null,"",t.toString())}}};d(!1);let u=()=>{i.forEach(e=>{try{e()}catch{}}),d()};const y=(e,t)=>{if(!(e in s))throw new Error(`(${e}) Invalid key provided in the set function. Please verify the structure of the initial state data.`);r.set(e,t),n.set(e,!0),u()},T=e=>r.get(e),m=e=>{r.delete(e),n.set(e,!0),u()},k=()=>{for(let e in s)r.delete(e),n.set(e,!0);u()},p=()=>{let e={};for(let t in s)e[t]=r.get(t);return e},I=e=>{for(let t in e){if(!(t in s))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]),n.set(t,!0)}u()},w=e=>n.get(e),S=()=>Array.from(n.keys()).filter(e=>n.get(e)),v=()=>Array.from(n.keys()).forEach(e=>n.set(e,!1)),c=()=>{const e=(0,f.useId)(),[t,o]=(0,f.useState)(0);(0,f.useEffect)(()=>(i.set(e,()=>o(Math.random())),()=>{i.delete(e)}),[]);const a=(0,f.useMemo)(()=>p(),[t]);return{set:y,get:T,delete:m,clear:k,getState:()=>a,setState:I,isChange:w,getChanges:S,clearChanges:v}};return c.set=y,c.get=T,c.delete=m,c.clear=k,c.getState=p,c.setState=I,c.isChange=w,c.getChanges=S,c.clearChanges=v,c};
-//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "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": ["index_exports", "__export", "createBucket", "__toCommonJS", "import_react", "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"]
-}

package/index.d.ts

@@ -1,27 +0,0 @@
-export type BucketOptions = {
-    store?: "memory" | "session" | "local" | "url";
-};
-export declare const createBucket: <IT extends {
-    [key: string]: any;
-}>(initial: IT, option?: BucketOptions) => {
-    (): {
-        set: <T extends keyof IT>(key: T, value: IT[T]) => void;
-        get: <T extends keyof IT>(key: T) => IT[T];
-        delete: <T extends keyof IT>(key: T) => void;
-        clear: () => void;
-        getState: () => IT;
-        setState: (state: Partial<IT>) => void;
-        isChange: <T extends keyof IT>(key: T) => boolean | undefined;
-        getChanges: () => string[];
-        clearChanges: () => void;
-    };
-    set: <T extends keyof IT>(key: T, value: IT[T]) => void;
-    get: <T extends keyof IT>(key: T) => IT[T];
-    delete: <T extends keyof IT>(key: T) => void;
-    clear: () => void;
-    getState: () => IT;
-    setState: (state: Partial<IT>) => void;
-    isChange: <T extends keyof IT>(key: T) => boolean | undefined;
-    getChanges: () => string[];
-    clearChanges: () => void;
-};

package/index.js

@@ -1,2 +0,0 @@
-"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};
-//# sourceMappingURL=index.js.map

package/index.js.map

@@ -1,7 +0,0 @@
-{
-  "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"]
-}