react-state-bucket 1.1.3 → 1.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +124 -1
- package/index.js.map +2 -2
- package/package.json +2 -2
package/index.js
CHANGED
|
@@ -1,2 +1,125 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { useEffect, useId, useMemo, useState } from "react";
|
|
3
|
+
const createBucket = (initial, option) => {
|
|
4
|
+
const hooks = /* @__PURE__ */ new Map();
|
|
5
|
+
let data = /* @__PURE__ */ new Map();
|
|
6
|
+
let changes = /* @__PURE__ */ new Map();
|
|
7
|
+
let _option = {
|
|
8
|
+
store: "memory",
|
|
9
|
+
...option
|
|
10
|
+
};
|
|
11
|
+
for (let key in initial) {
|
|
12
|
+
let value = initial[key];
|
|
13
|
+
data.set(key, value);
|
|
14
|
+
changes.set(key, true);
|
|
15
|
+
}
|
|
16
|
+
const handleStorage = (isLoaded = true) => {
|
|
17
|
+
if (typeof window !== "undefined") {
|
|
18
|
+
let url = new URL(window.location.href);
|
|
19
|
+
if (_option.store === "session" || _option.store === "local") {
|
|
20
|
+
let storage = _option.store === "session" ? sessionStorage : localStorage;
|
|
21
|
+
for (let key in initial) {
|
|
22
|
+
let has = storage.getItem(key) !== null;
|
|
23
|
+
if (isLoaded || !has) {
|
|
24
|
+
data.has(key) ? storage.setItem(key, data.get(key)) : storage.removeItem(key);
|
|
25
|
+
} else if (has) {
|
|
26
|
+
data.set(key, storage.getItem(key));
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
} else if (_option.store === "url") {
|
|
30
|
+
for (let key in initial) {
|
|
31
|
+
let has = url.searchParams.has(key);
|
|
32
|
+
if (isLoaded || !has) {
|
|
33
|
+
data.has(key) ? url.searchParams.set(key, data.get(key)) : url.searchParams.delete(key);
|
|
34
|
+
} else if (has) {
|
|
35
|
+
data.set(key, url.searchParams.get(key));
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
window.history.replaceState(null, "", url.toString());
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
handleStorage(false);
|
|
43
|
+
let dispatch = () => {
|
|
44
|
+
hooks.forEach((d) => {
|
|
45
|
+
try {
|
|
46
|
+
d();
|
|
47
|
+
} catch (error) {
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
handleStorage();
|
|
51
|
+
};
|
|
52
|
+
const set = (key, value) => {
|
|
53
|
+
if (!(key in initial)) throw new Error(`(${key}) Invalid key provided in the set function. Please verify the structure of the initial state data.`);
|
|
54
|
+
data.set(key, value);
|
|
55
|
+
changes.set(key, true);
|
|
56
|
+
dispatch();
|
|
57
|
+
};
|
|
58
|
+
const get = (key) => data.get(key);
|
|
59
|
+
const _delete = (key) => {
|
|
60
|
+
data.delete(key);
|
|
61
|
+
changes.set(key, true);
|
|
62
|
+
dispatch();
|
|
63
|
+
};
|
|
64
|
+
const clear = () => {
|
|
65
|
+
for (let key in initial) {
|
|
66
|
+
data.delete(key);
|
|
67
|
+
changes.set(key, true);
|
|
68
|
+
}
|
|
69
|
+
dispatch();
|
|
70
|
+
};
|
|
71
|
+
const getState = () => {
|
|
72
|
+
let d = {};
|
|
73
|
+
for (let key in initial) {
|
|
74
|
+
d[key] = data.get(key);
|
|
75
|
+
}
|
|
76
|
+
return d;
|
|
77
|
+
};
|
|
78
|
+
const setState = (state) => {
|
|
79
|
+
for (let key in state) {
|
|
80
|
+
if (!(key in initial)) throw new Error(`(${key}) Invalid key provided in the setState function. Please verify the structure of the initial state data.`);
|
|
81
|
+
data.set(key, state[key]);
|
|
82
|
+
changes.set(key, true);
|
|
83
|
+
}
|
|
84
|
+
dispatch();
|
|
85
|
+
};
|
|
86
|
+
const isChange = (key) => changes.get(key);
|
|
87
|
+
const getChanges = () => Array.from(changes.keys()).filter((key) => changes.get(key));
|
|
88
|
+
const clearChanges = () => Array.from(changes.keys()).forEach((key) => changes.set(key, false));
|
|
89
|
+
const useHook = () => {
|
|
90
|
+
const id = useId();
|
|
91
|
+
const [d, setUp] = useState(0);
|
|
92
|
+
useEffect(() => {
|
|
93
|
+
hooks.set(id, () => setUp(Math.random()));
|
|
94
|
+
return () => {
|
|
95
|
+
hooks.delete(id);
|
|
96
|
+
};
|
|
97
|
+
}, []);
|
|
98
|
+
const state = useMemo(() => getState(), [d]);
|
|
99
|
+
return {
|
|
100
|
+
set,
|
|
101
|
+
get,
|
|
102
|
+
delete: _delete,
|
|
103
|
+
clear,
|
|
104
|
+
getState: () => state,
|
|
105
|
+
setState,
|
|
106
|
+
isChange,
|
|
107
|
+
getChanges,
|
|
108
|
+
clearChanges
|
|
109
|
+
};
|
|
110
|
+
};
|
|
111
|
+
useHook.set = set;
|
|
112
|
+
useHook.get = get;
|
|
113
|
+
useHook.delete = _delete;
|
|
114
|
+
useHook.clear = clear;
|
|
115
|
+
useHook.getState = getState;
|
|
116
|
+
useHook.setState = setState;
|
|
117
|
+
useHook.isChange = isChange;
|
|
118
|
+
useHook.getChanges = getChanges;
|
|
119
|
+
useHook.clearChanges = clearChanges;
|
|
120
|
+
return useHook;
|
|
121
|
+
};
|
|
122
|
+
export {
|
|
123
|
+
createBucket
|
|
124
|
+
};
|
|
2
125
|
//# sourceMappingURL=index.js.map
|
package/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/index.ts"],
|
|
4
4
|
"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}"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.1.
|
|
2
|
+
"version": "1.1.4",
|
|
3
3
|
"name": "react-state-bucket",
|
|
4
4
|
"author": "Naxrul Ahmed",
|
|
5
5
|
"license": "MIT",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"devDependencies": {
|
|
22
22
|
"@types/react": "^19.0.2",
|
|
23
23
|
"@types/react-dom": "^19.0.2",
|
|
24
|
-
"makepack": "^1.
|
|
24
|
+
"makepack": "^1.3.0",
|
|
25
25
|
"react": "^19.0.0",
|
|
26
26
|
"react-dom": "^19.0.0",
|
|
27
27
|
"typescript": "^4.4.2"
|