react-state-bucket 1.2.1 → 1.2.3
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.d.ts +5 -2
- package/index.js +68 -44
- package/index.js.map +1 -1
- package/index.mjs +68 -44
- package/index.mjs.map +1 -1
- package/package.json +2 -6
- package/readme.md +22 -3
package/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
type BucketOptions = {
|
|
2
2
|
store?: "memory" | "session" | "local" | "url";
|
|
3
|
+
onChange?: (key: string, value: any, type: "set" | "delete") => void;
|
|
3
4
|
};
|
|
4
5
|
declare const createBucket: <IT extends {
|
|
5
6
|
[key: string]: any;
|
|
@@ -11,8 +12,9 @@ declare const createBucket: <IT extends {
|
|
|
11
12
|
clear: () => void;
|
|
12
13
|
getState: () => IT;
|
|
13
14
|
setState: (state: Partial<IT>) => void;
|
|
14
|
-
isChange: <T_3 extends keyof IT>(key: T_3) => boolean
|
|
15
|
+
isChange: <T_3 extends keyof IT>(key: T_3) => boolean;
|
|
15
16
|
getChanges: () => string[];
|
|
17
|
+
clearChange: <T_4 extends keyof IT>(key: T_4) => Map<string, boolean>;
|
|
16
18
|
clearChanges: () => void;
|
|
17
19
|
};
|
|
18
20
|
set: <T extends keyof IT>(key: T, value: IT[T]) => void;
|
|
@@ -21,8 +23,9 @@ declare const createBucket: <IT extends {
|
|
|
21
23
|
clear: () => void;
|
|
22
24
|
getState: () => IT;
|
|
23
25
|
setState: (state: Partial<IT>) => void;
|
|
24
|
-
isChange: <T_3 extends keyof IT>(key: T_3) => boolean
|
|
26
|
+
isChange: <T_3 extends keyof IT>(key: T_3) => boolean;
|
|
25
27
|
getChanges: () => string[];
|
|
28
|
+
clearChange: <T_4 extends keyof IT>(key: T_4) => Map<string, boolean>;
|
|
26
29
|
clearChanges: () => void;
|
|
27
30
|
};
|
|
28
31
|
|
package/index.js
CHANGED
|
@@ -3,41 +3,6 @@
|
|
|
3
3
|
let data = new Map();
|
|
4
4
|
let changes = new Map();
|
|
5
5
|
let _option = Object.assign({ store: "memory" }, option);
|
|
6
|
-
for (let key in initial) {
|
|
7
|
-
let value = initial[key];
|
|
8
|
-
data.set(key, value);
|
|
9
|
-
changes.set(key, true);
|
|
10
|
-
}
|
|
11
|
-
const handleStorage = (isLoaded = true) => {
|
|
12
|
-
if (typeof window !== 'undefined') {
|
|
13
|
-
let url = new URL(window.location.href);
|
|
14
|
-
if (_option.store === 'session' || _option.store === 'local') {
|
|
15
|
-
let storage = _option.store === "session" ? sessionStorage : localStorage;
|
|
16
|
-
for (let key in initial) {
|
|
17
|
-
let has = storage.getItem(key) !== null;
|
|
18
|
-
if (isLoaded || !has) {
|
|
19
|
-
data.has(key) ? storage.setItem(key, data.get(key)) : storage.removeItem(key);
|
|
20
|
-
}
|
|
21
|
-
else if (has) {
|
|
22
|
-
data.set(key, storage.getItem(key));
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
else if (_option.store === "url") {
|
|
27
|
-
for (let key in initial) {
|
|
28
|
-
let has = url.searchParams.has(key);
|
|
29
|
-
if (isLoaded || !has) {
|
|
30
|
-
data.has(key) ? url.searchParams.set(key, data.get(key)) : url.searchParams.delete(key);
|
|
31
|
-
}
|
|
32
|
-
else if (has) {
|
|
33
|
-
data.set(key, url.searchParams.get(key));
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
window.history.replaceState(null, '', url.toString());
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
handleStorage(false);
|
|
41
6
|
let dispatch = () => {
|
|
42
7
|
hooks.forEach(d => {
|
|
43
8
|
try {
|
|
@@ -45,24 +10,77 @@
|
|
|
45
10
|
}
|
|
46
11
|
catch (error) { }
|
|
47
12
|
});
|
|
48
|
-
handleStorage();
|
|
49
13
|
};
|
|
50
14
|
const set = (key, value) => {
|
|
51
15
|
if (!(key in initial))
|
|
52
16
|
throw new Error(`(${key}) Invalid key provided in the set function. Please verify the structure of the initial state data.`);
|
|
53
|
-
|
|
17
|
+
if (typeof window !== 'undefined' && (_option.store === 'session' || _option.store === 'local')) {
|
|
18
|
+
let storage = _option.store === "session" ? sessionStorage : localStorage;
|
|
19
|
+
storage.setItem(key, JSON.stringify(value));
|
|
20
|
+
}
|
|
21
|
+
else if (typeof window !== 'undefined' && _option.store === 'url') {
|
|
22
|
+
let url = new URL(window.location.href);
|
|
23
|
+
url.searchParams.set(key, JSON.stringify(value));
|
|
24
|
+
window.history.replaceState({}, '', url.toString());
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
data.set(key, value);
|
|
28
|
+
}
|
|
29
|
+
if (_option.onChange) {
|
|
30
|
+
_option.onChange(key, value, 'set');
|
|
31
|
+
}
|
|
54
32
|
changes.set(key, true);
|
|
55
33
|
dispatch();
|
|
56
34
|
};
|
|
57
|
-
const get = (key) =>
|
|
35
|
+
const get = (key) => {
|
|
36
|
+
if (!(key in initial))
|
|
37
|
+
throw new Error(`(${key}) Invalid key provided in the get function. Please verify the structure of the initial state data.`);
|
|
38
|
+
if (typeof window !== 'undefined' && (_option.store === 'session' || _option.store === 'local')) {
|
|
39
|
+
let storage = _option.store === "session" ? sessionStorage : localStorage;
|
|
40
|
+
let storedValue = storage.getItem(key);
|
|
41
|
+
try {
|
|
42
|
+
return JSON.parse(storedValue);
|
|
43
|
+
}
|
|
44
|
+
catch (_a) {
|
|
45
|
+
return storedValue;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
else if (typeof window !== 'undefined' && _option.store === 'url') {
|
|
49
|
+
let url = new URL(window.location.href);
|
|
50
|
+
let storedValue = url.searchParams.get(key);
|
|
51
|
+
try {
|
|
52
|
+
return JSON.parse(storedValue);
|
|
53
|
+
}
|
|
54
|
+
catch (_b) {
|
|
55
|
+
return storedValue;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
return data.get(key);
|
|
59
|
+
};
|
|
58
60
|
const _delete = (key) => {
|
|
59
|
-
|
|
61
|
+
if (!(key in initial))
|
|
62
|
+
throw new Error(`(${key}) Invalid key provided in the delete function. Please verify the structure of the initial state data.`);
|
|
63
|
+
if (typeof window !== 'undefined' && (_option.store === 'session' || _option.store === 'local')) {
|
|
64
|
+
let storage = _option.store === "session" ? sessionStorage : localStorage;
|
|
65
|
+
storage.removeItem(key);
|
|
66
|
+
}
|
|
67
|
+
else if (typeof window !== 'undefined' && _option.store === 'url') {
|
|
68
|
+
let url = new URL(window.location.href);
|
|
69
|
+
url.searchParams.delete(key);
|
|
70
|
+
window.history.replaceState({}, '', url.toString());
|
|
71
|
+
}
|
|
72
|
+
else {
|
|
73
|
+
data.delete(key);
|
|
74
|
+
}
|
|
75
|
+
if (_option.onChange) {
|
|
76
|
+
_option.onChange(key, undefined, 'delete');
|
|
77
|
+
}
|
|
60
78
|
changes.set(key, true);
|
|
61
79
|
dispatch();
|
|
62
80
|
};
|
|
63
81
|
const clear = () => {
|
|
64
82
|
for (let key in initial) {
|
|
65
|
-
|
|
83
|
+
_delete(key);
|
|
66
84
|
changes.set(key, true);
|
|
67
85
|
}
|
|
68
86
|
dispatch();
|
|
@@ -70,7 +88,7 @@
|
|
|
70
88
|
const getState = () => {
|
|
71
89
|
let d = {};
|
|
72
90
|
for (let key in initial) {
|
|
73
|
-
d[key] =
|
|
91
|
+
d[key] = get(key);
|
|
74
92
|
}
|
|
75
93
|
return d;
|
|
76
94
|
};
|
|
@@ -78,14 +96,18 @@
|
|
|
78
96
|
for (let key in state) {
|
|
79
97
|
if (!(key in initial))
|
|
80
98
|
throw new Error(`(${key}) Invalid key provided in the setState function. Please verify the structure of the initial state data.`);
|
|
81
|
-
|
|
99
|
+
set(key, state[key]);
|
|
82
100
|
changes.set(key, true);
|
|
83
101
|
}
|
|
84
102
|
dispatch();
|
|
85
103
|
};
|
|
86
|
-
const isChange = (key) => changes.get(key);
|
|
87
|
-
const
|
|
104
|
+
const isChange = (key) => changes.get(key) || false;
|
|
105
|
+
const clearChange = (key) => changes.set(key, false);
|
|
106
|
+
const getChanges = () => Array.from(changes.keys()).filter((key) => clearChange(key));
|
|
88
107
|
const clearChanges = () => Array.from(changes.keys()).forEach((key) => changes.set(key, false));
|
|
108
|
+
for (let key in initial) {
|
|
109
|
+
set(key, initial[key]);
|
|
110
|
+
}
|
|
89
111
|
const useHook = () => {
|
|
90
112
|
const id = react.useId();
|
|
91
113
|
const [d, setUp] = react.useState(0);
|
|
@@ -105,6 +127,7 @@
|
|
|
105
127
|
setState,
|
|
106
128
|
isChange,
|
|
107
129
|
getChanges,
|
|
130
|
+
clearChange,
|
|
108
131
|
clearChanges,
|
|
109
132
|
};
|
|
110
133
|
};
|
|
@@ -116,6 +139,7 @@
|
|
|
116
139
|
useHook.setState = setState;
|
|
117
140
|
useHook.isChange = isChange;
|
|
118
141
|
useHook.getChanges = getChanges;
|
|
142
|
+
useHook.clearChange = clearChange;
|
|
119
143
|
useHook.clearChanges = clearChanges;
|
|
120
144
|
return useHook;
|
|
121
145
|
};exports.createBucket=createBucket;//# sourceMappingURL=index.js.map
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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":"uGAMa,YAAY,GAAG,CAAoC,OAAW,EAAE,MAAsB,KAAI;AACrG,IAAA,MAAM,KAAK,GAAG,IAAI,GAAG,EAAoB;AACzC,IAAA,IAAI,IAAI,GAAG,IAAI,GAAG,EAAY;AAC9B,IAAA,IAAI,OAAO,GAAG,IAAI,GAAG,EAAmB;IAExC,IAAI,OAAO,mBACT,KAAK,EAAE,QAAQ,EACZ,EAAA,MAAM,CACV;AAED,IAAA,KAAK,IAAI,GAAG,IAAI,OAAO,EAAE;AACvB,QAAA,IAAI,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC;AACxB,QAAA,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC;AACpB,QAAA,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC;AACvB;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,QAAQ,GAAG,IAAI,KAAI;AACxC,QAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,IAAI,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;YACvC,IAAI,OAAO,CAAC,KAAK,KAAK,SAAS,IAAI,OAAO,CAAC,KAAK,KAAK,OAAO,EAAE;AAC5D,gBAAA,IAAI,OAAO,GAAG,OAAO,CAAC,KAAK,KAAK,SAAS,GAAG,cAAc,GAAG,YAAY;AACzE,gBAAA,KAAK,IAAI,GAAG,IAAI,OAAO,EAAE;oBACvB,IAAI,GAAG,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,IAAI;AACvC,oBAAA,IAAI,QAAQ,IAAI,CAAC,GAAG,EAAE;AACpB,wBAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC;AAC9E;AAAM,yBAAA,IAAI,GAAG,EAAE;AACd,wBAAA,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;AACpC;AACF;AACF;AAAM,iBAAA,IAAI,OAAO,CAAC,KAAK,KAAK,KAAK,EAAE;AAClC,gBAAA,KAAK,IAAI,GAAG,IAAI,OAAO,EAAE;oBACvB,IAAI,GAAG,GAAG,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC;AACnC,oBAAA,IAAI,QAAQ,IAAI,CAAC,GAAG,EAAE;AACpB,wBAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC;AACxF;AAAM,yBAAA,IAAI,GAAG,EAAE;AACd,wBAAA,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACzC;AACF;AACD,gBAAA,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC;AACtD;AACF;AACH,KAAC;IAED,aAAa,CAAC,KAAK,CAAC;IAEpB,IAAI,QAAQ,GAAG,MAAK;AAClB,QAAA,KAAK,CAAC,OAAO,CAAC,CAAC,IAAG;YAChB,IAAI;AAAE,gBAAA,CAAC,EAAE;AAAE;YAAC,OAAO,KAAK,EAAE;AAC5B,SAAC,CAAC;AACF,QAAA,aAAa,EAAE;AACjB,KAAC;AAED,IAAA,MAAM,GAAG,GAAG,CAAqB,GAAM,EAAE,KAAY,KAAI;AACvD,QAAA,IAAI,EAAE,GAAG,IAAI,OAAO,CAAC;AAAE,YAAA,MAAM,IAAI,KAAK,CAAC,IAAI,GAAa,CAAA,kGAAA,CAAoG,CAAC;AAC7J,QAAA,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC;AACpB,QAAA,OAAO,CAAC,GAAG,CAAC,GAAa,EAAE,IAAI,CAAC;AAChC,QAAA,QAAQ,EAAE;AACZ,KAAC;AAED,IAAA,MAAM,GAAG,GAAG,CAAqB,GAAM,KAAY,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AAChE,IAAA,MAAM,OAAO,GAAG,CAAqB,GAAM,KAAI;AAC7C,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;AAChB,QAAA,OAAO,CAAC,GAAG,CAAC,GAAa,EAAE,IAAI,CAAC;AAChC,QAAA,QAAQ,EAAE;AACZ,KAAC;IAED,MAAM,KAAK,GAAG,MAAK;AACjB,QAAA,KAAK,IAAI,GAAG,IAAI,OAAO,EAAE;AACvB,YAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;AAChB,YAAA,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC;AACvB;AACD,QAAA,QAAQ,EAAE;AACZ,KAAC;IAED,MAAM,QAAQ,GAAG,MAAK;QACpB,IAAI,CAAC,GAAQ,EAAE;AACf,QAAA,KAAK,IAAI,GAAG,IAAI,OAAO,EAAE;YACvB,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AACvB;AACD,QAAA,OAAO,CAAO;AAChB,KAAC;AAED,IAAA,MAAM,QAAQ,GAAG,CAAC,KAAkB,KAAI;AACtC,QAAA,KAAK,IAAI,GAAG,IAAI,KAAK,EAAE;AACrB,YAAA,IAAI,EAAE,GAAG,IAAI,OAAO,CAAC;AAAE,gBAAA,MAAM,IAAI,KAAK,CAAC,IAAI,GAAG,CAAA,uGAAA,CAAyG,CAAC;YACxJ,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,CAAQ,CAAC;AAChC,YAAA,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC;AACvB;AACD,QAAA,QAAQ,EAAE;AACZ,KAAC;AACD,IAAA,MAAM,QAAQ,GAAG,CAAqB,GAAM,KAAK,OAAO,CAAC,GAAG,CAAC,GAAa,CAAC;AAC3E,IAAA,MAAM,UAAU,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAW,KAAK,OAAO,CAAC,GAAG,CAAC,GAAa,CAAC,CAAC;AACvG,IAAA,MAAM,YAAY,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,GAAW,KAAK,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;IAEvG,MAAM,OAAO,GAAG,MAAK;AACnB,QAAA,MAAM,EAAE,GAAGA,WAAK,EAAE;QAClB,MAAM,CAAC,CAAC,EAAE,KAAK,CAAC,GAAGC,cAAQ,CAAC,CAAC,CAAC;QAE9BC,eAAS,CAAC,MAAK;AACb,YAAA,KAAK,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;AACzC,YAAA,OAAO,MAAK;AACV,gBAAA,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;AAClB,aAAC;SACF,EAAE,EAAE,CAAC;AAEN,QAAA,MAAM,KAAK,GAAGC,aAAO,CAAC,MAAM,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QAE5C,OAAO;YACL,GAAG;YACH,GAAG;AACH,YAAA,MAAM,EAAE,OAAO;YACf,KAAK;AACL,YAAA,QAAQ,EAAE,MAAM,KAAK;YACrB,QAAQ;YACR,QAAQ;YACR,UAAU;YACV,YAAY;SACb;AACH,KAAC;AAED,IAAA,OAAO,CAAC,GAAG,GAAG,GAAG;AACjB,IAAA,OAAO,CAAC,GAAG,GAAG,GAAG;AACjB,IAAA,OAAO,CAAC,MAAM,GAAG,OAAO;AACxB,IAAA,OAAO,CAAC,KAAK,GAAG,KAAK;AACrB,IAAA,OAAO,CAAC,QAAQ,GAAG,QAAQ;AAC3B,IAAA,OAAO,CAAC,QAAQ,GAAG,QAAQ;AAC3B,IAAA,OAAO,CAAC,QAAQ,GAAG,QAAQ;AAC3B,IAAA,OAAO,CAAC,UAAU,GAAG,UAAU;AAC/B,IAAA,OAAO,CAAC,YAAY,GAAG,YAAY;AAEnC,IAAA,OAAO,OAAO;AAChB"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["\nimport { useEffect, useId, useMemo, useState } from \"react\"\n\nexport type BucketOptions = {\n store?: \"memory\" | \"session\" | \"local\" | \"url\",\n onChange?: (key: string, value: any, type: \"set\" | \"delete\") => void\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 let dispatch = () => {\n hooks.forEach(d => {\n try { d() } catch (error) { }\n })\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\n if (typeof window !== 'undefined' && (_option.store === 'session' || _option.store === 'local')) {\n let storage = _option.store === \"session\" ? sessionStorage : localStorage\n storage.setItem(key as string, JSON.stringify(value))\n } else if (typeof window !== 'undefined' && _option.store === 'url') {\n let url = new URL(window.location.href)\n url.searchParams.set(key as string, JSON.stringify(value))\n window.history.replaceState({}, '', url.toString())\n } else {\n data.set(key, value)\n }\n if (_option.onChange) {\n _option.onChange(key as string, value, 'set')\n }\n changes.set(key as string, true)\n dispatch()\n }\n\n const get = <T extends keyof IT>(key: T): IT[T] => {\n if (!(key in initial)) throw new Error(`(${key as string}) Invalid key provided in the get function. Please verify the structure of the initial state data.`)\n if (typeof window !== 'undefined' && (_option.store === 'session' || _option.store === 'local')) {\n let storage = _option.store === \"session\" ? sessionStorage : localStorage\n let storedValue = storage.getItem(key as string)!\n try {\n return JSON.parse(storedValue)\n } catch {\n return storedValue as any\n }\n } else if (typeof window !== 'undefined' && _option.store === 'url') {\n let url = new URL(window.location.href)\n let storedValue = url.searchParams.get(key as string)!\n try {\n return JSON.parse(storedValue)\n } catch {\n return storedValue as any\n }\n }\n return data.get(key)\n }\n\n\n const _delete = <T extends keyof IT>(key: T) => {\n if (!(key in initial)) throw new Error(`(${key as string}) Invalid key provided in the delete function. Please verify the structure of the initial state data.`)\n\n if (typeof window !== 'undefined' && (_option.store === 'session' || _option.store === 'local')) {\n let storage = _option.store === \"session\" ? sessionStorage : localStorage\n storage.removeItem(key as string)\n } else if (typeof window !== 'undefined' && _option.store === 'url') {\n let url = new URL(window.location.href)\n url.searchParams.delete(key as string)\n window.history.replaceState({}, '', url.toString())\n } else {\n data.delete(key)\n }\n if (_option.onChange) {\n _option.onChange(key as string, undefined, 'delete')\n }\n changes.set(key as string, true)\n dispatch()\n }\n\n const clear = () => {\n for (let key in initial) {\n _delete(key as keyof IT)\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] = 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 set(key as keyof IT, state[key] as IT[typeof key])\n changes.set(key, true)\n }\n dispatch()\n }\n\n const isChange = <T extends keyof IT>(key: T) => changes.get(key as string) || false\n const clearChange = <T extends keyof IT>(key: T) => changes.set(key as string, false)\n const getChanges = () => Array.from(changes.keys()).filter((key: string) => clearChange(key))\n const clearChanges = () => Array.from(changes.keys()).forEach((key: string) => changes.set(key, false))\n\n for (let key in initial) {\n set(key as keyof IT, initial[key])\n }\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 clearChange,\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.clearChange = clearChange\n useHook.clearChanges = clearChanges\n\n return useHook\n}"],"names":["useId","useState","useEffect","useMemo"],"mappings":"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"}
|
package/index.mjs
CHANGED
|
@@ -3,41 +3,6 @@ import {useId,useState,useEffect,useMemo}from'react';const createBucket = (initi
|
|
|
3
3
|
let data = new Map();
|
|
4
4
|
let changes = new Map();
|
|
5
5
|
let _option = Object.assign({ store: "memory" }, option);
|
|
6
|
-
for (let key in initial) {
|
|
7
|
-
let value = initial[key];
|
|
8
|
-
data.set(key, value);
|
|
9
|
-
changes.set(key, true);
|
|
10
|
-
}
|
|
11
|
-
const handleStorage = (isLoaded = true) => {
|
|
12
|
-
if (typeof window !== 'undefined') {
|
|
13
|
-
let url = new URL(window.location.href);
|
|
14
|
-
if (_option.store === 'session' || _option.store === 'local') {
|
|
15
|
-
let storage = _option.store === "session" ? sessionStorage : localStorage;
|
|
16
|
-
for (let key in initial) {
|
|
17
|
-
let has = storage.getItem(key) !== null;
|
|
18
|
-
if (isLoaded || !has) {
|
|
19
|
-
data.has(key) ? storage.setItem(key, data.get(key)) : storage.removeItem(key);
|
|
20
|
-
}
|
|
21
|
-
else if (has) {
|
|
22
|
-
data.set(key, storage.getItem(key));
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
else if (_option.store === "url") {
|
|
27
|
-
for (let key in initial) {
|
|
28
|
-
let has = url.searchParams.has(key);
|
|
29
|
-
if (isLoaded || !has) {
|
|
30
|
-
data.has(key) ? url.searchParams.set(key, data.get(key)) : url.searchParams.delete(key);
|
|
31
|
-
}
|
|
32
|
-
else if (has) {
|
|
33
|
-
data.set(key, url.searchParams.get(key));
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
window.history.replaceState(null, '', url.toString());
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
handleStorage(false);
|
|
41
6
|
let dispatch = () => {
|
|
42
7
|
hooks.forEach(d => {
|
|
43
8
|
try {
|
|
@@ -45,24 +10,77 @@ import {useId,useState,useEffect,useMemo}from'react';const createBucket = (initi
|
|
|
45
10
|
}
|
|
46
11
|
catch (error) { }
|
|
47
12
|
});
|
|
48
|
-
handleStorage();
|
|
49
13
|
};
|
|
50
14
|
const set = (key, value) => {
|
|
51
15
|
if (!(key in initial))
|
|
52
16
|
throw new Error(`(${key}) Invalid key provided in the set function. Please verify the structure of the initial state data.`);
|
|
53
|
-
|
|
17
|
+
if (typeof window !== 'undefined' && (_option.store === 'session' || _option.store === 'local')) {
|
|
18
|
+
let storage = _option.store === "session" ? sessionStorage : localStorage;
|
|
19
|
+
storage.setItem(key, JSON.stringify(value));
|
|
20
|
+
}
|
|
21
|
+
else if (typeof window !== 'undefined' && _option.store === 'url') {
|
|
22
|
+
let url = new URL(window.location.href);
|
|
23
|
+
url.searchParams.set(key, JSON.stringify(value));
|
|
24
|
+
window.history.replaceState({}, '', url.toString());
|
|
25
|
+
}
|
|
26
|
+
else {
|
|
27
|
+
data.set(key, value);
|
|
28
|
+
}
|
|
29
|
+
if (_option.onChange) {
|
|
30
|
+
_option.onChange(key, value, 'set');
|
|
31
|
+
}
|
|
54
32
|
changes.set(key, true);
|
|
55
33
|
dispatch();
|
|
56
34
|
};
|
|
57
|
-
const get = (key) =>
|
|
35
|
+
const get = (key) => {
|
|
36
|
+
if (!(key in initial))
|
|
37
|
+
throw new Error(`(${key}) Invalid key provided in the get function. Please verify the structure of the initial state data.`);
|
|
38
|
+
if (typeof window !== 'undefined' && (_option.store === 'session' || _option.store === 'local')) {
|
|
39
|
+
let storage = _option.store === "session" ? sessionStorage : localStorage;
|
|
40
|
+
let storedValue = storage.getItem(key);
|
|
41
|
+
try {
|
|
42
|
+
return JSON.parse(storedValue);
|
|
43
|
+
}
|
|
44
|
+
catch (_a) {
|
|
45
|
+
return storedValue;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
else if (typeof window !== 'undefined' && _option.store === 'url') {
|
|
49
|
+
let url = new URL(window.location.href);
|
|
50
|
+
let storedValue = url.searchParams.get(key);
|
|
51
|
+
try {
|
|
52
|
+
return JSON.parse(storedValue);
|
|
53
|
+
}
|
|
54
|
+
catch (_b) {
|
|
55
|
+
return storedValue;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
return data.get(key);
|
|
59
|
+
};
|
|
58
60
|
const _delete = (key) => {
|
|
59
|
-
|
|
61
|
+
if (!(key in initial))
|
|
62
|
+
throw new Error(`(${key}) Invalid key provided in the delete function. Please verify the structure of the initial state data.`);
|
|
63
|
+
if (typeof window !== 'undefined' && (_option.store === 'session' || _option.store === 'local')) {
|
|
64
|
+
let storage = _option.store === "session" ? sessionStorage : localStorage;
|
|
65
|
+
storage.removeItem(key);
|
|
66
|
+
}
|
|
67
|
+
else if (typeof window !== 'undefined' && _option.store === 'url') {
|
|
68
|
+
let url = new URL(window.location.href);
|
|
69
|
+
url.searchParams.delete(key);
|
|
70
|
+
window.history.replaceState({}, '', url.toString());
|
|
71
|
+
}
|
|
72
|
+
else {
|
|
73
|
+
data.delete(key);
|
|
74
|
+
}
|
|
75
|
+
if (_option.onChange) {
|
|
76
|
+
_option.onChange(key, undefined, 'delete');
|
|
77
|
+
}
|
|
60
78
|
changes.set(key, true);
|
|
61
79
|
dispatch();
|
|
62
80
|
};
|
|
63
81
|
const clear = () => {
|
|
64
82
|
for (let key in initial) {
|
|
65
|
-
|
|
83
|
+
_delete(key);
|
|
66
84
|
changes.set(key, true);
|
|
67
85
|
}
|
|
68
86
|
dispatch();
|
|
@@ -70,7 +88,7 @@ import {useId,useState,useEffect,useMemo}from'react';const createBucket = (initi
|
|
|
70
88
|
const getState = () => {
|
|
71
89
|
let d = {};
|
|
72
90
|
for (let key in initial) {
|
|
73
|
-
d[key] =
|
|
91
|
+
d[key] = get(key);
|
|
74
92
|
}
|
|
75
93
|
return d;
|
|
76
94
|
};
|
|
@@ -78,14 +96,18 @@ import {useId,useState,useEffect,useMemo}from'react';const createBucket = (initi
|
|
|
78
96
|
for (let key in state) {
|
|
79
97
|
if (!(key in initial))
|
|
80
98
|
throw new Error(`(${key}) Invalid key provided in the setState function. Please verify the structure of the initial state data.`);
|
|
81
|
-
|
|
99
|
+
set(key, state[key]);
|
|
82
100
|
changes.set(key, true);
|
|
83
101
|
}
|
|
84
102
|
dispatch();
|
|
85
103
|
};
|
|
86
|
-
const isChange = (key) => changes.get(key);
|
|
87
|
-
const
|
|
104
|
+
const isChange = (key) => changes.get(key) || false;
|
|
105
|
+
const clearChange = (key) => changes.set(key, false);
|
|
106
|
+
const getChanges = () => Array.from(changes.keys()).filter((key) => clearChange(key));
|
|
88
107
|
const clearChanges = () => Array.from(changes.keys()).forEach((key) => changes.set(key, false));
|
|
108
|
+
for (let key in initial) {
|
|
109
|
+
set(key, initial[key]);
|
|
110
|
+
}
|
|
89
111
|
const useHook = () => {
|
|
90
112
|
const id = useId();
|
|
91
113
|
const [d, setUp] = useState(0);
|
|
@@ -105,6 +127,7 @@ import {useId,useState,useEffect,useMemo}from'react';const createBucket = (initi
|
|
|
105
127
|
setState,
|
|
106
128
|
isChange,
|
|
107
129
|
getChanges,
|
|
130
|
+
clearChange,
|
|
108
131
|
clearChanges,
|
|
109
132
|
};
|
|
110
133
|
};
|
|
@@ -116,6 +139,7 @@ import {useId,useState,useEffect,useMemo}from'react';const createBucket = (initi
|
|
|
116
139
|
useHook.setState = setState;
|
|
117
140
|
useHook.isChange = isChange;
|
|
118
141
|
useHook.getChanges = getChanges;
|
|
142
|
+
useHook.clearChange = clearChange;
|
|
119
143
|
useHook.clearChanges = clearChanges;
|
|
120
144
|
return useHook;
|
|
121
145
|
};export{createBucket};//# sourceMappingURL=index.mjs.map
|
package/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["\nimport { useEffect, useId, useMemo, useState } from \"react\"\n\nexport type BucketOptions = {\n store?: \"memory\" | \"session\" | \"local\" | \"url\",\n onChange?: (key: string, value: any, type: \"set\" | \"delete\") => void\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 let dispatch = () => {\n hooks.forEach(d => {\n try { d() } catch (error) { }\n })\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\n if (typeof window !== 'undefined' && (_option.store === 'session' || _option.store === 'local')) {\n let storage = _option.store === \"session\" ? sessionStorage : localStorage\n storage.setItem(key as string, JSON.stringify(value))\n } else if (typeof window !== 'undefined' && _option.store === 'url') {\n let url = new URL(window.location.href)\n url.searchParams.set(key as string, JSON.stringify(value))\n window.history.replaceState({}, '', url.toString())\n } else {\n data.set(key, value)\n }\n if (_option.onChange) {\n _option.onChange(key as string, value, 'set')\n }\n changes.set(key as string, true)\n dispatch()\n }\n\n const get = <T extends keyof IT>(key: T): IT[T] => {\n if (!(key in initial)) throw new Error(`(${key as string}) Invalid key provided in the get function. Please verify the structure of the initial state data.`)\n if (typeof window !== 'undefined' && (_option.store === 'session' || _option.store === 'local')) {\n let storage = _option.store === \"session\" ? sessionStorage : localStorage\n let storedValue = storage.getItem(key as string)!\n try {\n return JSON.parse(storedValue)\n } catch {\n return storedValue as any\n }\n } else if (typeof window !== 'undefined' && _option.store === 'url') {\n let url = new URL(window.location.href)\n let storedValue = url.searchParams.get(key as string)!\n try {\n return JSON.parse(storedValue)\n } catch {\n return storedValue as any\n }\n }\n return data.get(key)\n }\n\n\n const _delete = <T extends keyof IT>(key: T) => {\n if (!(key in initial)) throw new Error(`(${key as string}) Invalid key provided in the delete function. Please verify the structure of the initial state data.`)\n\n if (typeof window !== 'undefined' && (_option.store === 'session' || _option.store === 'local')) {\n let storage = _option.store === \"session\" ? sessionStorage : localStorage\n storage.removeItem(key as string)\n } else if (typeof window !== 'undefined' && _option.store === 'url') {\n let url = new URL(window.location.href)\n url.searchParams.delete(key as string)\n window.history.replaceState({}, '', url.toString())\n } else {\n data.delete(key)\n }\n if (_option.onChange) {\n _option.onChange(key as string, undefined, 'delete')\n }\n changes.set(key as string, true)\n dispatch()\n }\n\n const clear = () => {\n for (let key in initial) {\n _delete(key as keyof IT)\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] = 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 set(key as keyof IT, state[key] as IT[typeof key])\n changes.set(key, true)\n }\n dispatch()\n }\n\n const isChange = <T extends keyof IT>(key: T) => changes.get(key as string) || false\n const clearChange = <T extends keyof IT>(key: T) => changes.set(key as string, false)\n const getChanges = () => Array.from(changes.keys()).filter((key: string) => clearChange(key))\n const clearChanges = () => Array.from(changes.keys()).forEach((key: string) => changes.set(key, false))\n\n for (let key in initial) {\n set(key as keyof IT, initial[key])\n }\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 clearChange,\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.clearChange = clearChange\n useHook.clearChanges = clearChanges\n\n return useHook\n}"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.2.
|
|
2
|
+
"version": "1.2.3",
|
|
3
3
|
"name": "react-state-bucket",
|
|
4
4
|
"author": "Naxrul Ahmed",
|
|
5
5
|
"license": "MIT",
|
|
@@ -15,15 +15,11 @@
|
|
|
15
15
|
"devDependencies": {
|
|
16
16
|
"@types/react": "^19.0.2",
|
|
17
17
|
"@types/react-dom": "^19.0.2",
|
|
18
|
-
"makepack": "^1.7.
|
|
18
|
+
"makepack": "^1.7.7",
|
|
19
19
|
"react": "^19.0.0",
|
|
20
20
|
"react-dom": "^19.0.0",
|
|
21
21
|
"typescript": "^4.4.2"
|
|
22
22
|
},
|
|
23
|
-
"peerDependencies": {
|
|
24
|
-
"react": ">=17.0.0",
|
|
25
|
-
"react-dom": ">=17.0.0"
|
|
26
|
-
},
|
|
27
23
|
"keywords": [
|
|
28
24
|
"react",
|
|
29
25
|
"state management",
|
package/readme.md
CHANGED
|
@@ -17,6 +17,7 @@ Effortlessly manage React application states with **react-state-bucket**, a ligh
|
|
|
17
17
|
- **Custom Hooks**: Seamlessly integrate with React’s functional components.
|
|
18
18
|
- **TypeScript Support**: Fully typed for a better development experience.
|
|
19
19
|
- **Lightweight**: Small bundle size with no unnecessary dependencies.
|
|
20
|
+
- **Change Callbacks**: React to every `set` or `delete` via the optional `onChange` hook.
|
|
20
21
|
|
|
21
22
|
---
|
|
22
23
|
|
|
@@ -188,9 +189,27 @@ Creates a new bucket for managing the global state.
|
|
|
188
189
|
|
|
189
190
|
`BucketOptions` allows you to configure how and where the state is stored. It includes:
|
|
190
191
|
|
|
191
|
-
| Property
|
|
192
|
-
|
|
|
193
|
-
| `store`
|
|
192
|
+
| Property | Type | Description |
|
|
193
|
+
| ---------- | ------------------------------------- | ---------------------------------------------------------------------------- |
|
|
194
|
+
| `store` | `'memory', 'session', 'local', 'url'` | Specifies the storage mechanism for the state. |
|
|
195
|
+
| `onChange` | `(key, value, type) => void` | Callback invoked after each `set`/`delete`. `type` is `'set'` or `'delete'`. |
|
|
196
|
+
|
|
197
|
+
#### `onChange` Callback
|
|
198
|
+
|
|
199
|
+
Use `onChange` to observe bucket mutations—for example, to sync analytics or trigger side effects.
|
|
200
|
+
|
|
201
|
+
```javascript
|
|
202
|
+
const useBucketWithLogger = createBucket(
|
|
203
|
+
{ count: 0 },
|
|
204
|
+
{
|
|
205
|
+
onChange: (key, value, type) => {
|
|
206
|
+
console.log(`[bucket] ${type} -> ${key}`, value);
|
|
207
|
+
},
|
|
208
|
+
}
|
|
209
|
+
);
|
|
210
|
+
```
|
|
211
|
+
|
|
212
|
+
When `set('count', 1)` runs, the callback fires with `(key='count', value=1, type='set')`. Deletions invoke the same hook with `type='delete'` and `value` as `undefined`.
|
|
194
213
|
|
|
195
214
|
### Returned Functions
|
|
196
215
|
|