react-state-bucket 1.1.11 → 1.2.0

package/index.d.ts

@@ -0,0 +1,30 @@
+type BucketOptions = {
+    store?: "memory" | "session" | "local" | "url";
+};
+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_1 extends keyof IT>(key: T_1) => IT[T_1];
+        delete: <T_2 extends keyof IT>(key: T_2) => void;
+        clear: () => void;
+        getState: () => IT;
+        setState: (state: Partial<IT>) => void;
+        isChange: <T_3 extends keyof IT>(key: T_3) => boolean | undefined;
+        getChanges: () => string[];
+        clearChanges: () => void;
+    };
+    set: <T extends keyof IT>(key: T, value: IT[T]) => void;
+    get: <T_1 extends keyof IT>(key: T_1) => IT[T_1];
+    delete: <T_2 extends keyof IT>(key: T_2) => void;
+    clear: () => void;
+    getState: () => IT;
+    setState: (state: Partial<IT>) => void;
+    isChange: <T_3 extends keyof IT>(key: T_3) => boolean | undefined;
+    getChanges: () => string[];
+    clearChanges: () => void;
+};
+
+export { createBucket };
+export type { BucketOptions };

package/index.js

@@ -0,0 +1,121 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var react=require('react');const createBucket = (initial, option) => {
+    const hooks = new Map();
+    let data = new Map();
+    let changes = new Map();
+    let _option = Object.assign({ 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 = react.useId();
+        const [d, setUp] = react.useState(0);
+        react.useEffect(() => {
+            hooks.set(id, () => setUp(Math.random()));
+            return () => {
+                hooks.delete(id);
+            };
+        }, []);
+        const state = react.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;
+};exports.createBucket=createBucket;//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { 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}"],"names":["useId","useState","useEffect","useMemo"],"mappings":"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"}

package/index.mjs

@@ -0,0 +1,121 @@
+import {useId,useState,useEffect,useMemo}from'react';const createBucket = (initial, option) => {
+    const hooks = new Map();
+    let data = new Map();
+    let changes = new Map();
+    let _option = Object.assign({ 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.mjs.map

package/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["import { 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}"],"names":[],"mappings":"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"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.1.11",
+  "version": "1.2.0",
   "name": "react-state-bucket",
   "author": "Naxrul Ahmed",
   "license": "MIT",
@@ -12,12 +12,6 @@
   "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",

package/main.tsx

@@ -1,48 +0,0 @@
-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/src/index.ts

@@ -1,138 +0,0 @@
-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

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