react-state-bucket 1.2.16 → 1.2.18

package/{Cookie.mjs → Cookie.cjs}

@@ -1,3 +1,6 @@
+"use client";
+'use strict';
+
 function setCookie(key, value, days = 7) {
     const expires = new Date(Date.now() + days * 864e5).toUTCString();
     document.cookie =
@@ -13,4 +16,8 @@ function getCookie(key) {
         }
     }
     return null;
-}export{getCookie,setCookie};//# sourceMappingURL=Cookie.mjs.map
+}
+
+exports.getCookie = getCookie;
+exports.setCookie = setCookie;
+//# sourceMappingURL=Cookie.cjs.map

package/Cookie.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cookie.cjs","sources":["../src/Cookie.ts"],"sourcesContent":["\"use client\"\r\nexport function setCookie(\r\n   key: string,\r\n   value: string,\r\n   days = 7\r\n) {\r\n   const expires = new Date(Date.now() + days * 864e5).toUTCString();\r\n   document.cookie =\r\n      `${encodeURIComponent(key)}=${encodeURIComponent(value)}; ` +\r\n      `expires=${expires}; path=/; SameSite=Lax`;\r\n}\r\n\r\nexport function getCookie(key: string): string | null {\r\n   const name = encodeURIComponent(key) + \"=\";\r\n   const parts = document.cookie.split(\"; \");\r\n\r\n   for (const part of parts) {\r\n      if (part.startsWith(name)) {\r\n         return decodeURIComponent(part.slice(name.length));\r\n      }\r\n   }\r\n\r\n   return null;\r\n}"],"names":[],"mappings":";;;AACM;AAKH;AACA;;;AAGH;AAEM;;;AAIH;AACG;;;;AAKH;AACH;;;"}

package/Cookie.js

@@ -1,4 +1,5 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});function setCookie(key, value, days = 7) {
+"use client";
+function setCookie(key, value, days = 7) {
     const expires = new Date(Date.now() + days * 864e5).toUTCString();
     document.cookie =
         `${encodeURIComponent(key)}=${encodeURIComponent(value)}; ` +
@@ -13,4 +14,7 @@ function getCookie(key) {
         }
     }
     return null;
-}exports.getCookie=getCookie;exports.setCookie=setCookie;//# sourceMappingURL=Cookie.js.map
+}
+
+export { getCookie, setCookie };
+//# sourceMappingURL=Cookie.js.map

package/Cookie.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cookie.js","sources":["../src/Cookie.ts"],"sourcesContent":["export function setCookie(\n   key: string,\n   value: string,\n   days = 7\n) {\n   const expires = new Date(Date.now() + days * 864e5).toUTCString();\n   document.cookie =\n      `${encodeURIComponent(key)}=${encodeURIComponent(value)}; ` +\n      `expires=${expires}; path=/; SameSite=Lax`;\n}\n\nexport function getCookie(key: string): string | null {\n   const name = encodeURIComponent(key) + \"=\";\n   const parts = document.cookie.split(\"; \");\n\n   for (const part of parts) {\n      if (part.startsWith(name)) {\n         return decodeURIComponent(part.slice(name.length));\n      }\n   }\n\n   return null;\n}"],"names":[],"mappings":"sEAAM,SAAU,SAAS,CACtB,GAAW,EACX,KAAa,EACb,IAAI,GAAG,CAAC,EAAA;AAER,IAAA,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC,WAAW,EAAE;AACjE,IAAA,QAAQ,CAAC,MAAM;QACZ,CAAA,EAAG,kBAAkB,CAAC,GAAG,CAAC,IAAI,kBAAkB,CAAC,KAAK,CAAC,CAAA,EAAA,CAAI;YAC3D,CAAA,QAAA,EAAW,OAAO,wBAAwB;AAChD;AAEM,SAAU,SAAS,CAAC,GAAW,EAAA;IAClC,MAAM,IAAI,GAAG,kBAAkB,CAAC,GAAG,CAAC,GAAG,GAAG;IAC1C,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;AAEzC,IAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACvB,QAAA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;YACxB,OAAO,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACrD;IACH;AAEA,IAAA,OAAO,IAAI;AACd"}
+{"version":3,"file":"Cookie.js","sources":["../src/Cookie.ts"],"sourcesContent":["\"use client\"\r\nexport function setCookie(\r\n   key: string,\r\n   value: string,\r\n   days = 7\r\n) {\r\n   const expires = new Date(Date.now() + days * 864e5).toUTCString();\r\n   document.cookie =\r\n      `${encodeURIComponent(key)}=${encodeURIComponent(value)}; ` +\r\n      `expires=${expires}; path=/; SameSite=Lax`;\r\n}\r\n\r\nexport function getCookie(key: string): string | null {\r\n   const name = encodeURIComponent(key) + \"=\";\r\n   const parts = document.cookie.split(\"; \");\r\n\r\n   for (const part of parts) {\r\n      if (part.startsWith(name)) {\r\n         return decodeURIComponent(part.slice(name.length));\r\n      }\r\n   }\r\n\r\n   return null;\r\n}"],"names":[],"mappings":";AACM;AAKH;AACA;;;AAGH;AAEM;;;AAIH;AACG;;;;AAKH;AACH;;"}

