react-state-bucket 1.1.9 → 1.1.10
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 +11 -8
- package/index.js +122 -2
- package/index.js.map +1 -7
- package/index.mjs +122 -0
- package/index.mjs.map +1 -0
- package/package.json +8 -25
- package/cjs/index.js +0 -2
- package/cjs/index.js.map +0 -7
package/index.d.ts
CHANGED
|
@@ -1,27 +1,30 @@
|
|
|
1
|
-
|
|
1
|
+
type BucketOptions = {
|
|
2
2
|
store?: "memory" | "session" | "local" | "url";
|
|
3
3
|
};
|
|
4
|
-
|
|
4
|
+
declare const createBucket: <IT extends {
|
|
5
5
|
[key: string]: any;
|
|
6
6
|
}>(initial: IT, option?: BucketOptions) => {
|
|
7
7
|
(): {
|
|
8
8
|
set: <T extends keyof IT>(key: T, value: IT[T]) => void;
|
|
9
|
-
get: <
|
|
10
|
-
delete: <
|
|
9
|
+
get: <T_1 extends keyof IT>(key: T_1) => IT[T_1];
|
|
10
|
+
delete: <T_2 extends keyof IT>(key: T_2) => void;
|
|
11
11
|
clear: () => void;
|
|
12
12
|
getState: () => IT;
|
|
13
13
|
setState: (state: Partial<IT>) => void;
|
|
14
|
-
isChange: <
|
|
14
|
+
isChange: <T_3 extends keyof IT>(key: T_3) => boolean | undefined;
|
|
15
15
|
getChanges: () => string[];
|
|
16
16
|
clearChanges: () => void;
|
|
17
17
|
};
|
|
18
18
|
set: <T extends keyof IT>(key: T, value: IT[T]) => void;
|
|
19
|
-
get: <
|
|
20
|
-
delete: <
|
|
19
|
+
get: <T_1 extends keyof IT>(key: T_1) => IT[T_1];
|
|
20
|
+
delete: <T_2 extends keyof IT>(key: T_2) => void;
|
|
21
21
|
clear: () => void;
|
|
22
22
|
getState: () => IT;
|
|
23
23
|
setState: (state: Partial<IT>) => void;
|
|
24
|
-
isChange: <
|
|
24
|
+
isChange: <T_3 extends keyof IT>(key: T_3) => boolean | undefined;
|
|
25
25
|
getChanges: () => string[];
|
|
26
26
|
clearChanges: () => void;
|
|
27
27
|
};
|
|
28
|
+
|
|
29
|
+
export { createBucket };
|
|
30
|
+
export type { BucketOptions };
|
package/index.js
CHANGED
|
@@ -1,2 +1,122 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib_es6=require('./node_modules/tslib/tslib.es6.js'),react=require('react');var createBucket = function (initial, option) {
|
|
2
|
+
var hooks = new Map();
|
|
3
|
+
var data = new Map();
|
|
4
|
+
var changes = new Map();
|
|
5
|
+
var _option = tslib_es6.__assign({ store: "memory" }, option);
|
|
6
|
+
for (var key in initial) {
|
|
7
|
+
var value = initial[key];
|
|
8
|
+
data.set(key, value);
|
|
9
|
+
changes.set(key, true);
|
|
10
|
+
}
|
|
11
|
+
var handleStorage = function (isLoaded) {
|
|
12
|
+
if (isLoaded === void 0) { isLoaded = true; }
|
|
13
|
+
if (typeof window !== 'undefined') {
|
|
14
|
+
var url = new URL(window.location.href);
|
|
15
|
+
if (_option.store === 'session' || _option.store === 'local') {
|
|
16
|
+
var storage = _option.store === "session" ? sessionStorage : localStorage;
|
|
17
|
+
for (var key in initial) {
|
|
18
|
+
var has = storage.getItem(key) !== null;
|
|
19
|
+
if (isLoaded || !has) {
|
|
20
|
+
data.has(key) ? storage.setItem(key, data.get(key)) : storage.removeItem(key);
|
|
21
|
+
}
|
|
22
|
+
else if (has) {
|
|
23
|
+
data.set(key, storage.getItem(key));
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
else if (_option.store === "url") {
|
|
28
|
+
for (var key in initial) {
|
|
29
|
+
var has = url.searchParams.has(key);
|
|
30
|
+
if (isLoaded || !has) {
|
|
31
|
+
data.has(key) ? url.searchParams.set(key, data.get(key)) : url.searchParams.delete(key);
|
|
32
|
+
}
|
|
33
|
+
else if (has) {
|
|
34
|
+
data.set(key, url.searchParams.get(key));
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
window.history.replaceState(null, '', url.toString());
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
handleStorage(false);
|
|
42
|
+
var dispatch = function () {
|
|
43
|
+
hooks.forEach(function (d) {
|
|
44
|
+
try {
|
|
45
|
+
d();
|
|
46
|
+
}
|
|
47
|
+
catch (error) { }
|
|
48
|
+
});
|
|
49
|
+
handleStorage();
|
|
50
|
+
};
|
|
51
|
+
var set = function (key, value) {
|
|
52
|
+
if (!(key in initial))
|
|
53
|
+
throw new Error("(".concat(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
|
+
var get = function (key) { return data.get(key); };
|
|
59
|
+
var _delete = function (key) {
|
|
60
|
+
data.delete(key);
|
|
61
|
+
changes.set(key, true);
|
|
62
|
+
dispatch();
|
|
63
|
+
};
|
|
64
|
+
var clear = function () {
|
|
65
|
+
for (var key in initial) {
|
|
66
|
+
data.delete(key);
|
|
67
|
+
changes.set(key, true);
|
|
68
|
+
}
|
|
69
|
+
dispatch();
|
|
70
|
+
};
|
|
71
|
+
var getState = function () {
|
|
72
|
+
var d = {};
|
|
73
|
+
for (var key in initial) {
|
|
74
|
+
d[key] = data.get(key);
|
|
75
|
+
}
|
|
76
|
+
return d;
|
|
77
|
+
};
|
|
78
|
+
var setState = function (state) {
|
|
79
|
+
for (var key in state) {
|
|
80
|
+
if (!(key in initial))
|
|
81
|
+
throw new Error("(".concat(key, ") Invalid key provided in the setState function. Please verify the structure of the initial state data."));
|
|
82
|
+
data.set(key, state[key]);
|
|
83
|
+
changes.set(key, true);
|
|
84
|
+
}
|
|
85
|
+
dispatch();
|
|
86
|
+
};
|
|
87
|
+
var isChange = function (key) { return changes.get(key); };
|
|
88
|
+
var getChanges = function () { return Array.from(changes.keys()).filter(function (key) { return changes.get(key); }); };
|
|
89
|
+
var clearChanges = function () { return Array.from(changes.keys()).forEach(function (key) { return changes.set(key, false); }); };
|
|
90
|
+
var useHook = function () {
|
|
91
|
+
var id = react.useId();
|
|
92
|
+
var _a = react.useState(0), d = _a[0], setUp = _a[1];
|
|
93
|
+
react.useEffect(function () {
|
|
94
|
+
hooks.set(id, function () { return setUp(Math.random()); });
|
|
95
|
+
return function () {
|
|
96
|
+
hooks.delete(id);
|
|
97
|
+
};
|
|
98
|
+
}, []);
|
|
99
|
+
var state = react.useMemo(function () { return getState(); }, [d]);
|
|
100
|
+
return {
|
|
101
|
+
set: set,
|
|
102
|
+
get: get,
|
|
103
|
+
delete: _delete,
|
|
104
|
+
clear: clear,
|
|
105
|
+
getState: function () { return state; },
|
|
106
|
+
setState: setState,
|
|
107
|
+
isChange: isChange,
|
|
108
|
+
getChanges: getChanges,
|
|
109
|
+
clearChanges: clearChanges,
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
useHook.set = set;
|
|
113
|
+
useHook.get = get;
|
|
114
|
+
useHook.delete = _delete;
|
|
115
|
+
useHook.clear = clear;
|
|
116
|
+
useHook.getState = getState;
|
|
117
|
+
useHook.setState = setState;
|
|
118
|
+
useHook.isChange = isChange;
|
|
119
|
+
useHook.getChanges = getChanges;
|
|
120
|
+
useHook.clearChanges = clearChanges;
|
|
121
|
+
return useHook;
|
|
122
|
+
};exports.createBucket=createBucket;//# sourceMappingURL=index.js.map
|
package/index.js.map
CHANGED
|
@@ -1,7 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../src/index.ts"],
|
|
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": "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",
|
|
6
|
-
"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"]
|
|
7
|
-
}
|
|
1
|
+
{"version":3,"file":"index.js","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}"],"names":["useId","useState","useEffect","useMemo"],"mappings":"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"}
|
package/index.mjs
ADDED
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import {__assign}from'./node_modules/tslib/tslib.es6.mjs';import {useId,useState,useEffect,useMemo}from'react';var createBucket = function (initial, option) {
|
|
2
|
+
var hooks = new Map();
|
|
3
|
+
var data = new Map();
|
|
4
|
+
var changes = new Map();
|
|
5
|
+
var _option = __assign({ store: "memory" }, option);
|
|
6
|
+
for (var key in initial) {
|
|
7
|
+
var value = initial[key];
|
|
8
|
+
data.set(key, value);
|
|
9
|
+
changes.set(key, true);
|
|
10
|
+
}
|
|
11
|
+
var handleStorage = function (isLoaded) {
|
|
12
|
+
if (isLoaded === void 0) { isLoaded = true; }
|
|
13
|
+
if (typeof window !== 'undefined') {
|
|
14
|
+
var url = new URL(window.location.href);
|
|
15
|
+
if (_option.store === 'session' || _option.store === 'local') {
|
|
16
|
+
var storage = _option.store === "session" ? sessionStorage : localStorage;
|
|
17
|
+
for (var key in initial) {
|
|
18
|
+
var has = storage.getItem(key) !== null;
|
|
19
|
+
if (isLoaded || !has) {
|
|
20
|
+
data.has(key) ? storage.setItem(key, data.get(key)) : storage.removeItem(key);
|
|
21
|
+
}
|
|
22
|
+
else if (has) {
|
|
23
|
+
data.set(key, storage.getItem(key));
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
else if (_option.store === "url") {
|
|
28
|
+
for (var key in initial) {
|
|
29
|
+
var has = url.searchParams.has(key);
|
|
30
|
+
if (isLoaded || !has) {
|
|
31
|
+
data.has(key) ? url.searchParams.set(key, data.get(key)) : url.searchParams.delete(key);
|
|
32
|
+
}
|
|
33
|
+
else if (has) {
|
|
34
|
+
data.set(key, url.searchParams.get(key));
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
window.history.replaceState(null, '', url.toString());
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
handleStorage(false);
|
|
42
|
+
var dispatch = function () {
|
|
43
|
+
hooks.forEach(function (d) {
|
|
44
|
+
try {
|
|
45
|
+
d();
|
|
46
|
+
}
|
|
47
|
+
catch (error) { }
|
|
48
|
+
});
|
|
49
|
+
handleStorage();
|
|
50
|
+
};
|
|
51
|
+
var set = function (key, value) {
|
|
52
|
+
if (!(key in initial))
|
|
53
|
+
throw new Error("(".concat(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
|
+
var get = function (key) { return data.get(key); };
|
|
59
|
+
var _delete = function (key) {
|
|
60
|
+
data.delete(key);
|
|
61
|
+
changes.set(key, true);
|
|
62
|
+
dispatch();
|
|
63
|
+
};
|
|
64
|
+
var clear = function () {
|
|
65
|
+
for (var key in initial) {
|
|
66
|
+
data.delete(key);
|
|
67
|
+
changes.set(key, true);
|
|
68
|
+
}
|
|
69
|
+
dispatch();
|
|
70
|
+
};
|
|
71
|
+
var getState = function () {
|
|
72
|
+
var d = {};
|
|
73
|
+
for (var key in initial) {
|
|
74
|
+
d[key] = data.get(key);
|
|
75
|
+
}
|
|
76
|
+
return d;
|
|
77
|
+
};
|
|
78
|
+
var setState = function (state) {
|
|
79
|
+
for (var key in state) {
|
|
80
|
+
if (!(key in initial))
|
|
81
|
+
throw new Error("(".concat(key, ") Invalid key provided in the setState function. Please verify the structure of the initial state data."));
|
|
82
|
+
data.set(key, state[key]);
|
|
83
|
+
changes.set(key, true);
|
|
84
|
+
}
|
|
85
|
+
dispatch();
|
|
86
|
+
};
|
|
87
|
+
var isChange = function (key) { return changes.get(key); };
|
|
88
|
+
var getChanges = function () { return Array.from(changes.keys()).filter(function (key) { return changes.get(key); }); };
|
|
89
|
+
var clearChanges = function () { return Array.from(changes.keys()).forEach(function (key) { return changes.set(key, false); }); };
|
|
90
|
+
var useHook = function () {
|
|
91
|
+
var id = useId();
|
|
92
|
+
var _a = useState(0), d = _a[0], setUp = _a[1];
|
|
93
|
+
useEffect(function () {
|
|
94
|
+
hooks.set(id, function () { return setUp(Math.random()); });
|
|
95
|
+
return function () {
|
|
96
|
+
hooks.delete(id);
|
|
97
|
+
};
|
|
98
|
+
}, []);
|
|
99
|
+
var state = useMemo(function () { return getState(); }, [d]);
|
|
100
|
+
return {
|
|
101
|
+
set: set,
|
|
102
|
+
get: get,
|
|
103
|
+
delete: _delete,
|
|
104
|
+
clear: clear,
|
|
105
|
+
getState: function () { return state; },
|
|
106
|
+
setState: setState,
|
|
107
|
+
isChange: isChange,
|
|
108
|
+
getChanges: getChanges,
|
|
109
|
+
clearChanges: clearChanges,
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
useHook.set = set;
|
|
113
|
+
useHook.get = get;
|
|
114
|
+
useHook.delete = _delete;
|
|
115
|
+
useHook.clear = clear;
|
|
116
|
+
useHook.getState = getState;
|
|
117
|
+
useHook.setState = setState;
|
|
118
|
+
useHook.isChange = isChange;
|
|
119
|
+
useHook.getChanges = getChanges;
|
|
120
|
+
useHook.clearChanges = clearChanges;
|
|
121
|
+
return useHook;
|
|
122
|
+
};export{createBucket};//# sourceMappingURL=index.mjs.map
|
package/index.mjs.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","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}"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.1.
|
|
2
|
+
"version": "1.1.10",
|
|
3
3
|
"name": "react-state-bucket",
|
|
4
4
|
"author": "Naxrul Ahmed",
|
|
5
5
|
"license": "MIT",
|
|
@@ -9,13 +9,13 @@
|
|
|
9
9
|
},
|
|
10
10
|
"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.",
|
|
11
11
|
"homepage": "https://github.com/devnax/react-state-bucket#readme",
|
|
12
|
-
"main": "./
|
|
13
|
-
"module": "./index.
|
|
12
|
+
"main": "./index.js",
|
|
13
|
+
"module": "./index.mjs",
|
|
14
14
|
"types": "./index.d.ts",
|
|
15
15
|
"devDependencies": {
|
|
16
16
|
"@types/react": "^19.0.2",
|
|
17
17
|
"@types/react-dom": "^19.0.2",
|
|
18
|
-
"makepack": "^1.
|
|
18
|
+
"makepack": "^1.7.3",
|
|
19
19
|
"react": "^19.0.0",
|
|
20
20
|
"react-dom": "^19.0.0",
|
|
21
21
|
"typescript": "^4.4.2"
|
|
@@ -34,28 +34,11 @@
|
|
|
34
34
|
"lightweight",
|
|
35
35
|
"typescript"
|
|
36
36
|
],
|
|
37
|
-
"sideEffects": false,
|
|
38
37
|
"exports": {
|
|
39
38
|
".": {
|
|
40
|
-
"
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
"import": {
|
|
45
|
-
"types": "./index.d.ts",
|
|
46
|
-
"default": "./index.js"
|
|
47
|
-
}
|
|
48
|
-
},
|
|
49
|
-
"./*": {
|
|
50
|
-
"require": {
|
|
51
|
-
"types": "./*.d.ts",
|
|
52
|
-
"default": "./cjs/*.js"
|
|
53
|
-
},
|
|
54
|
-
"import": {
|
|
55
|
-
"types": "./*.d.ts",
|
|
56
|
-
"default": "./*.js"
|
|
57
|
-
}
|
|
58
|
-
},
|
|
59
|
-
"./cjs": null
|
|
39
|
+
"import": "./index.mjs",
|
|
40
|
+
"require": "./index.js",
|
|
41
|
+
"types": "./index.d.ts"
|
|
42
|
+
}
|
|
60
43
|
}
|
|
61
44
|
}
|
package/cjs/index.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"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};
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
package/cjs/index.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.ts"],
|
|
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": "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",
|
|
6
|
-
"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"]
|
|
7
|
-
}
|