react-state-bucket 1.2.17 → 1.2.18

package/index.js

@@ -1,3 +1,4 @@
+"use client";
 import { useId, useState, useEffect } from 'react';
 import { xv as xv$1 } from 'xanv';
 import youid from 'youid';
@@ -18,147 +19,175 @@ const createBucket = (initial, option) => {
     const state = Initial(initial, (option === null || option === void 0 ? void 0 : option.data_key) || '', option || {});
     const changes = {};
     const errors = {};
-    const useBucket = () => {
-        const id = "rsb_" + useId();
-        const [, setState] = useState(0);
-        useEffect(() => {
-            hooks.set(id, () => setState(Math.random()));
-            return () => {
-                hooks.delete(id);
-            };
-        }, []);
-        const get = (key, defaultValue) => {
-            if (!(key in initial)) {
-                throw new Error(`Property ${String(key)} is not defined in the bucket.`);
-            }
-            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') {
-                    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);
+    const useHook = () => {
+        try {
+            const id = "rsb_" + useId();
+            const [, setState] = useState(0);
+            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));
             }
-            if (dispatch) {
-                hooks.forEach((hook) => hook());
+            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());
             }
-        };
-        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];
+            else if (option.store === '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 getChanges = () => {
-            const changedData = {};
-            for (let k in changes) {
-                if (changes[k]) {
-                    changedData[k] = state[k];
-                }
+        }
+    };
+    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) => !!changes[k];
-        const isValid = (key) => {
+        }
+        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[key].parse(state[key]);
+                initial[k].parse(state[k]);
             }
             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;
-                }
+                errors[k] = error.message;
             }
-            hooks.forEach((hook) => hook());
-            return Object.keys(errors).length === 0;
-        };
-        const getError = (key) => {
-            if (key in errors) {
-                return errors[key];
-            }
-            return '';
-        };
-        const getErrors = () => {
-            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());
+        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();
             }