package/{Initial.mjs → Initial.cjs}

@@ -1,4 +1,8 @@
-import {getCookie}from'./Cookie.mjs';const Initial = (initial, data_key, option) => {
+'use strict';
+
+var Cookie = require('./Cookie.cjs');
+
+const Initial = (initial, data_key, option) => {
     let state = {};
     let data = "";
     if (typeof window !== 'undefined') {
@@ -11,7 +15,7 @@ import {getCookie}from'./Cookie.mjs';const Initial = (initial, data_key, option)
             data = decodeURIComponent(url.searchParams.get(data_key) || "");
         }
         else if (option.store === 'cookie') {
-            data = getCookie(data_key);
+            data = Cookie.getCookie(data_key);
         }
     }
     if (data) {
@@ -34,4 +38,7 @@ import {getCookie}from'./Cookie.mjs';const Initial = (initial, data_key, option)
         }
     }
     return state;
-};export{Initial as default};//# sourceMappingURL=Initial.mjs.map
+};
+
+module.exports = Initial;
+//# sourceMappingURL=Initial.cjs.map

package/Initial.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Initial.cjs","sources":["../src/Initial.ts"],"sourcesContent":["import { BucketOptions, InitialBucketData } from \".\";\r\nimport { getCookie } from \"./Cookie\";\r\n\r\nconst Initial = (initial: InitialBucketData, data_key: string, option: BucketOptions) => {\r\n   let state = {} as Record<string, any>;\r\n   let data: any = \"\"\r\n\r\n   if (typeof window !== 'undefined') {\r\n      if (option.store === 'session' || option.store === 'local') {\r\n         let storage = option.store === \"session\" ? sessionStorage : localStorage\r\n         data = storage.getItem(data_key)\r\n      } else if (option.store === 'url') {\r\n         let url = new URL(window.location.href)\r\n         data = decodeURIComponent(url.searchParams.get(data_key) || \"\")\r\n      } else if (option.store === 'cookie') {\r\n         data = getCookie(data_key)\r\n      }\r\n   }\r\n\r\n   if (data) {\r\n      try {\r\n         data = JSON.parse(data)\r\n      } catch (error) {\r\n         data = {}\r\n      }\r\n   } else {\r\n      data = {}\r\n   }\r\n\r\n   for (let key in initial) {\r\n      try {\r\n         state[key] = initial[key].parse(data[key])\r\n      } catch (error) {\r\n         state[key] = data[key]\r\n      }\r\n   }\r\n\r\n   return state;\r\n}\r\n\r\nexport default Initial;"],"names":["getCookie"],"mappings":";;;;AAGA,MAAM,OAAO,GAAG,CAAC,OAA0B,EAAE,QAAgB,EAAE,MAAqB,KAAI;IACrF,IAAI,KAAK,GAAG,EAAyB;IACrC,IAAI,IAAI,GAAQ,EAAE;AAElB,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAChC,QAAA,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,KAAK,OAAO,EAAE;AACzD,YAAA,IAAI,OAAO,GAAG,MAAM,CAAC,KAAK,KAAK,SAAS,GAAG,cAAc,GAAG,YAAY;AACxE,YAAA,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;QACnC;AAAO,aAAA,IAAI,MAAM,CAAC,KAAK,KAAK,KAAK,EAAE;YAChC,IAAI,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;AACvC,YAAA,IAAI,GAAG,kBAAkB,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QAClE;AAAO,aAAA,IAAI,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE;AACnC,YAAA,IAAI,GAAGA,gBAAS,CAAC,QAAQ,CAAC;QAC7B;IACH;IAEA,IAAI,IAAI,EAAE;AACP,QAAA,IAAI;AACD,YAAA,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC1B;QAAE,OAAO,KAAK,EAAE;YACb,IAAI,GAAG,EAAE;QACZ;IACH;SAAO;QACJ,IAAI,GAAG,EAAE;IACZ;AAEA,IAAA,KAAK,IAAI,GAAG,IAAI,OAAO,EAAE;AACtB,QAAA,IAAI;AACD,YAAA,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC7C;QAAE,OAAO,KAAK,EAAE;YACb,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC;QACzB;IACH;AAEA,IAAA,OAAO,KAAK;AACf;;;;"}

package/Initial.js

@@ -1,4 +1,6 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var Cookie=require('./Cookie.js');const Initial = (initial, data_key, option) => {
+import { getCookie } from './Cookie.js';
+
+const Initial = (initial, data_key, option) => {
     let state = {};
     let data = "";
     if (typeof window !== 'undefined') {
@@ -11,7 +13,7 @@
             data = decodeURIComponent(url.searchParams.get(data_key) || "");
         }
         else if (option.store === 'cookie') {
-            data = Cookie.getCookie(data_key);
+            data = getCookie(data_key);
         }
     }
     if (data) {
@@ -34,4 +36,7 @@
         }
     }
     return state;
-};exports.default=Initial;//# sourceMappingURL=Initial.js.map
+};
+
+export { Initial as default };
+//# sourceMappingURL=Initial.js.map

package/Initial.js.map

@@ -1 +1 @@
-{"version":3,"file":"Initial.js","sources":["../src/Initial.ts"],"sourcesContent":["import { BucketOptions, InitialBucketData } from \".\";\nimport { getCookie } from \"./Cookie\";\n\nconst Initial = (initial: InitialBucketData, data_key: string, option: BucketOptions) => {\n   let state = {} as Record<string, any>;\n   let data: any = \"\"\n\n   if (typeof window !== 'undefined') {\n      if (option.store === 'session' || option.store === 'local') {\n         let storage = option.store === \"session\" ? sessionStorage : localStorage\n         data = storage.getItem(data_key)\n      } else if (option.store === 'url') {\n         let url = new URL(window.location.href)\n         data = decodeURIComponent(url.searchParams.get(data_key) || \"\")\n      } else if (option.store === 'cookie') {\n         data = getCookie(data_key)\n      }\n   }\n\n   if (data) {\n      try {\n         data = JSON.parse(data)\n      } catch (error) {\n         data = {}\n      }\n   } else {\n      data = {}\n   }\n\n   for (let key in initial) {\n      try {\n         state[key] = initial[key].parse(data[key])\n      } catch (error) {\n         state[key] = data[key]\n      }\n   }\n\n   return state;\n}\n\nexport default Initial;"],"names":["getCookie"],"mappings":"wGAGA,MAAM,OAAO,GAAG,CAAC,OAA0B,EAAE,QAAgB,EAAE,MAAqB,KAAI;IACrF,IAAI,KAAK,GAAG,EAAyB;IACrC,IAAI,IAAI,GAAQ,EAAE;AAElB,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAChC,QAAA,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,KAAK,OAAO,EAAE;AACzD,YAAA,IAAI,OAAO,GAAG,MAAM,CAAC,KAAK,KAAK,SAAS,GAAG,cAAc,GAAG,YAAY;AACxE,YAAA,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;QACnC;AAAO,aAAA,IAAI,MAAM,CAAC,KAAK,KAAK,KAAK,EAAE;YAChC,IAAI,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;AACvC,YAAA,IAAI,GAAG,kBAAkB,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QAClE;AAAO,aAAA,IAAI,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE;AACnC,YAAA,IAAI,GAAGA,gBAAS,CAAC,QAAQ,CAAC;QAC7B;IACH;IAEA,IAAI,IAAI,EAAE;AACP,QAAA,IAAI;AACD,YAAA,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC1B;QAAE,OAAO,KAAK,EAAE;YACb,IAAI,GAAG,EAAE;QACZ;IACH;SAAO;QACJ,IAAI,GAAG,EAAE;IACZ;AAEA,IAAA,KAAK,IAAI,GAAG,IAAI,OAAO,EAAE;AACtB,QAAA,IAAI;AACD,YAAA,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC7C;QAAE,OAAO,KAAK,EAAE;YACb,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC;QACzB;IACH;AAEA,IAAA,OAAO,KAAK;AACf"}
+{"version":3,"file":"Initial.js","sources":["../src/Initial.ts"],"sourcesContent":["import { BucketOptions, InitialBucketData } from \".\";\r\nimport { getCookie } from \"./Cookie\";\r\n\r\nconst Initial = (initial: InitialBucketData, data_key: string, option: BucketOptions) => {\r\n   let state = {} as Record<string, any>;\r\n   let data: any = \"\"\r\n\r\n   if (typeof window !== 'undefined') {\r\n      if (option.store === 'session' || option.store === 'local') {\r\n         let storage = option.store === \"session\" ? sessionStorage : localStorage\r\n         data = storage.getItem(data_key)\r\n      } else if (option.store === 'url') {\r\n         let url = new URL(window.location.href)\r\n         data = decodeURIComponent(url.searchParams.get(data_key) || \"\")\r\n      } else if (option.store === 'cookie') {\r\n         data = getCookie(data_key)\r\n      }\r\n   }\r\n\r\n   if (data) {\r\n      try {\r\n         data = JSON.parse(data)\r\n      } catch (error) {\r\n         data = {}\r\n      }\r\n   } else {\r\n      data = {}\r\n   }\r\n\r\n   for (let key in initial) {\r\n      try {\r\n         state[key] = initial[key].parse(data[key])\r\n      } catch (error) {\r\n         state[key] = data[key]\r\n      }\r\n   }\r\n\r\n   return state;\r\n}\r\n\r\nexport default Initial;"],"names":[],"mappings":";;AAGA,MAAM,OAAO,GAAG,CAAC,OAA0B,EAAE,QAAgB,EAAE,MAAqB,KAAI;IACrF,IAAI,KAAK,GAAG,EAAyB;IACrC,IAAI,IAAI,GAAQ,EAAE;AAElB,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAChC,QAAA,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,KAAK,OAAO,EAAE;AACzD,YAAA,IAAI,OAAO,GAAG,MAAM,CAAC,KAAK,KAAK,SAAS,GAAG,cAAc,GAAG,YAAY;AACxE,YAAA,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;QACnC;AAAO,aAAA,IAAI,MAAM,CAAC,KAAK,KAAK,KAAK,EAAE;YAChC,IAAI,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;AACvC,YAAA,IAAI,GAAG,kBAAkB,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QAClE;AAAO,aAAA,IAAI,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE;AACnC,YAAA,IAAI,GAAG,SAAS,CAAC,QAAQ,CAAC;QAC7B;IACH;IAEA,IAAI,IAAI,EAAE;AACP,QAAA,IAAI;AACD,YAAA,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC1B;QAAE,OAAO,KAAK,EAAE;YACb,IAAI,GAAG,EAAE;QACZ;IACH;SAAO;QACJ,IAAI,GAAG,EAAE;IACZ;AAEA,IAAA,KAAK,IAAI,GAAG,IAAI,OAAO,EAAE;AACtB,QAAA,IAAI;AACD,YAAA,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC7C;QAAE,OAAO,KAAK,EAAE;YACb,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC;QACzB;IACH;AAEA,IAAA,OAAO,KAAK;AACf;;;;"}

