@cripty2001/utils 0.0.145 → 0.0.147

package/dist/react-whispr.d.ts

@@ -110,11 +110,9 @@ export declare function useAsync<I, O>(f: (input: I, setProgress: (p: number) =>
 export declare function useAsyncEffect<I>(f: (input: I, setProgress: (p: number) => void, signal: AbortSignal) => Promise<void>, data: I, debounce?: number): void;
 /**
  * Format a timestamp into a relative time string (e.g. "5 minutes ago", "in 2 hours"), using the browser locale.
- * The refreshed time is reactive.
- * @param refresh The refresh interval, in milliseconds. Default to 1000ms.
  * @returns A callback (reactive, will change on refresh) that formats a given timestamp into a relative time string.
  */
-export declare function useRelTime(refresh?: number): (ts: Date | number) => string;
+export declare function useRelTime(): (ts: Date | number) => string;
 /**
  * React shorthand for the Searcher
  * @param data The data to search on

package/dist/react-whispr.js

@@ -36,11 +36,18 @@ const Searcher_1 = require("./Searcher");
 function useWhisprValue(w, computer = (d) => d) {
     const value_w = (0, react_1.useRef)(whispr_1.Whispr.from({ w }, ({ w }) => computer(w))).current;
     const [value, setValue] = (0, react_1.useState)(value_w.value);
-    value_w.subscribe((newValue) => {
-        if ((0, lodash_1.isEqual)(newValue, value))
-            return;
-        setValue(newValue);
-    }, false); // Already got the initial value, and this will call syncronously generate a react warning as called on an not yet mounted component
+    const valueRef = (0, react_1.useRef)(value);
+    (0, react_1.useEffect)(() => {
+        valueRef.current = value;
+    }, [value]);
+    (0, react_1.useEffect)(() => {
+        const unsub = value_w.subscribe((newValue) => {
+            if ((0, lodash_1.isEqual)(newValue, valueRef.current))
+                return;
+            setValue(newValue);
+        }, false);
+        return () => unsub();
+    }, [value_w]);
     return value;
 }
 /**
@@ -214,12 +221,10 @@ function useAsyncEffect(f, data, debounce = 200) {
 }
 /**
  * Format a timestamp into a relative time string (e.g. "5 minutes ago", "in 2 hours"), using the browser locale.
- * The refreshed time is reactive.
- * @param refresh The refresh interval, in milliseconds. Default to 1000ms.
  * @returns A callback (reactive, will change on refresh) that formats a given timestamp into a relative time string.
  */
-function useRelTime(refresh = 1000) {
-    const currTs = useCurrentTimestamp(refresh);
+function useRelTime() {
+    const currTs = useCurrentTimestamp(1000);
     const rtf = (0, react_1.useRef)(new Intl.RelativeTimeFormat(navigator.language, { numeric: "auto" })).current;
     const getFormat = (_diff) => {
         const diff = Math.abs(_diff);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cripty2001/utils",
-  "version": "0.0.145",
+  "version": "0.0.147",
   "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": {