-            hooks.forEach((hook) => hook());
-        };
-        const clearError = (key) => {
-            delete errors[key];
-            hooks.forEach((hook) => hook());
-        };
-        return {
-            state,
-            get,
-            set,
-            sets,
-            delete: _delete,
-            clear,
-            validate,
-            isValid,
-            getChanges,
-            isChanged,
-            getErrors,
-            getError,
-            setError,
-            clearErrors,
-            clearError
-        };
-    };
-    return useBucket;
+            return state;
+        },
+        get,
+        set,
+        sets,
+        delete: _delete,
+        clear,
+        validate,
+        isValid,
+        getChanges,
+        isChanged,
+        getErrors,
+        getError,
+        setError,
+        clearErrors,
+        clearError
+    };
 };
 const xv = xv$1;
 

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import { useEffect, useId, useState } from \"react\"\nimport { Infer, xv as XV, XVInstanceType } from \"xanv\"\nimport youid from \"youid\";\nimport { getCookie, setCookie } from \"./Cookie\";\nimport Initial from \"./Initial\";\n\nexport type StoreType = \"memory\" | \"session\" | \"local\" | \"url\" | \"cookie\"\nexport type BucketOptions = {\n  store?: StoreType;\n  data_key?: string;\n  onChange?: (key: string, value: any) => void\n}\n\nexport type InitialBucketData = {\n  [key: string]: XVInstanceType\n}\n\n\nexport const createBucket = <T extends InitialBucketData>(initial: T, option?: BucketOptions) => {\n  option = {\n    store: \"memory\",\n    ...option,\n  }\n\n  if (!option?.data_key) {\n    let data_key = ''\n    for (let key in initial) {\n      const field = initial[key]\n      data_key += key + ':' + JSON.stringify(field.meta) + ';'\n    }\n    option.data_key = youid(data_key)\n  }\n\n  const hooks = new Map<string, Function>()\n  const state: Record<keyof T, any> = Initial(initial, option?.data_key || '', option || {}) as Record<keyof T, any>;\n  const changes: Record<keyof T, boolean> = {} as any\n  const errors: Record<keyof T, string> = {} as any\n\n  const useBucket = () => {\n    const id = \"rsb_\" + useId()\n    const [, setState] = useState(0)\n\n    useEffect(() => {\n      hooks.set(id, () => setState(Math.random()))\n      return () => {\n        hooks.delete(id)\n      }\n    }, [])\n\n    const get = (key: keyof T, defaultValue?: any) => {\n      if (!(key in initial)) {\n        throw new Error(`Property ${String(key)} is not defined in the bucket.`)\n      }\n      let value = state[key];\n      if (value === undefined && defaultValue !== undefined) {\n        value = defaultValue\n      }\n      return value;\n    }\n\n    const set = (key: keyof T, value: any, dispatch = true) => {\n      if (!(key in initial)) {\n        throw new Error(`Property ${String(key)} is not defined in the bucket.`)\n      }\n      state[key] = value;\n      if (dispatch) {\n        hooks.forEach((hook) => hook());\n      }\n      changes[key] = true\n      if (option?.onChange && changes[key]) {\n        option.onChange(key as string, value)\n      }\n\n      if (typeof window !== 'undefined') {\n        value = JSON.stringify(value) as any\n        if (option.store === 'session' || option.store === 'local') {\n          let storage = option.store === \"session\" ? sessionStorage : localStorage\n          storage.setItem(option.data_key!, JSON.stringify(state))\n        } else if (option.store === 'url') {\n          let url = new URL(window.location.href)\n          url.searchParams.set(option.data_key!, encodeURIComponent(JSON.stringify(state)))\n          window.history.replaceState({}, '', url.toString())\n        } else if (option.store === 'cookie') {\n          setCookie(option.data_key!, JSON.stringify(state))\n        }\n      }\n    }\n\n    const sets = (data: Partial<Infer<T>>, dispatch = true) => {\n      for (let k in data) {\n        let v = data[k]\n        set(k, v, false)\n      }\n\n      if (dispatch) {\n        hooks.forEach((hook) => hook());\n      }\n    }\n\n    const _delete = (key: keyof T) => {\n      set(key, undefined)\n    }\n\n    const clear = () => {\n      const initVal = Initial(initial, option?.data_key || '', option || {}) as Record<keyof T, any>;\n      for (let key in initial) {\n        state[key] = initVal[key];\n        delete changes[key]\n      }\n      hooks.forEach((hook) => hook());\n    }\n\n    const getChanges = () => {\n      const changedData: Partial<Record<keyof T, any>> = {}\n      for (let k in changes) {\n        if (changes[k]) {\n          changedData[k] = state[k]\n        }\n      }\n      return changedData\n    }\n\n    const isChanged = (k: keyof T) => !!changes[k]\n\n    const isValid = (key: keyof T) => {\n      try {\n        initial[key].parse(state[key])\n      } catch (error: any) {\n        errors[key] = (error as any).message\n      }\n      hooks.forEach((hook) => hook());\n      return !(key in errors)\n    }\n\n    const validate = () => {\n      for (let k in initial) {\n        try {\n          initial[k].parse(state[k])\n        } catch (error: any) {\n          errors[k] = (error as any).message\n        }\n      }\n      hooks.forEach((hook) => hook());\n      return Object.keys(errors).length === 0\n    }\n\n    const getError = (key: keyof T) => {\n      if (key in errors) {\n        return errors[key]\n      }\n      return ''\n    }\n\n    const getErrors = () => {\n      return errors\n    }\n\n    const setError = (key: keyof T, message: string) => {\n      errors[key] = message\n      hooks.forEach((hook) => hook());\n    }\n\n    const clearErrors = () => {\n      for (let k in errors) {\n        delete errors[k]\n      }\n      hooks.forEach((hook) => hook());\n    }\n\n    const clearError = (key: keyof T) => {\n      delete errors[key]\n      hooks.forEach((hook) => hook());\n    }\n\n\n    return {\n      state,\n      get,\n      set,\n      sets,\n      delete: _delete,\n      clear,\n      validate,\n      isValid,\n      getChanges,\n      isChanged,\n      getErrors,\n      getError,\n      setError,\n      clearErrors,\n      clearError\n    }\n  }\n\n  return useBucket\n}\n\nexport const xv = XV"],"names":["XV"],"mappings":"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"}
+{"version":3,"file":"index.js","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/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.2.17",
+  "version": "1.2.18",
   "name": "react-state-bucket",
   "author": "Naxrul Ahmed",
   "license": "MIT",
@@ -12,6 +12,7 @@
   "main": "./index.cjs",
   "module": "./index.js",
   "types": "./index.d.ts",
+  "type": "module",
   "keywords": [
     "react",
     "state management",
@@ -23,7 +24,7 @@
     "typescript"
   ],
   "dependencies": {
-    "xanv": "^1.1.11",
+    "xanv": "^1.1.24",
     "youid": "^1.0.13"
   }
 }