@cripty2001/utils 0.0.140 → 0.0.142

package/dist/react-whispr.d.ts

@@ -79,3 +79,10 @@ export declare function useRelTime(refresh?: number): (ts: Date | number) => str
  *
  */
 export declare function useSearcher<T>(data: SearcherData<T>[], q: string): SearcherData<T>[];
+/**
+ * A react ref hook with safe laxy initialization, ready for safe effects.
+ * @remarks The initialization function will only be called once, and the result will be stored in the ref.
+ * @param value The value to initialize the ref with. If a function is provided, it will be called to initialize the ref.
+ * @returns
+ */
+export declare function useSafeRef<T>(value: (() => T)): T;

package/dist/react-whispr.js

@@ -9,6 +9,7 @@ exports.useSynced = useSynced;
 exports.useAsync = useAsync;
 exports.useRelTime = useRelTime;
 exports.useSearcher = useSearcher;
+exports.useSafeRef = useSafeRef;
 const whispr_1 = require("@cripty2001/whispr");
 const react_1 = require("react");
 const lodash_1 = require("lodash");
@@ -148,18 +149,14 @@ function useSynced(def, value, setValue) {
  */
 function useAsync(f, data, debouce = 200) {
     // Initing reactive input
-    const whisprRef = (0, react_1.useRef)(null);
-    if (!whisprRef.current) {
-        whisprRef.current = whispr_1.Whispr.create(data ?? (0, _1.getRandomId)());
-    }
-    const [input, setInput] = whisprRef.current;
+    const [input, setInput] = useSafeRef(() => whispr_1.Whispr.create(data ?? (0, _1.getRandomId)()));
     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;
+    const dispatcher = useSafeRef(() => new Dispatcher_1.Dispatcher(input, f, debouce));
     // Returning dispatcher
     return dispatcher;
 }
@@ -234,3 +231,18 @@ function useSearcher(data, q) {
     const searcher = (0, Searcher_1.useSearcher_w)(data_w, q_w);
     return useWhisprValue(searcher);
 }
+/**
+ * A react ref hook with safe laxy initialization, ready for safe effects.
+ * @remarks The initialization function will only be called once, and the result will be stored in the ref.
+ * @param value The value to initialize the ref with. If a function is provided, it will be called to initialize the ref.
+ * @returns
+ */
+function useSafeRef(value) {
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (ref.current !== null)
+            return;
+        ref.current = value();
+    }, []);
+    return ref.current;
+}

package/package.json

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