@bouku/core 0.2.3 → 0.2.4

package/dist/components/container/_.d.ts

@@ -1,5 +1,5 @@
 export { default as AbsoluteBox } from "./absolute";
 export { default as FadeBox } from "./fade";
-export { default as Rnd } from "./rnd";
+export { default as RnD } from "./rnd";
 export { default as ScrollBox } from "./scroll";
 export * from "./flex";

package/dist/components/container/_.js

@@ -17,13 +17,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScrollBox = exports.Rnd = exports.FadeBox = exports.AbsoluteBox = void 0;
+exports.ScrollBox = exports.RnD = exports.FadeBox = exports.AbsoluteBox = void 0;
 var absolute_1 = require("./absolute");
 Object.defineProperty(exports, "AbsoluteBox", { enumerable: true, get: function () { return __importDefault(absolute_1).default; } });
 var fade_1 = require("./fade");
 Object.defineProperty(exports, "FadeBox", { enumerable: true, get: function () { return __importDefault(fade_1).default; } });
 var rnd_1 = require("./rnd");
-Object.defineProperty(exports, "Rnd", { enumerable: true, get: function () { return __importDefault(rnd_1).default; } });
+Object.defineProperty(exports, "RnD", { enumerable: true, get: function () { return __importDefault(rnd_1).default; } });
 var scroll_1 = require("./scroll");
 Object.defineProperty(exports, "ScrollBox", { enumerable: true, get: function () { return __importDefault(scroll_1).default; } });
 __exportStar(require("./flex"), exports);

package/dist/utils/hooks/state.d.ts

@@ -1,4 +1,9 @@
-export declare function useValue<T>(getValue: () => Promise<T>): T | null;
+interface GetValueOptions<T> {
+    fetcher: () => Promise<T>;
+    callback?: () => void;
+    interval?: number;
+}
+export declare function useValue<T>({ fetcher, callback, interval }: GetValueOptions<T>): readonly [T | null | undefined, boolean];
 export declare function useList<T extends {
     id?: string;
 }>(initial?: T[]): {

package/dist/utils/hooks/state.js

@@ -4,13 +4,42 @@ exports.useValue = useValue;
 exports.useList = useList;
 exports.useMap = useMap;
 const react_1 = require("react");
-function useValue(getValue) {
-    const [value, setValue] = (0, react_1.useState)(null);
+function useValue({ fetcher, callback, interval }) {
+    const [value, setValue] = (0, react_1.useState)();
+    const [isLoading, setLoading] = (0, react_1.useState)(true);
+    const fetchValue = async (showLoading = false) => {
+        if (showLoading)
+            setLoading(true);
+        try {
+            console.log("fetching");
+            const result = await fetcher();
+            const nextValue = result ?? null;
+            setValue(current => Object.is(current, nextValue)
+                ? current
+                : nextValue);
+        }
+        catch (err) {
+            console.error(err);
+        }
+        finally {
+            if (showLoading)
+                setLoading(false);
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        fetchValue(true);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (!interval || value)
+            return;
+        const id = setInterval(() => fetchValue(), interval * 1000);
+        return () => clearInterval(id);
+    }, [interval, value]);
     (0, react_1.useEffect)(() => {
-        if (!value)
-            getValue().then(setValue);
-    }, [value]);
-    return value;
+        if (value && callback)
+            callback();
+    }, [value, callback]);
+    return [value, isLoading];
 }
 function useList(initial = []) {
     const [items, setItems] = (0, react_1.useState)(initial);

package/package.json

@@ -1,7 +1,7 @@
 {
 
   "name": "@bouku/core",
-  "version": "0.2.3",
+  "version": "0.2.4",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",