@cripty2001/utils 0.0.135 → 0.0.137

package/dist/react-whispr.d.ts

@@ -56,7 +56,7 @@ export declare function useSynced<T extends any>(def: T, value: T | undefined, s
  * Wraps an async function into a reactable data.
  *
  * @param f The async function to call. It should return a promise that resolves to the data. It is not reactive
- * @param data The data to give to f. It must be stable, as anything in the dependency array of the useEffect and similars in the react ecosystem.
+ * @param data The data to give to f. It must be stable, as anything in the dependency array of the useEffect and similars in the react ecosystem. If null, this function will act like an useEffect with an empty dependency array.
  * @param debouce Debounce time in ms. Default to 200ms. The async function will not be called if this time has not passed since the useAsync first invocation or value change. If another change happens during the wait, the first function call is never executed
  * @returns  The dispatcher
  *

package/dist/react-whispr.js

@@ -139,7 +139,7 @@ function useSynced(def, value, setValue) {
  * Wraps an async function into a reactable data.
  *
  * @param f The async function to call. It should return a promise that resolves to the data. It is not reactive
- * @param data The data to give to f. It must be stable, as anything in the dependency array of the useEffect and similars in the react ecosystem.
+ * @param data The data to give to f. It must be stable, as anything in the dependency array of the useEffect and similars in the react ecosystem. If null, this function will act like an useEffect with an empty dependency array.
  * @param debouce Debounce time in ms. Default to 200ms. The async function will not be called if this time has not passed since the useAsync first invocation or value change. If another change happens during the wait, the first function call is never executed
  * @returns  The dispatcher
  *
@@ -148,10 +148,12 @@ function useSynced(def, value, setValue) {
  */
 function useAsync(f, data, debouce = 200) {
     // Initing reactive input
-    const [input, setInput] = (0, react_1.useRef)(whispr_1.Whispr.create(data)).current;
-    (0, react_1.useEffect)(() => {
-        setInput(data); // Debouncing already handled by dispatcher
-    }, [data, setInput]);
+    const [input, setInput] = (0, react_1.useRef)(whispr_1.Whispr.create(data ?? (0, _1.getRandomId)())).current;
+    if (data !== null) {
+        (0, react_1.useEffect)(() => {
+            setInput(data); // Debouncing already handled by dispatcher
+        }, [data, setInput]);
+    }
     // Initing dispatcher
     const dispatcher = (0, react_1.useRef)(new Dispatcher_1.Dispatcher(input, f, debouce)).current;
     // Returning dispatcher
@@ -169,20 +171,36 @@ function useRelTime(refresh = 1000) {
     const getFormat = (_diff) => {
         const diff = Math.abs(_diff);
         const breakpoints = [
-            { limit: 60, unit: "second" },
-            { limit: 3600, unit: "minute" },
-            { limit: 86400, unit: "hour" },
-            { limit: 604800, unit: "day" },
+            {
+                base: 1,
+                limit: 60,
+                unit: "second"
+            },
+            {
+                base: 60,
+                limit: 60,
+                unit: "minute"
+            },
+            {
+                base: 60 * 60,
+                limit: 24,
+                unit: "hour"
+            },
+            {
+                base: 60 * 60 * 24,
+                limit: 45,
+                unit: "day"
+            },
         ];
-        for (const { limit, unit } of breakpoints) {
-            if (diff < limit)
+        for (const { base, limit, unit } of breakpoints) {
+            if (diff < limit * base)
                 return {
-                    limit,
+                    base,
                     unit
                 };
         }
         return {
-            limit: 2592000,
+            base: 60 * 60 * 24 * 7,
             unit: "week"
         };
     };
@@ -191,10 +209,10 @@ function useRelTime(refresh = 1000) {
         const then = ts instanceof Date ? ts.getTime() : ts;
         const delta = then - now;
         const seconds = Math.round(delta / 1000);
-        const { limit, unit } = getFormat(seconds);
+        const { base, unit } = getFormat(seconds);
         const rounded = seconds > 0 ?
-            Math.floor(seconds / limit) :
-            Math.ceil(seconds / limit);
+            Math.floor(seconds / base) :
+            Math.ceil(seconds / base);
         return rtf.format(rounded, unit);
     }, [currTs, rtf]);
     return cb;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cripty2001/utils",
-  "version": "0.0.135",
+  "version": "0.0.137",
   "description": "Internal Set of utils. If you need them use them, otherwise go to the next package ;)",
   "homepage": "https://github.com/cripty2001/utils#readme",
   "bugs": {