@cripty2001/utils 0.0.185 → 0.0.186

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);

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;
 }
 /**

package/package.json

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