@cripty2001/utils 0.0.259 → 0.0.261

package/dist/react-ui/loader.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Loader;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_whispr_1 = require("../react-whispr");
-const react_1 = require("react");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useWhisprValue } from "../react-whispr.js";
+import { useRef } from "react";
 const spinKeyframes = `
 @keyframes spin {
     from { transform: rotate(0deg); }
@@ -18,23 +15,23 @@ if (typeof document !== 'undefined') {
         document.head.appendChild(style);
     }
 }
-function Loader(props) {
+export default function Loader(props) {
     const ck = props.computeRefreshKey ?? ((input) => JSON.stringify(input));
-    const active = (0, react_1.useRef)({
+    const active = useRef({
         input: undefined,
         output: { loading: true, progress: 0 }
     });
-    const incoming = (0, react_whispr_1.useWhisprValue)(props.data.data);
+    const incoming = useWhisprValue(props.data.data);
     if (ck(active.current.input) !== ck(incoming.input) ||
         !incoming.output.loading) {
         active.current = incoming;
     }
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Content, { data: active.current, children: props.children, loader: props.loader }) }));
+    return (_jsx("div", { children: _jsx(Content, { data: active.current, children: props.children, loader: props.loader }) }));
 }
 function Content({ data, children, loader }) {
     const result = data.output;
     if (result.loading)
-        return loader ?? ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100vh' }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+        return loader ?? (_jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100vh' }, children: _jsx("div", { style: {
                     animation: 'spin 1s linear infinite',
                     borderRadius: '9999px',
                     height: '3rem',
@@ -43,6 +40,6 @@ function Content({ data, children, loader }) {
                     borderBottom: '2px solid #111827'
                 } }) }));
     if (!result.ok)
-        return (0, jsx_runtime_1.jsx)("div", { style: { color: '#ef4444' }, children: result.error.message });
+        return _jsx("div", { style: { color: '#ef4444' }, children: result.error.message });
     return children({ data: result.data });
 }

package/dist/react-ui/modal.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = ModalComponent;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from "react";
 const slideUpKeyframes = `
 @keyframes slide-up {
     from { 
@@ -24,11 +21,11 @@ if (typeof document !== 'undefined') {
     }
 }
 let modalCount = 0;
-function ModalComponent({ children, open, setOpen, animate = false, panelClassName = "", }) {
-    const zIndex = (0, react_1.useRef)(1000 + modalCount++).current;
-    const id = (0, react_1.useRef)(`modal-${zIndex}`).current;
-    const dismiss = (0, react_1.useCallback)(() => setOpen(false), [setOpen]);
-    (0, react_1.useEffect)(() => {
+export default function ModalComponent({ children, open, setOpen, animate = false, panelClassName = "", }) {
+    const zIndex = useRef(1000 + modalCount++).current;
+    const id = useRef(`modal-${zIndex}`).current;
+    const dismiss = useCallback(() => setOpen(false), [setOpen]);
+    useEffect(() => {
         if (!open)
             return;
         const onKey = (event) => {
@@ -41,7 +38,7 @@ function ModalComponent({ children, open, setOpen, animate = false, panelClassNa
     if (!open)
         return null;
     const content = typeof children === "function" ? children({ dismiss }) : children;
-    return ((0, jsx_runtime_1.jsx)("div", { id: id, style: {
+    return (_jsx("div", { id: id, style: {
             position: 'fixed',
             top: 0,
             left: 0,
@@ -55,5 +52,5 @@ function ModalComponent({ children, open, setOpen, animate = false, panelClassNa
             height: '100vh',
             width: '100vw',
             zIndex: zIndex,
-        }, onClick: dismiss, children: (0, jsx_runtime_1.jsx)("div", { role: "dialog", "aria-modal": "true", className: panelClassName, style: { maxWidth: '100%', animation: animate ? 'slide-up 0.3s ease-out' : undefined }, onClick: (e) => e.stopPropagation(), children: content }) }));
+        }, onClick: dismiss, children: _jsx("div", { role: "dialog", "aria-modal": "true", className: panelClassName, style: { maxWidth: '100%', animation: animate ? 'slide-up 0.3s ease-out' : undefined }, onClick: (e) => e.stopPropagation(), children: content }) }));
 }

package/dist/react-ui/table.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Table;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function Table({ value, headers }) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Table({ value, headers }) {
     if (value.length === 0) {
-        return ((0, jsx_runtime_1.jsx)("div", { style: { textAlign: 'center', paddingTop: '2rem', paddingBottom: '2rem', color: '#4b5563' }, children: "No data found" }));
+        return (_jsx("div", { style: { textAlign: 'center', paddingTop: '2rem', paddingBottom: '2rem', color: '#4b5563' }, children: "No data found" }));
     }
-    return ((0, jsx_runtime_1.jsx)("div", { style: { backgroundColor: 'white', borderRadius: '0.5rem', boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', overflow: 'hidden' }, children: (0, jsx_runtime_1.jsx)("div", { style: { overflowX: 'auto' }, children: (0, jsx_runtime_1.jsxs)("table", { style: { width: '100%' }, children: [(0, jsx_runtime_1.jsx)("thead", { style: { backgroundColor: '#f3f4f6' }, children: (0, jsx_runtime_1.jsx)("tr", { children: headers.map((header, index) => ((0, jsx_runtime_1.jsx)("th", { style: {
+    return (_jsx("div", { style: { backgroundColor: 'white', borderRadius: '0.5rem', boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', overflow: 'hidden' }, children: _jsx("div", { style: { overflowX: 'auto' }, children: _jsxs("table", { style: { width: '100%' }, children: [_jsx("thead", { style: { backgroundColor: '#f3f4f6' }, children: _jsx("tr", { children: headers.map((header, index) => (_jsx("th", { style: {
                                     paddingLeft: '1.5rem',
                                     paddingRight: '1.5rem',
                                     paddingTop: '0.75rem',
@@ -17,10 +14,10 @@ function Table({ value, headers }) {
                                     color: '#6b7280',
                                     textTransform: 'uppercase',
                                     letterSpacing: '0.05em'
-                                }, children: header }, index))) }) }), (0, jsx_runtime_1.jsx)("tbody", { style: { backgroundColor: 'white' }, children: value.map((row, rowIndex) => ((0, jsx_runtime_1.jsx)("tr", { style: {
+                                }, children: header }, index))) }) }), _jsx("tbody", { style: { backgroundColor: 'white' }, children: value.map((row, rowIndex) => (_jsx("tr", { style: {
                                 borderTop: rowIndex > 0 ? '1px solid #e5e7eb' : 'none',
                                 transition: 'background-color 0.15s ease-in-out'
-                            }, onMouseEnter: (e) => { e.currentTarget.style.backgroundColor = '#f9fafb'; }, onMouseLeave: (e) => { e.currentTarget.style.backgroundColor = 'white'; }, children: row.map((cell, cellIndex) => ((0, jsx_runtime_1.jsx)("td", { style: {
+                            }, onMouseEnter: (e) => { e.currentTarget.style.backgroundColor = '#f9fafb'; }, onMouseLeave: (e) => { e.currentTarget.style.backgroundColor = 'white'; }, children: row.map((cell, cellIndex) => (_jsx("td", { style: {
                                     paddingLeft: '1.5rem',
                                     paddingRight: '1.5rem',
                                     paddingTop: '1rem',

package/dist/react-ui/textButton.d.ts

@@ -1,5 +1,5 @@
 import { LucideIcon } from "lucide-react";
-import { ButtonProps } from "./button";
+import { ButtonProps } from "./button.js";
 export type TextButtonProps = Omit<ButtonProps, 'children'> & {
     title: string;
     icon?: React.ReactElement<LucideIcon>;

package/dist/react-ui/textButton.js

@@ -1,11 +1,5 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = TextButton;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const button_1 = __importDefault(require("./button"));
-function TextButton({ title, onClick, className, icon }) {
-    return ((0, jsx_runtime_1.jsx)(button_1.default, { onClick: onClick, className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row gap-4 items-center justify-center", children: [icon, title] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Button from "./button.js";
+export default function TextButton({ title, onClick, className, icon }) {
+    return (_jsx(Button, { onClick: onClick, className: className, children: _jsxs("div", { className: "flex flex-row gap-4 items-center justify-center", children: [icon, title] }) }));
 }

package/dist/react-whispr.d.ts

@@ -1,7 +1,7 @@
 import { Whispr } from "@cripty2001/whispr";
-import { JSONEncodable } from ".";
-import { Dispatcher } from "./Dispatcher";
-import { SearcherData } from "./Searcher";
+import { JSONEncodable } from "./index.js";
+import { Dispatcher } from "./Dispatcher.js";
+import { SearcherData } from "./Searcher/index.js";
 /**
  * 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

package/dist/react-whispr.js

@@ -1,25 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWhisprValue = useWhisprValue;
-exports.useWhispr = useWhispr;
-exports.useOnWhispr = useOnWhispr;
-exports.useCurrentTimestamp = useCurrentTimestamp;
-exports.useClock = useClock;
-exports.useDebounced = useDebounced;
-exports.useSynced = useSynced;
-exports.useAsync = useAsync;
-exports.useAsyncEffect = useAsyncEffect;
-exports.useRelTime = useRelTime;
-exports.useSearcher = useSearcher;
-exports.useSafeRef = useSafeRef;
-exports.useAsyncInput = useAsyncInput;
-exports.whisprFromExternal = whisprFromExternal;
-const whispr_1 = require("@cripty2001/whispr");
-const react_1 = require("react");
-const lodash_1 = require("lodash");
-const _1 = require(".");
-const Dispatcher_1 = require("./Dispatcher");
-const Searcher_1 = require("./Searcher");
+import { Whispr } from "@cripty2001/whispr";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { isEqual } from "lodash";
+import { CURRENT_TS_MS, getClock, getRandomId } from "./index.js";
+import { Dispatcher } from "./Dispatcher.js";
+import { Searcher } from "./Searcher/index.js";
 /**
  * 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
@@ -34,16 +18,16 @@ const Searcher_1 = require("./Searcher");
  *   return <div>{value}</div>;
  * }
  */
-function useWhisprValue(w, computer = (d) => d) {
-    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)(() => {
+export function useWhisprValue(w, computer = (d) => d) {
+    const value_w = useRef(Whispr.create(computer(w.value))[0]);
+    const unsubscribe = useRef(() => { });
+    const [value, setValue] = useState(value_w.current.value);
+    const valueref = useRef(value); // Yep, react and his strange stale closures...
+    useEffect(() => {
         unsubscribe.current();
-        value_w.current = whispr_1.Whispr.from({ w }, ({ w }) => computer(w));
+        value_w.current = Whispr.from({ w }, ({ w }) => computer(w));
         unsubscribe.current = value_w.current.subscribe((newValue) => {
-            if ((0, lodash_1.isEqual)(newValue, valueref.current))
+            if (isEqual(newValue, valueref.current))
                 return;
             setValue(newValue);
             valueref.current = newValue;
@@ -59,15 +43,15 @@ function useWhisprValue(w, computer = (d) => d) {
  *
  * @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
  */
-function useWhispr(data) {
-    const [w, setW] = (0, react_1.useRef)(whispr_1.Whispr.create(data instanceof whispr_1.Whispr ?
+export function useWhispr(data) {
+    const [w, setW] = useRef(Whispr.create(data instanceof Whispr ?
         data.value :
         data)).current;
-    (0, react_1.useEffect)(() => {
-        setW(data instanceof whispr_1.Whispr ? data.value : data);
+    useEffect(() => {
+        setW(data instanceof Whispr ? data.value : data);
     }, [data, setW]);
     // Hooks can't be called conditionally, so we need to do this check at the end
-    if (data instanceof whispr_1.Whispr)
+    if (data instanceof Whispr)
         return data;
     return w;
 }
@@ -77,8 +61,8 @@ function useWhispr(data) {
  * @param cb The callback to call on value change
  * @param unsafe If true, the callback will be allowed to throw errors, that will then bubble up
  */
-function useOnWhispr(w, cb, unsafe = false) {
-    (0, react_1.useEffect)(() => {
+export function useOnWhispr(w, cb, unsafe = false) {
+    useEffect(() => {
         const unsub = w.subscribe(cb, undefined, unsafe);
         return () => unsub();
     }, [w, cb]);
@@ -87,27 +71,27 @@ function useOnWhispr(w, cb, unsafe = false) {
  * Return a reactive current timestamp (ms)
  * @returns The current timestamp
  */
-function useCurrentTimestamp() {
-    return useWhisprValue((0, _1.CURRENT_TS_MS)());
+export function useCurrentTimestamp() {
+    return useWhisprValue(CURRENT_TS_MS());
 }
 /**
  * Return a reactive clock value, based on the current timestamp and a given rate.
  * @param rate The rate to use for the clock
  * @returns The clock value
  */
-function useClock(rate) {
-    return useWhisprValue((0, _1.getClock)(rate));
+export function useClock(rate) {
+    return useWhisprValue(getClock(rate));
 }
 /**
  * Debounce a reactive value, deep checking for equality, and stopping updates until the value changes.
  * @param value The value to debounce
  * @returns The debounced value
  */
-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))
+export function useDebounced(value) {
+    const lastEmitted = useRef(value);
+    const [debounced, setDebounced] = useState(value);
+    useEffect(() => {
+        if (isEqual(lastEmitted.current, value))
             return;
         lastEmitted.current = value;
         setDebounced(value);
@@ -121,25 +105,25 @@ function useDebounced(value) {
  * @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);
+export function useSynced(def, value, setValue) {
+    const [v, setV] = useState(def);
     if ((value !== undefined && setValue === undefined) ||
         (value === undefined && setValue !== undefined))
         throw new Error('Either both value and setValue must be provided, or both must be undefined');
-    const setValueRef = (0, react_1.useRef)(setValue);
-    (0, react_1.useEffect)(() => {
+    const setValueRef = useRef(setValue);
+    useEffect(() => {
         setValueRef.current = setValue;
     }, [setValue]);
     // Only sync downstream (external -> local)
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (value === undefined)
             return;
-        if ((0, lodash_1.isEqual)(v, value))
+        if (isEqual(v, value))
             return;
         setV(value);
     }, [value]);
     // Return a setter that updates both
-    const syncedSetter = (0, react_1.useCallback)((newValue) => {
+    const syncedSetter = useCallback((newValue) => {
         setV(prev => {
             const resolved = typeof newValue === 'function'
                 ? newValue(prev)
@@ -236,21 +220,21 @@ function useSynced(def, value, setValue) {
  *   console.error('Error:', state.error);
  * }
  */
-function useAsync(data, debouce, interval, f) {
+export function useAsync(data, debouce, interval, f) {
     // Initing reactive input
-    const [input, setInput] = useSafeRef(() => whispr_1.Whispr.create(data ?? (0, _1.getRandomId)()));
-    (0, react_1.useEffect)(() => {
+    const [input, setInput] = useSafeRef(() => Whispr.create(data ?? getRandomId()));
+    useEffect(() => {
         if (data !== null) {
             setInput(data); // Debouncing already handled by dispatcher
         }
     }, [data, setInput]);
     // Initing dispatcher
-    const dispatcher = useSafeRef(() => new Dispatcher_1.Dispatcher(input, (i, p, s) => f(i, p, s), debouce));
+    const dispatcher = useSafeRef(() => new Dispatcher(input, (i, p, s) => f(i, p, s), debouce));
     // Starting refresher
     const clock = useClock(interval ?
         interval :
         Number.MAX_SAFE_INTEGER);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         dispatcher.refresh();
     }, [clock, dispatcher]);
     // Returning dispatcher and refresh function
@@ -285,7 +269,7 @@ function useAsync(data, debouce, interval, f) {
  *   // Do something with data
  * }, userId, 300);
  */
-function useAsyncEffect(f, data, debounce = 200) {
+export function useAsyncEffect(f, data, debounce = 200) {
     const [dispatcher] = useAsync(data, debounce, null, f);
     useOnWhispr(dispatcher.data, (data) => {
         if (!data.output.loading && !data.output.ok) {
@@ -299,10 +283,10 @@ function useAsyncEffect(f, data, debounce = 200) {
  * @param data The data to format. Reactive
  * @returns The formatted timestamp
  */
-function useRelTime(_data) {
+export function useRelTime(_data) {
     const rtf = new Intl.RelativeTimeFormat(navigator.language, { numeric: "auto" });
     const data = useWhispr(_data);
-    const toReturn = useSafeRef(() => whispr_1.Whispr.from({ data, curr: (0, _1.CURRENT_TS_MS)() }, ({ data, curr }) => {
+    const toReturn = useSafeRef(() => Whispr.from({ data, curr: CURRENT_TS_MS() }, ({ data, curr }) => {
         const then = data instanceof Date ? data.getTime() : data;
         const seconds = Math.round(then - curr) / 1000;
         const { base, unit } = getRelTimeFormat(seconds);
@@ -358,10 +342,10 @@ function getRelTimeFormat(_diff) {
  *  - The filtered data
  *  - A boolean indicating if the search is pending
  */
-function useSearcher(data, limit) {
-    const searcher = (0, react_1.useRef)(new Searcher_1.Searcher(data));
-    const [pending, setPending] = (0, react_1.useState)(false);
-    const [results, setResults] = (0, react_1.useState)({
+export function useSearcher(data, limit) {
+    const searcher = useRef(new Searcher(data));
+    const [pending, setPending] = useState(false);
+    const [results, setResults] = useState({
         results: [],
         _meta: {
             ts: 0,
@@ -373,7 +357,7 @@ function useSearcher(data, limit) {
             results: searcher.current.search(q, limit)
         };
     }, setPending);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         searcher.current.updateData(data);
         setResults(draft => {
             draft.results = searcher.current.search(q.q, limit);
@@ -393,8 +377,8 @@ function useSearcher(data, limit) {
  * @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);
+export function useSafeRef(value) {
+    const ref = useRef(null);
     if (ref.current === null) {
         ref.current = value();
     }
@@ -457,15 +441,15 @@ function useSafeRef(value) {
  * The returned `result` will lag behind `value` during async processing. Consider showing a loader or some other similar indication
  * Handler is NOT reactive. Conceptually it is a pure function that derives an async status from the value input, so there is no reason for it to be reactive, and this saves a lot heachaches with react reactivity loops.
  */
-function useAsyncInput(value, setValue, handler, setPending = () => { }) {
-    const [meta, setMeta] = (0, react_1.useState)({
+export function useAsyncInput(value, setValue, handler, setPending = () => { }) {
+    const [meta, setMeta] = useState({
         config: value._meta.config,
         ts: value._meta.ts
     });
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         setPending(true);
     }, [meta, setPending]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (value._meta.ts > meta.ts) {
             setMeta(value._meta);
         }
@@ -481,7 +465,7 @@ function useAsyncInput(value, setValue, handler, setPending = () => { }) {
         };
     });
     const result = useWhisprValue(result_d.filtered);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (result === null)
             return;
         if (result._meta.ts <= value._meta.ts)
@@ -489,7 +473,7 @@ function useAsyncInput(value, setValue, handler, setPending = () => { }) {
         setValue(result);
         setPending(false);
     }, [result, value, setValue, setPending]);
-    const returnedSetValue = (0, react_1.useCallback)((updater) => {
+    const returnedSetValue = useCallback((updater) => {
         const cloned = structuredClone(meta.config);
         const new_data = updater(cloned);
         const chosen = new_data ?? cloned;
@@ -504,13 +488,13 @@ function useAsyncInput(value, setValue, handler, setPending = () => { }) {
         result,
     ];
 }
-function whisprFromExternal(getData, interval) {
+export function whisprFromExternal(getData, interval) {
     const cleanup = () => {
         if (intervalRef !== null) {
             clearInterval(intervalRef);
         }
     };
-    const [value, setValue] = whispr_1.Whispr.create(getData(), cleanup);
+    const [value, setValue] = Whispr.create(getData(), cleanup);
     const intervalRef = (() => {
         return interval !== null ?
             setInterval(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cripty2001/utils",
-  "version": "0.0.259",
+  "version": "0.0.261",
   "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": {
@@ -31,7 +31,8 @@
   "dependencies": {
     "@cripty2001/whispr": "^0.4.1",
     "@sinclair/typebox": "^0.34.41",
-    "lodash": "^4.17.21"
+    "lodash": "^4.17.21",
+    "react-oidc-context": "^3.3.1"
   },
   "devDependencies": {
     "@types/lodash": "^4.17.21",
@@ -53,6 +54,7 @@
       "optional": true
     }
   },
+  "type": "module",
   "exports": {
     ".": {
       "import": "./dist/index.js",
@@ -94,6 +96,11 @@
       "types": "./dist/Appserver/server.d.ts",
       "require": "./dist/Appserver/server.js"
     },
+    "./appserver/client/react": {
+      "import": "./dist/Appserver/client/react.js",
+      "types": "./dist/Appserver/client/react.d.ts",
+      "require": "./dist/Appserver/client/react.js"
+    },
     "./react": {
       "import": "./dist/react/index.js",
       "types": "./dist/react/index.d.ts",

package/dist/Appserver/client.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/Appserver/client.js

@@ -1,147 +0,0 @@
-"use strict";
-// import { Whispr, WhisprSetter } from "@cripty2001/whispr";
-// import { decode, encode } from "@msgpack/msgpack";
-// import { AppserverData } from "./common";
-Object.defineProperty(exports, "__esModule", { value: true });
-// export type { AppserverData };
-// export type ClientCreateOptions = {
-//     rpcMount: string;
-// };
-// export class ClientError extends Error {
-//     constructor(message: string) {
-//         super(message);
-//     }
-// }
-// export class ClientAuthError extends ClientError {
-//     constructor(
-//         public readonly code: string = "PERMISSION_DENIED",
-//         message: string = "Permission denied",
-//         public readonly payload: AppserverData = {},
-//     ) {
-//         super(message);
-//     }
-// }
-// export class ClientServerError extends ClientError {
-//     constructor(public code: string, message: string, public payload: AppserverData = {}) {
-//         super(message);
-//     }
-// }
-// type ClientValidationErrorError = {
-//     path: string;
-//     message: string;
-//     value: unknown;
-// }
-// export class ClientValidationError extends ClientError {
-//     public readonly errors: ClientValidationErrorError[];
-//     constructor(errors: ClientValidationErrorError[]) {
-//         const first = errors[0] ?? {
-//             path: "Internal Error",
-//             message: "",
-//             value: undefined,
-//         };
-//         super(`[Validation Error] ${first.path}: ${first.message}`);
-//         this.errors = errors;
-//     }
-// }
-// export class Client {
-//     private readonly token: Whispr<string | null>;
-//     private readonly setToken: WhisprSetter<string | null>;
-//     public readonly loggedIn: Whispr<boolean>;
-//     private constructor(
-//         private url: string,
-//         private readonly rpcMount: string,
-//     ) {
-//         const [token, setToken] = Whispr.create<string | null>(''); // This will make sure the loggedin only flips to false when there is really an auth rejected. Server will ignore invalid tokens on public apis anyway
-//         this.token = token;
-//         this.setToken = setToken;
-//         this.loggedIn = token.transform((t) => t !== null);
-//     }
-//     public static create(url: string, options: ClientCreateOptions): Client {
-//         const m = options.rpcMount.startsWith("/") ?
-//             options.rpcMount :
-//             `/${options.rpcMount}`;
-//         return new Client(url, m);
-//     }
-//     public async login(token: string): Promise<boolean> {
-//         this.setToken(token);
-//         return true;
-//     }
-//     public logout(): void {
-//         this.setToken(null);
-//     }
-//     public async exec<I extends AppserverData, O extends AppserverData>(
-//         action: string,
-//         input: I,
-//         onError: Record<string, (payload: AppserverData) => Promise<void>> = {},
-//     ): Promise<O> {
-//         while (true) {
-//             try {
-//                 return await this.unsafeExec(action, input);
-//             } catch (e) {
-//                 if (e instanceof ClientAuthError) {
-//                     this.logout();
-//                     await this.token.load();
-//                     continue;
-//                 }
-//                 if (e instanceof ClientServerError) {
-//                     const handler = onError[e.code];
-//                     if (handler) {
-//                         await handler(e.payload);
-//                     }
-//                 }
-//                 throw e;
-//             }
-//         }
-//     }
-//     private async unsafeExec<I extends AppserverData, O extends AppserverData>(
-//         action: string,
-//         input: I,
-//     ): Promise<O> {
-//         const testedToken = this.token.value;
-//         const actionKey = action;
-//         const wireBody = {
-//             action: actionKey,
-//             payload: input as AppserverData,
-//         };
-//         const res = await fetch(`${this.url}${this.rpcMount}`, {
-//             method: "POST",
-//             headers: {
-//                 "Content-Type": "application/vnd.msgpack",
-//                 ...(testedToken !== null ? { Authorization: `Bearer ${testedToken}` } : {}),
-//             },
-//             body: new Uint8Array(encode(wireBody)),
-//         });
-//         const buf = await res.arrayBuffer();
-//         const decoded = decode(buf);
-//         if (res.status === 200)
-//             return decoded as O;
-//         if (res.status === 422) {
-//             const data = decoded as {
-//                 errors: ClientValidationErrorError[];
-//                 received: AppserverData;
-//             }
-//             throw new ClientValidationError(data.errors);
-//         }
-//         const genericError = decoded as {
-//             error: string;
-//             code: string;
-//             payload: AppserverData;
-//         }
-//         if (res.status === 400 || res.status === 404 || res.status === 500) {
-//             throw new ClientServerError(
-//                 genericError.code,
-//                 genericError.error,
-//                 genericError.payload ?? {},
-//             );
-//         }
-//         if (res.status === 401 || res.status === 403) {
-//             this.setToken(null);
-//             throw new ClientAuthError(
-//                 genericError.code,
-//                 genericError.error,
-//                 genericError.payload,
-//             )
-//         }
-//         throw new ClientError(`Unexpected server response: ${res.status}`);
-//     }
-// }

package/dist/Appserver/common.d.ts

@@ -1,3 +0,0 @@
-export type AppserverData = null | boolean | number | string | Uint8Array | AppserverData[] | {
-    [key: string]: AppserverData;
-};

package/dist/Appserver/common.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });