@cripty2001/utils 0.0.8 → 0.0.10

package/dist/Logger.d.ts

@@ -0,0 +1,22 @@
+import { Whispr } from "@cripty2001/whispr";
+type LoggerItem = {
+    id: string;
+    date: Date;
+    message: string;
+    severity: "success" | "info" | "warning" | "error";
+    context: string | undefined;
+    dismiss: () => void;
+    trace: string | undefined;
+};
+declare class Logger {
+    private static instance;
+    lines: Whispr<LoggerItem[]>;
+    private setLines;
+    private constructor();
+    private reconstructError;
+    static getInstance(): Logger;
+    log(message: string, severity?: LoggerItem['severity'], context?: string): void;
+    logError(error: Error | DOMException | any): void;
+}
+declare const _default: Logger;
+export default _default;

package/dist/Logger.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const whispr_1 = require("@cripty2001/whispr");
+const _1 = require(".");
+class Logger {
+    static instance;
+    lines;
+    setLines;
+    constructor() {
+        [this.lines, this.setLines] = whispr_1.Whispr.create([]);
+        window.addEventListener("unhandledrejection", (e) => this.log(e.reason, "error"));
+        window.addEventListener("error", (e) => this.logError(this.reconstructError(e)));
+    }
+    reconstructError(e) {
+        if (e.error && e.error instanceof Error) {
+            return e.error;
+        }
+        if (e.message && typeof e.message === 'string') {
+            return new Error(e.message);
+        }
+        return new Error("Unknown error");
+    }
+    static getInstance() {
+        if (!Logger.instance) {
+            Logger.instance = new Logger();
+        }
+        return Logger.instance;
+    }
+    log(message, severity = "info", context) {
+        const item = {
+            id: (0, _1.getRandomId)(),
+            date: new Date(),
+            message,
+            severity,
+            context,
+            dismiss: () => {
+                this.setLines(this.lines.value.filter(i => i.id !== item.id));
+            },
+            trace: (new Error()).stack
+        };
+        this.setLines([...this.lines.value, item]);
+    }
+    logError(error) {
+        if (error instanceof DOMException ||
+            error instanceof Error ||
+            false) {
+            return this.log(error.message, "error", error.stack);
+        }
+        console.trace('UNKNOWN ERROR', error);
+        return this.log("Unknown error - See Console", "error");
+    }
+}
+exports.default = Logger.getInstance();

package/dist/index.d.ts

@@ -9,3 +9,10 @@ export declare function getRandomOtp(length?: number, char?: boolean): string;
 export declare function sleep(ms: number): Promise<void>;
 export declare function parseHash(fields: string[]): URLSearchParams;
 export declare function loop(cb: () => Promise<void>, interval: number, onError?: (e: any) => Promise<void>): Promise<void>;
+/**
+ * Float aware deep equality check between two values.
+ */
+export declare function isEqual(a: any, b: any): boolean;
+export declare function arrayStep(from: number, to: number, step: number): number[];
+export declare function copyToClipboard(text: string): void;
+export declare function stableLog(obj: any, message?: string): void;

package/dist/index.js

@@ -6,6 +6,11 @@ exports.getRandomOtp = getRandomOtp;
 exports.sleep = sleep;
 exports.parseHash = parseHash;
 exports.loop = loop;
+exports.isEqual = isEqual;
+exports.arrayStep = arrayStep;
+exports.copyToClipboard = copyToClipboard;
+exports.stableLog = stableLog;
+const lodash_1 = require("lodash");
 function getRandom(_alphabeth, length) {
     const alphabeth = _alphabeth.split("");
     const toReturn = [];
@@ -57,3 +62,28 @@ async function loop(cb, interval, onError = async (e) => { console.error(e); })
         }
     }
 }
+/**
+ * Float aware deep equality check between two values.
+ */
+function isEqual(a, b) {
+    const TOLERANCE = 1e-9;
+    const toReturn = (0, lodash_1.isEqualWith)(a, b, (a, b) => {
+        if (typeof a === 'number' && typeof b === 'number')
+            return Math.abs(a - b) < TOLERANCE;
+        return undefined;
+    });
+    return toReturn;
+}
+function arrayStep(from, to, step) {
+    const result = [];
+    for (let i = from; i <= to; i += step) {
+        result.push(i);
+    }
+    return result;
+}
+function copyToClipboard(text) {
+    navigator.clipboard.writeText(text);
+}
+function stableLog(obj, message = '') {
+    console.log(message, JSON.parse(JSON.stringify(obj)));
+}

package/dist/react-whispr.d.ts

@@ -24,3 +24,5 @@ export declare function useWhisprValue<I, O = I>(w: Whispr<I>, computer?: (data:
  * @remarks The returned whispr has already been ref-fed, so it can be directly used without worrying about react recreating it or similar bad things
  */
 export declare function useWhispr<T>(data: T | Whispr<T>): Whispr<T>;
+export declare function useCurrentTimestamp(): number;
+export declare function useDebounced<T>(value: T): T;

package/dist/react-whispr.js

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWhisprValue = useWhisprValue;
 exports.useWhispr = useWhispr;
+exports.useCurrentTimestamp = useCurrentTimestamp;
+exports.useDebounced = useDebounced;
 const whispr_1 = require("@cripty2001/whispr");
 const react_1 = require("react");
 const lodash_1 = require("lodash");
@@ -50,3 +52,22 @@ function useWhispr(data) {
         return data;
     return w;
 }
+function useCurrentTimestamp() {
+    const [currTs, setCurrTs] = (0, react_1.useState)(Date.now());
+    (0, react_1.useEffect)(() => {
+        const id = setInterval(() => setCurrTs(Date.now()), 1000);
+        return () => clearInterval(id);
+    }, [setCurrTs]);
+    return currTs;
+}
+function useDebounced(value) {
+    const lastEmitted = (0, react_1.useRef)(value);
+    const [debounced, setDebounced] = (0, react_1.useState)(value);
+    (0, react_1.useEffect)(() => {
+        if ((0, lodash_1.isEqual)(lastEmitted.current, value))
+            return;
+        lastEmitted.current = value;
+        setDebounced(value);
+    }, [value]);
+    return debounced;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cripty2001/utils",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "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": {
@@ -51,6 +51,10 @@
     "./react-whispr": {
       "import": "./dist/react-whispr.js",
       "types": "./dist/react-whispr.d.ts"
+    },
+    "./logger": {
+      "import": "./dist/logger.js",
+      "types": "./dist/logger.d.ts"
     }
   }
 }