package/index.cjs

@@ -0,0 +1,198 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var xanv = require('xanv');
+var youid = require('youid');
+var Cookie = require('./Cookie.cjs');
+var Initial = require('./Initial.cjs');
+
+const createBucket = (initial, option) => {
+    option = Object.assign({ store: "memory" }, option);
+    if (!(option === null || option === void 0 ? void 0 : option.data_key)) {
+        let data_key = '';
+        for (let key in initial) {
+            const field = initial[key];
+            data_key += key + ':' + JSON.stringify(field.meta) + ';';
+        }
+        option.data_key = youid(data_key);
+    }
+    const hooks = new Map();
+    const state = Initial(initial, (option === null || option === void 0 ? void 0 : option.data_key) || '', option || {});
+    const changes = {};
+    const errors = {};
+    const useHook = () => {
+        try {
+            const id = "rsb_" + react.useId();
+            const [, setState] = react.useState(0);
+            react.useEffect(() => {
+                hooks.set(id, () => setState(Math.random()));
+                return () => {
+                    hooks.delete(id);
+                };
+            }, []);
+        }
+        catch (error) {
+        }
+    };
+    const get = (key, defaultValue, dispatch = true) => {
+        if (!(key in initial)) {
+            throw new Error(`Property ${String(key)} is not defined in the bucket.`);
+        }
+        if (dispatch) {
+            useHook();
+        }
+        let value = state[key];
+        if (value === undefined && defaultValue !== undefined) {
+            value = defaultValue;
+        }
+        return value;
+    };
+    const set = (key, value, dispatch = true) => {
+        if (!(key in initial)) {
+            throw new Error(`Property ${String(key)} is not defined in the bucket.`);
+        }
+        state[key] = value;
+        if (dispatch) {
+            hooks.forEach((hook) => hook());
+        }
+        changes[key] = true;
+        if ((option === null || option === void 0 ? void 0 : option.onChange) && changes[key]) {
+            option.onChange(key, value);
+        }
+        if (typeof window !== 'undefined') {
+            value = JSON.stringify(value);
+            if (option.store === 'session' || option.store === 'local') {
+                let storage = option.store === "session" ? sessionStorage : localStorage;
+                storage.setItem(option.data_key, JSON.stringify(state));
+            }
+            else if (option.store === 'url') {
+                let url = new URL(window.location.href);
+                url.searchParams.set(option.data_key, encodeURIComponent(JSON.stringify(state)));
+                window.history.replaceState({}, '', url.toString());
+            }
+            else if (option.store === 'cookie') {
+                Cookie.setCookie(option.data_key, JSON.stringify(state));
+            }
+        }
+    };
+    const sets = (data, dispatch = true) => {
+        for (let k in data) {
+            let v = data[k];
+            set(k, v, false);
+        }
+        if (dispatch) {
+            hooks.forEach((hook) => hook());
+        }
+    };
+    const _delete = (key) => {
+        set(key, undefined);
+    };
+    const clear = () => {
+        const initVal = Initial(initial, (option === null || option === void 0 ? void 0 : option.data_key) || '', option || {});
+        for (let key in initial) {
+            state[key] = initVal[key];
+            delete changes[key];
+        }
+        hooks.forEach((hook) => hook());
+    };
+    const getChanges = (dispatch = true) => {
+        if (dispatch) {
+            useHook();
+        }
+        const changedData = {};
+        for (let k in changes) {
+            if (changes[k]) {
+                changedData[k] = state[k];
+            }
+        }
+        return changedData;
+    };
+    const isChanged = (k, dispatch = true) => {
+        if (dispatch) {
+            useHook();
+        }
+        return !!changes[k];
+    };
+    const isValid = (key, dispatch = true) => {
+        if (dispatch) {
+            useHook();
+        }
+        try {
+            initial[key].parse(state[key]);
+        }
+        catch (error) {
+            errors[key] = error.message;
+        }
+        hooks.forEach((hook) => hook());
+        return !(key in errors);
+    };
+    const validate = () => {
+        for (let k in initial) {
+            try {
+                initial[k].parse(state[k]);
+            }
+            catch (error) {
+                errors[k] = error.message;
+            }
+        }
+        hooks.forEach((hook) => hook());
+        return Object.keys(errors).length === 0;
+    };
+    const getError = (key, dispatch = true) => {
+        if (dispatch) {
+            useHook();
+        }
+        if (key in errors) {
+            return errors[key];
+        }
+        return '';
+    };
+    const getErrors = (dispatch = true) => {
+        if (dispatch) {
+            useHook();
+        }
+        return errors;
+    };
+    const setError = (key, message) => {
+        errors[key] = message;
+        hooks.forEach((hook) => hook());
+    };
+    const clearErrors = () => {
+        for (let k in errors) {
+            delete errors[k];
+        }
+        hooks.forEach((hook) => hook());
+    };
+    const clearError = (key) => {
+        delete errors[key];
+        hooks.forEach((hook) => hook());
+    };
+    return {
+        state: (dispatch = true) => {
+            if (dispatch) {
+                useHook();
+            }
+            return state;
+        },
+        get,
+        set,
+        sets,
+        delete: _delete,
+        clear,
+        validate,
+        isValid,
+        getChanges,
+        isChanged,
+        getErrors,
+        getError,
+        setError,
+        clearErrors,
+        clearError
+    };
+};
+const xv = xanv.xv;
+
+exports.createBucket = createBucket;
+exports.xv = xv;
+//# sourceMappingURL=index.cjs.map

