@cripty2001/utils 0.0.74 → 0.0.76

package/dist/Appserver/client.js

@@ -79,9 +79,7 @@ class Client {
             case 401:
             case 403:
                 if (testedToken === this.authToken.value) {
-                    console.log("Invalidating token");
                     this.setAuthToken(null);
-                    console.log("Token invalidated");
                 }
                 throw new ClientError("Permission denied");
             case 200:

package/dist/react-whispr.d.ts

@@ -42,6 +42,14 @@ export declare function useCurrentTimestamp(refresh?: number): number;
  * @returns The debounced value
  */
 export declare function useDebounced<T>(value: T): T;
+/**
+ * Allow for having a locally defined state, that can be kept synced with an external one, if available.
+ * @param def The default value
+ * @param value The value to sync
+ * @param setValue The function to set the value
+ * @returns The synced value and the function to set it
+ */
+export declare function useSynced<T extends any>(def: T, value: T | undefined, setValue: ((value: T) => void) | undefined): [T, React.Dispatch<React.SetStateAction<T>>];
 /**
  *
  * Wraps an async function into a reactable data.

package/dist/react-whispr.js

@@ -5,13 +5,14 @@ exports.useWhispr = useWhispr;
 exports.useOnWhispr = useOnWhispr;
 exports.useCurrentTimestamp = useCurrentTimestamp;
 exports.useDebounced = useDebounced;
+exports.useSynced = useSynced;
 exports.useAsync = useAsync;
 exports.useRelTime = useRelTime;
 const whispr_1 = require("@cripty2001/whispr");
 const react_1 = require("react");
 const lodash_1 = require("lodash");
-const Dispatcher_1 = require("./Dispatcher");
 const _1 = require(".");
+const Dispatcher_1 = require("./Dispatcher");
 /**
  * Convert a Whispr value into a reactive react value, usable in function components with the standard react reactive system.
  * If the value is not a Whispr, it is returned as is, thus allowing for progressive migration and adoption
@@ -91,6 +92,29 @@ function useDebounced(value) {
     }, [value]);
     return debounced;
 }
+/**
+ * Allow for having a locally defined state, that can be kept synced with an external one, if available.
+ * @param def The default value
+ * @param value The value to sync
+ * @param setValue The function to set the value
+ * @returns The synced value and the function to set it
+ */
+function useSynced(def, value, setValue) {
+    const [v, setV] = (0, react_1.useState)(def);
+    if (value !== undefined) {
+        (0, react_1.useEffect)(() => {
+            setV(value);
+        }, [value, setV]);
+    }
+    if (setValue !== undefined) {
+        (0, react_1.useEffect)(() => {
+            if ((0, lodash_1.isEqual)(v, value))
+                return;
+            setValue(v);
+        }, [v, setValue]);
+    }
+    return [v, setV];
+}
 /**
  *
  * Wraps an async function into a reactable data.

package/package.json

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