@cripty2001/utils 0.0.93 → 0.0.95

package/dist/Appserver/client.d.ts

@@ -4,6 +4,9 @@ export type { AppserverData };
 export declare class ClientError extends Error {
     constructor(message: string);
 }
+export declare class ClientAuthError extends ClientError {
+    constructor();
+}
 export declare class ClientServerError extends Error {
     code: string;
     payload: AppserverData;
@@ -22,5 +25,11 @@ export declare class Client {
     static create(url: string): Client;
     login(token: string): Promise<boolean>;
     exec<I extends AppserverData, O extends AppserverData>(action: string, input: I): Promise<O>;
+    /**
+     * Executes an action on the server without invalidating the auth token on auth errors.
+     * @param action - The action to execute
+     * @param input - The input to the action
+     * @returns The result of the action
+     */
     private unsafeExec;
 }

package/dist/Appserver/client.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Client = exports.ClientValidationError = exports.ClientServerError = exports.ClientError = void 0;
+exports.Client = exports.ClientValidationError = exports.ClientServerError = exports.ClientAuthError = exports.ClientError = void 0;
 const whispr_1 = require("@cripty2001/whispr");
 const msgpack_1 = require("@msgpack/msgpack");
 const Dispatcher_1 = require("../Dispatcher");
@@ -10,6 +10,12 @@ class ClientError extends Error {
     }
 }
 exports.ClientError = ClientError;
+class ClientAuthError extends ClientError {
+    constructor() {
+        super("Authentication error");
+    }
+}
+exports.ClientAuthError = ClientAuthError;
 class ClientServerError extends Error {
     code;
     payload;
@@ -64,8 +70,20 @@ class Client {
         });
     }
     async exec(action, input) {
-        return this.unsafeExec(`/exec/${action}`, input);
+        return await this.unsafeExec(`/exec/${action}`, input)
+            .catch(e => {
+            if (e instanceof ClientAuthError) {
+                this.setAuthToken(null);
+            }
+            throw e;
+        });
     }
+    /**
+     * Executes an action on the server without invalidating the auth token on auth errors.
+     * @param action - The action to execute
+     * @param input - The input to the action
+     * @returns The result of the action
+     */
     async unsafeExec(action, input) {
         const testedToken = this.authToken.value;
         const res = await fetch(`${this.url}${action}`, {
@@ -76,12 +94,8 @@ class Client {
             },
             body: new Blob([new Uint8Array((0, msgpack_1.encode)(input))], { type: 'application/msgpack' }),
         });
-        if (res.status === 401 || res.status === 403) {
-            if (testedToken === this.authToken.value) {
-                this.setAuthToken(null);
-            }
+        if (res.status === 401 || res.status === 403)
             throw new ClientError("Permission denied");
-        }
         if (res.status === 404)
             throw new ClientError("Not found");
         const decoded = (0, msgpack_1.decode)(await res.arrayBuffer());

package/dist/react/logger-display.d.ts

@@ -0,0 +1 @@
+export declare function LoggerReactDisplay(): import("react/jsx-runtime").JSX.Element;

package/dist/react/logger-display.js

@@ -0,0 +1,72 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoggerReactDisplay = LoggerReactDisplay;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const Logger_1 = __importDefault(require("../Logger/Logger"));
+const react_whispr_1 = require("../react-whispr");
+function LoggerReactDisplay() {
+    const messages = (0, react_whispr_1.useWhisprValue)(Logger_1.default.lines);
+    const getColor = (severity) => {
+        switch (severity) {
+            case 'success':
+                return '#4CAF50';
+            case 'info':
+                return '#2196F3';
+            case 'warning':
+                return '#FF9800';
+            case 'error':
+                return '#F44336';
+            default:
+                return '#333';
+        }
+    };
+    const relTs = (0, react_whispr_1.useRelTime)();
+    return ((0, jsx_runtime_1.jsx)("div", { style: {
+            position: 'fixed',
+            bottom: 0,
+            right: 0,
+            width: '100%',
+            zIndex: 50,
+            padding: '1rem',
+            borderRadius: '0.5rem',
+        }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                display: 'flex',
+                flexDirection: 'column',
+                gap: '0.5rem',
+                alignItems: 'center',
+                width: '100%',
+                justifyContent: 'center',
+            }, children: [...messages]
+                .reverse()
+                .slice(0, 3)
+                .map((message) => ((0, jsx_runtime_1.jsxs)("div", { style: {
+                    padding: '0.5rem',
+                    borderRadius: '0.375rem',
+                    boxShadow: '0 1px 3px rgba(0,0,0,0.2)',
+                    color: '#fff',
+                    width: '100%',
+                    maxWidth: '65ch',
+                    cursor: 'pointer',
+                    backgroundColor: getColor(message.severity)
+                }, onClick: message.dismiss, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                            display: 'flex',
+                            justifyContent: 'space-between',
+                            alignItems: 'center',
+                        }, children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("strong", { children: ["[", relTs(message.date), "] "] }), message.context && (0, jsx_runtime_1.jsxs)("span", { style: {
+                                            marginLeft: '0.5rem',
+                                        }, children: [" - ", message.context, " "] })] }), (0, jsx_runtime_1.jsx)("button", { onClick: message.dismiss, style: {
+                                    marginLeft: '1rem',
+                                    color: '#fff',
+                                    fontWeight: 'bold',
+                                    background: 'none',
+                                    border: 'none',
+                                    cursor: 'pointer',
+                                    padding: 0,
+                                }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 16 }) })] }), (0, jsx_runtime_1.jsx)("div", { style: {
+                            marginTop: '0.25rem',
+                        }, children: message.message })] }, message.id))) }) }));
+}

package/dist/react/modal.d.ts

@@ -0,0 +1,6 @@
+export type ModalComponentProps = {
+    children: React.ReactNode;
+    open: boolean | undefined;
+    setOpen: (open: boolean) => void | undefined;
+};
+export default function ModalComponent(props: ModalComponentProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/react/modal.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = ModalComponent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_whispr_1 = require("../react-whispr");
+let modalCount = 0;
+function ModalComponent(props) {
+    const zIndex = (0, react_1.useRef)(1000 + modalCount++).current;
+    const id = (0, react_1.useRef)(`modal-${zIndex}`).current;
+    const [open, setOpen] = (0, react_whispr_1.useSynced)(true, props.open, props.setOpen);
+    if (!open)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { id: id, className: "fixed inset-0 bg-black/50 flex items-center justify-center p-6", style: { zIndex: zIndex }, onClick: () => setOpen(false), children: (0, jsx_runtime_1.jsx)("div", { className: "w-full animate-slide-up", onClick: (e) => e.stopPropagation(), children: props.children }) }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cripty2001/utils",
-  "version": "0.0.93",
+  "version": "0.0.95",
   "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": {
@@ -40,7 +40,7 @@
     "dotenv": "^17.2.3",
     "express": "^5.1.0",
     "handlebars": "^4.7.8",
-    "lucide-react": "^0.552.0",
+    "lucide-react": ">=0.552.0",
     "mjml": "^4.17.1",
     "react": "^19"
   },