package/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["\"use client\"\r\nimport { useEffect, useId, useState } from \"react\"\r\nimport { Infer, xv as XV, XVAny, XVArray, XVBoolean, XVDate, XVEnum, XVFile, XVFunction, XVMap, XVNumber, XVObject, XVPromise, XVRecord, XVSet, XVString, XVTuple, XVType, XVUnion } from \"xanv\"\r\nimport youid from \"youid\";\r\nimport { setCookie } from \"./Cookie\";\r\nimport Initial from \"./Initial\";\r\n\r\nexport type StoreType = \"memory\" | \"session\" | \"local\" | \"url\" | \"cookie\"\r\nexport type BucketOptions = {\r\n  store?: StoreType;\r\n  data_key?: string;\r\n  onChange?: (key: string, value: any) => void\r\n}\r\n\r\nexport type InitialBucketData = {\r\n  [key: string]: XVAny\r\n  | XVArray<any>\r\n  | XVBoolean\r\n  | XVDate\r\n  | XVEnum<any>\r\n  | XVFile\r\n  | XVFunction<any, any>\r\n  | XVMap\r\n  | XVNumber\r\n  | XVObject<any>\r\n  | XVPromise<any>\r\n  | XVRecord<any, any>\r\n  | XVSet\r\n  | XVString\r\n  | XVTuple\r\n  | XVType<any>\r\n  | XVUnion\r\n}\r\n\r\n\r\nexport const createBucket = <T extends InitialBucketData>(initial: T, option?: BucketOptions) => {\r\n  option = {\r\n    store: \"memory\",\r\n    ...option,\r\n  }\r\n\r\n  if (!option?.data_key) {\r\n    let data_key = ''\r\n    for (let key in initial) {\r\n      const field = initial[key]\r\n      data_key += key + ':' + JSON.stringify(field.meta) + ';'\r\n    }\r\n    option.data_key = youid(data_key)\r\n  }\r\n\r\n  const hooks = new Map<string, Function>()\r\n  const state: Record<keyof T, any> = Initial(initial, option?.data_key || '', option || {}) as Record<keyof T, any>;\r\n  const changes: Record<keyof T, boolean> = {} as any\r\n  const errors: Record<keyof T, string> = {} as any\r\n\r\n  const useHook = () => {\r\n    try {\r\n      const id = \"rsb_\" + useId()\r\n      const [, setState] = useState(0)\r\n      useEffect(() => {\r\n        hooks.set(id, () => setState(Math.random()))\r\n        return () => {\r\n          hooks.delete(id)\r\n        }\r\n      }, [])\r\n    } catch (error) {\r\n\r\n    }\r\n  }\r\n\r\n\r\n\r\n  const get = (key: keyof T, defaultValue?: any, dispatch = true) => {\r\n    if (!(key in initial)) {\r\n      throw new Error(`Property ${String(key)} is not defined in the bucket.`)\r\n    }\r\n    if (dispatch) {\r\n      useHook()\r\n    }\r\n    let value = state[key];\r\n    if (value === undefined && defaultValue !== undefined) {\r\n      value = defaultValue\r\n    }\r\n    return value;\r\n  }\r\n\r\n  const set = (key: keyof T, value: any, dispatch = true) => {\r\n    if (!(key in initial)) {\r\n      throw new Error(`Property ${String(key)} is not defined in the bucket.`)\r\n    }\r\n    state[key] = value;\r\n    if (dispatch) {\r\n      hooks.forEach((hook) => hook());\r\n    }\r\n    changes[key] = true\r\n    if (option?.onChange && changes[key]) {\r\n      option.onChange(key as string, value)\r\n    }\r\n\r\n    if (typeof window !== 'undefined') {\r\n      value = JSON.stringify(value) as any\r\n      if (option.store === 'session' || option.store === 'local') {\r\n        let storage = option.store === \"session\" ? sessionStorage : localStorage\r\n        storage.setItem(option.data_key!, JSON.stringify(state))\r\n      } else if (option.store === 'url') {\r\n        let url = new URL(window.location.href)\r\n        url.searchParams.set(option.data_key!, encodeURIComponent(JSON.stringify(state)))\r\n        window.history.replaceState({}, '', url.toString())\r\n      } else if (option.store === 'cookie') {\r\n        setCookie(option.data_key!, JSON.stringify(state))\r\n      }\r\n    }\r\n  }\r\n\r\n  const sets = (data: Partial<Infer<T>>, dispatch = true) => {\r\n    for (let k in data) {\r\n      let v = data[k]\r\n      set(k, v, false)\r\n    }\r\n\r\n    if (dispatch) {\r\n      hooks.forEach((hook) => hook());\r\n    }\r\n  }\r\n\r\n  const _delete = (key: keyof T) => {\r\n    set(key, undefined)\r\n  }\r\n\r\n  const clear = () => {\r\n    const initVal = Initial(initial, option?.data_key || '', option || {}) as Record<keyof T, any>;\r\n    for (let key in initial) {\r\n      state[key] = initVal[key];\r\n      delete changes[key]\r\n    }\r\n    hooks.forEach((hook) => hook());\r\n  }\r\n\r\n  const getChanges = (dispatch = true) => {\r\n    if (dispatch) {\r\n      useHook()\r\n    }\r\n    const changedData: Partial<Record<keyof T, any>> = {}\r\n    for (let k in changes) {\r\n      if (changes[k]) {\r\n        changedData[k] = state[k]\r\n      }\r\n    }\r\n    return changedData\r\n  }\r\n\r\n  const isChanged = (k: keyof T, dispatch = true) => {\r\n    if (dispatch) {\r\n      useHook()\r\n    }\r\n    return !!changes[k]\r\n  }\r\n\r\n  const isValid = (key: keyof T, dispatch = true) => {\r\n    if (dispatch) {\r\n      useHook()\r\n    }\r\n    try {\r\n      initial[key].parse(state[key])\r\n    } catch (error: any) {\r\n      errors[key] = (error as any).message\r\n    }\r\n    hooks.forEach((hook) => hook());\r\n    return !(key in errors)\r\n  }\r\n\r\n  const validate = () => {\r\n    for (let k in initial) {\r\n      try {\r\n        initial[k].parse(state[k])\r\n      } catch (error: any) {\r\n        errors[k] = (error as any).message\r\n      }\r\n    }\r\n    hooks.forEach((hook) => hook());\r\n    return Object.keys(errors).length === 0\r\n  }\r\n\r\n  const getError = (key: keyof T, dispatch = true) => {\r\n    if (dispatch) {\r\n      useHook()\r\n    }\r\n    if (key in errors) {\r\n      return errors[key]\r\n    }\r\n    return ''\r\n  }\r\n\r\n  const getErrors = (dispatch = true) => {\r\n    if (dispatch) {\r\n      useHook()\r\n    }\r\n    return errors\r\n  }\r\n\r\n  const setError = (key: keyof T, message: string) => {\r\n    errors[key] = message\r\n    hooks.forEach((hook) => hook());\r\n  }\r\n\r\n  const clearErrors = () => {\r\n    for (let k in errors) {\r\n      delete errors[k]\r\n    }\r\n    hooks.forEach((hook) => hook());\r\n  }\r\n\r\n  const clearError = (key: keyof T) => {\r\n    delete errors[key]\r\n    hooks.forEach((hook) => hook());\r\n  }\r\n\r\n  return {\r\n    state: (dispatch = true) => {\r\n      if (dispatch) {\r\n        useHook()\r\n      }\r\n      return state\r\n    },\r\n    get,\r\n    set,\r\n    sets,\r\n    delete: _delete,\r\n    clear,\r\n    validate,\r\n    isValid,\r\n    getChanges,\r\n    isChanged,\r\n    getErrors,\r\n    getError,\r\n    setError,\r\n    clearErrors,\r\n    clearError\r\n  }\r\n\r\n}\r\n\r\nexport const xv = XV"],"names":[],"mappings":";;;;;;;;;;AAoCE;;;AAOE;AACE;AACA;;AAEF;;AAGF;;;;;AAME;AACE;;;AAGE;AACA;AACE;AACF;;;;;AAKN;;AAKE;;;;AAIE;;AAEF;;;;AAIA;AACF;;AAGE;;;AAGA;;;;AAIA;AACA;AACE;;AAGF;AACE;AACA;AACE;AACA;;AACK;;AAEL;AACA;;AACK;AACL;;;AAGN;;AAGE;AACE;AACA;;;;;AAMJ;AAEA;AACE;AACF;;;AAIE;;AAEE;;;AAGJ;AAEA;;AAEI;;;AAGF;AACE;;;;AAIF;AACF;;;AAII;;AAEF;AACF;;;AAII;;AAEF;;;;AAGE;;;AAGF;AACF;;AAGE;AACE;;;;AAGE;;;;;AAKN;;;AAII;;AAEF;AACE;;AAEF;AACF;AAEA;;AAEI;;AAEF;AACF;AAEA;AACE;;AAEF;;AAGE;AACE;;;AAGJ;AAEA;AACE;;AAEF;;AAGE;;AAEI;;AAEF;;;;;AAKF;;;;;;;;;;;;AAaJ;AAEO;;;"}

