@cripty2001/utils 0.0.185 → 0.0.187

package/dist/react-whispr.d.ts

@@ -9,8 +9,6 @@ import { SearcherData } from "./Searcher";
  * @param computer An optional function to compute the returned value. This is useful to extract a part of a larger whispr, or to compute a derived value. It is the analog of useMemo with a single dependency (the whispr itself)
  * @returns A reactive react value
  *
- * @remarks The value is NOT REACTIVE, and the same applies to the computer, if any. Only changes to its content will trigger a change, not changes to the object itself.
- *
  * @example
  * export default function MyComponent(props: { value:  Whispr<string> }) {
  *   const value = useWhisprValue(props.value);
@@ -33,7 +31,7 @@ export declare function useWhispr<T>(data: T | Whispr<T>): Whispr<T>;
  * @param cb The callback to call on value change
  * @param unsafe If true, the callback will be allowed to throw errors, that will then bubble up
  */
-export declare function useOnWhispr<T>(w: Whispr<T>, unsafe: boolean | undefined, cb: (value: T) => void): void;
+export declare function useOnWhispr<T>(w: Whispr<T>, cb: (value: T) => void, unsafe?: boolean): void;
 /**
  * Return a reactive current timestamp (ms)
  * @returns The current timestamp

package/dist/react-whispr.js

@@ -25,8 +25,6 @@ const Searcher_1 = require("./Searcher");
  * @param computer An optional function to compute the returned value. This is useful to extract a part of a larger whispr, or to compute a derived value. It is the analog of useMemo with a single dependency (the whispr itself)
  * @returns A reactive react value
  *
- * @remarks The value is NOT REACTIVE, and the same applies to the computer, if any. Only changes to its content will trigger a change, not changes to the object itself.
- *
  * @example
  * export default function MyComponent(props: { value:  Whispr<string> }) {
  *   const value = useWhisprValue(props.value);
@@ -35,15 +33,21 @@ 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);
+    const value_w = (0, react_1.useRef)(whispr_1.Whispr.create(computer(w.value))[0]);
+    const unsubscribe = (0, react_1.useRef)(() => { });
+    const [value, setValue] = (0, react_1.useState)(value_w.current.value);
+    const valueref = (0, react_1.useRef)(value); // Yep, react and his strange stale closures...
     (0, react_1.useEffect)(() => {
-        return value_w.subscribe((newValue) => {
-            if ((0, lodash_1.isEqual)(newValue, value))
+        unsubscribe.current();
+        value_w.current = whispr_1.Whispr.from({ w }, ({ w }) => computer(w));
+        unsubscribe.current = value_w.current.subscribe((newValue) => {
+            if ((0, lodash_1.isEqual)(newValue, valueref.current))
                 return;
             setValue(newValue);
+            valueref.current = newValue;
         });
-    }, [value_w]);
+        return () => unsubscribe.current();
+    }, [w, computer]);
     return value;
 }
 /**
@@ -71,7 +75,7 @@ function useWhispr(data) {
  * @param cb The callback to call on value change
  * @param unsafe If true, the callback will be allowed to throw errors, that will then bubble up
  */
-function useOnWhispr(w, unsafe = false, cb) {
+function useOnWhispr(w, cb, unsafe = false) {
     (0, react_1.useEffect)(() => {
         const unsub = w.subscribe(cb, undefined, unsafe);
         return () => unsub();
@@ -209,11 +213,11 @@ function useAsync(f, data, debouce = 200) {
  */
 function useAsyncEffect(f, data, debounce = 200) {
     const dispatcher = useAsync(f, data, debounce);
-    useOnWhispr(dispatcher.data, true, (data) => {
+    useOnWhispr(dispatcher.data, (data) => {
         if (!data.loading && !data.ok) {
             throw data.error;
         }
-    });
+    }, true);
 }
 /**
  * Format a timestamp into a relative time string (e.g. "5 minutes ago", "in 2 hours"), using the browser locale.

package/package.json

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