package/index.d.ts

@@ -1,5 +1,4 @@
-import * as xanv from 'xanv';
-import { XVInstanceType, Infer } from 'xanv';
+import { XVAny, XVArray, XVBoolean, XVDate, XVEnum, XVFile, XVFunction, XVMap, XVNumber, XVObject, XVPromise, XVRecord, XVSet, XVString, XVTuple, XVType, XVUnion, Infer } from 'xanv';
 
 type StoreType = "memory" | "session" | "local" | "url" | "cookie";
 type BucketOptions = {
@@ -8,41 +7,42 @@ type BucketOptions = {
     onChange?: (key: string, value: any) => void;
 };
 type InitialBucketData = {
-    [key: string]: XVInstanceType;
+    [key: string]: XVAny | XVArray<any> | XVBoolean | XVDate | XVEnum<any> | XVFile | XVFunction<any, any> | XVMap | XVNumber | XVObject<any> | XVPromise<any> | XVRecord<any, any> | XVSet | XVString | XVTuple | XVType<any> | XVUnion;
 };
-declare const createBucket: <T extends InitialBucketData>(initial: T, option?: BucketOptions) => () => {
-    state: Record<keyof T, any>;
-    get: (key: keyof T, defaultValue?: any) => Record<keyof T, any>[keyof T];
+declare const createBucket: <T extends InitialBucketData>(initial: T, option?: BucketOptions) => {
+    state: (dispatch?: boolean) => Record<keyof T, any>;
+    get: (key: keyof T, defaultValue?: any, dispatch?: boolean) => Record<keyof T, any>[keyof T];
     set: (key: keyof T, value: any, dispatch?: boolean) => void;
     sets: (data: Partial<Infer<T>>, dispatch?: boolean) => void;
     delete: (key: keyof T) => void;
     clear: () => void;
     validate: () => boolean;
-    isValid: (key: keyof T) => boolean;
-    getChanges: () => Partial<Record<keyof T, any>>;
-    isChanged: (k: keyof T) => boolean;
-    getErrors: () => Record<keyof T, string>;
-    getError: (key: keyof T) => Record<keyof T, string>[keyof T] | "";
+    isValid: (key: keyof T, dispatch?: boolean) => boolean;
+    getChanges: (dispatch?: boolean) => Partial<Record<keyof T, any>>;
+    isChanged: (k: keyof T, dispatch?: boolean) => boolean;
+    getErrors: (dispatch?: boolean) => Record<keyof T, string>;
+    getError: (key: keyof T, dispatch?: boolean) => Record<keyof T, string>[keyof T] | "";
     setError: (key: keyof T, message: string) => void;
     clearErrors: () => void;
     clearError: (key: keyof T) => void;
 };
 declare const xv: {
-    any: () => xanv.XVAny<any>;
-    array: (type: XVInstanceType, length?: number) => xanv.XVArray<any[]>;
-    boolean: () => xanv.XVBoolean;
-    date: () => xanv.XVDate<Date>;
-    enum: (values: xanv.XVEnumValues) => xanv.XVEnum<string | number>;
-    file: () => xanv.XVFile<File | Blob>;
-    map: (key: XVInstanceType, value: XVInstanceType) => xanv.XVMap<any, any>;
-    number: (length?: number) => xanv.XVNumber<number>;
-    object: (arg?: xanv.XVObjectType) => xanv.XVObject<Record<any, any>>;
-    record: (key: XVInstanceType, value: XVInstanceType) => xanv.XVRecord<string, any>;
-    set: (type: XVInstanceType) => xanv.XVSet<unknown>;
-    string: (length?: number) => xanv.XVString<string>;
-    tuple: (type: XVInstanceType[]) => xanv.XVTuple<any[]>;
-    union: (type: XVInstanceType[]) => xanv.XVUnion<any>;
-    json: () => xanv.XVJson;
+    any: () => XVAny<any>;
+    array: <T extends XVType<any>>(type: T) => XVArray<T>;
+    boolean: () => XVBoolean;
+    date: () => XVDate;
+    enum: <const T extends string | number>(input: readonly T[] | Record<string, T>) => XVEnum<T>;
+    file: () => XVFile;
+    number: (length?: number) => XVNumber<number>;
+    object: <T extends Record<string, XVType<any>>>(shape: T) => XVObject<T>;
+    record: <K extends XVType<any>, V extends XVType<any>>(key: K, value: V) => XVRecord<K, V>;
+    map: <K extends XVType<any>, V extends XVType<any>>(key: K, value: V) => XVMap<K, V>;
+    set: <T extends XVType<any>>(type: T) => XVSet<T>;
+    string: (length?: number) => XVString;
+    tuple: <T extends XVType<any>[]>(type: T) => XVTuple<T>;
+    union: <T extends XVType<any>[]>(types: T) => XVUnion<T>;
+    function: <const A extends XVType<any>[], R extends XVType<any>>(args: A, ret: R) => XVFunction<A, R>;
+    promise: <T extends XVType<any>>(type: T) => XVPromise<T>;
 };
 
 export { createBucket, xv };