rask-ui 0.28.4 → 0.29.1

package/README.md

@@ -4,7 +4,7 @@
   <img src="https://raw.githubusercontent.com/christianalfoni/rask-ui/main/logo.png" alt="Logo" width="200">
 </p>
 
-A lightweight reactive component library that combines the simplicity of observable state management with the full power of a virtual DOM reconciler.
+A lightweight reactive component library built on battle-tested technologies: **Inferno's** highly optimized reconciler and **MobX's** proven reactive state management.
 
 **[Visit rask-ui.io for full documentation](https://rask-ui.io)**
 

package/dist/component.d.ts

@@ -1,5 +1,5 @@
 import { VNode, Component, Props, InfernoNode } from "inferno";
-import { Observer, Signal } from "./observation";
+import { IObservableValue } from "mobx";
 export declare function getCurrentComponent(): RaskComponent<any> | undefined;
 export declare function useMountEffect(cb: () => void): void;
 export declare function useCleanup(cb: () => void): void;
@@ -7,12 +7,13 @@ export type RaskStatelessFunctionComponent<P extends Props<any>> = (() => VNode)
 export type RaskStatefulFunctionComponent<P extends Props<any>> = (() => () => VNode) | ((props: P) => () => VNode);
 export declare class RaskComponent<P extends Props<any>> extends Component<P> {
     renderFn: RaskStatelessFunctionComponent<P>;
-    propsSignals: Record<string, Signal>;
+    propsSignals: Record<string, IObservableValue<any>>;
     private reactiveProps;
     private isNotified;
     private isReconciling;
     private hasChangedComponent;
-    observer: Observer;
+    private createReaction;
+    private reaction;
     isRendering: boolean;
     effects: Array<{
         isDirty: boolean;

package/dist/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAsB,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAMrE,wBAAgB,mBAAmB,mCAElC;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,IAAI,QAM5C;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,IAAI,QAMxC;AAED,MAAM,MAAM,8BAA8B,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,IAC3D,CAAC,MAAM,KAAK,CAAC,GACb,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC;AAE1B,MAAM,MAAM,6BAA6B,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,IAC1D,CAAC,MAAM,MAAM,KAAK,CAAC,GACnB,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,CAAC;AAEhC,qBAAa,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IAC3D,QAAQ,EAAE,8BAA8B,CAAC,CAAC,CAAC,CAAC;IACpD,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAC1C,OAAO,CAAC,aAAa,CAAc;IAwBnC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,mBAAmB,CAAQ;IAEnC,QAAQ,WAOL;IAEH,WAAW,UAAS;IACpB,OAAO,EAAE,KAAK,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,GAAG,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAM;IAC3D,QAAQ,gBAAa;IACrB,UAAU,CAAC,OAAO,EAAE,OAAO;IAS3B,eAAe;IAMf,QAAQ,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAM;IACjC,UAAU,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAM;IAEnC,iBAAiB,IAAI,IAAI;IAGzB,oBAAoB,IAAI,IAAI;IAI5B,yBAAyB,CACvB,SAAS,EAAE,QAAQ,CAAC;QAAE,QAAQ,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,CAAC,CAAC,GAClD,IAAI;IAgBP,qBAAqB,IAAI,OAAO;IAMhC,MAAM;CAkDP"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE/D,OAAO,EAAE,gBAAgB,EAAwB,MAAM,MAAM,CAAC;AAM9D,wBAAgB,mBAAmB,mCAElC;AAED,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,IAAI,QAM5C;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,MAAM,IAAI,QAMxC;AAED,MAAM,MAAM,8BAA8B,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,IAC3D,CAAC,MAAM,KAAK,CAAC,GACb,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC;AAE1B,MAAM,MAAM,6BAA6B,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,IAC1D,CAAC,MAAM,MAAM,KAAK,CAAC,GACnB,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,CAAC;AAEhC,qBAAa,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IAC3D,QAAQ,EAAE,8BAA8B,CAAC,CAAC,CAAC,CAAC;IACpD,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAM;IACzD,OAAO,CAAC,aAAa,CAAc;IAwBnC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,mBAAmB,CAAQ;IACnC,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,QAAQ,CAAmC;IAEnD,WAAW,UAAS;IACpB,OAAO,EAAE,KAAK,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,GAAG,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAM;IAC3D,QAAQ,gBAAa;IACrB,UAAU,CAAC,OAAO,EAAE,OAAO;IAS3B,eAAe;IAMf,QAAQ,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAM;IACjC,UAAU,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAM;IAEnC,iBAAiB,IAAI,IAAI;IAGzB,oBAAoB,IAAI,IAAI;IAI5B,yBAAyB,CACvB,SAAS,EAAE,QAAQ,CAAC;QAAE,QAAQ,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,CAAC,CAAC,GAClD,IAAI;IAQP,qBAAqB,IAAI,OAAO;IAMhC,MAAM;CAoEP"}

package/dist/component.js

@@ -1,7 +1,8 @@
 import { Component } from "inferno";
-import { getCurrentObserver, Observer, Signal } from "./observation";
-import { syncBatch } from "./batch";
 import { CatchErrorContext } from "./useCatchError";
+import { Reaction, observable } from "mobx";
+import { transaction } from "./scheduler";
+import { assignState } from "./useState";
 let currentComponent;
 export function getCurrentComponent() {
     return currentComponent;
@@ -46,13 +47,16 @@ export class RaskComponent extends Component {
     isNotified = false;
     isReconciling = false;
     hasChangedComponent = true;
-    observer = new Observer(() => {
-        if (this.isReconciling) {
-            this.isNotified = true;
-            return;
-        }
-        this.forceUpdate();
-    });
+    createReaction() {
+        return new Reaction("ComponentRender", () => {
+            if (this.isReconciling) {
+                this.isNotified = true;
+                return;
+            }
+            this.forceUpdate();
+        });
+    }
+    reaction = this.createReaction();
     // Flag to prevent props from tracking in render scope (We use props reconciliation)
     isRendering = false;
     effects = [];
@@ -80,17 +84,10 @@ export class RaskComponent extends Component {
     }
     componentWillReceiveProps(nextProps) {
         this.isReconciling = true;
-        const prevProps = this.props;
-        this.props = nextProps;
         this.hasChangedComponent =
-            prevProps.__component !== this.props.__component;
-        syncBatch(() => {
-            for (const prop in this.propsSignals) {
-                if (prevProps[prop] === nextProps[prop]) {
-                    continue;
-                }
-                this.propsSignals[prop].notify();
-            }
+            nextProps.__component !== this.props.__component;
+        transaction(() => {
+            assignState(this.reactiveProps, nextProps);
         });
     }
     shouldComponentUpdate() {
@@ -101,17 +98,17 @@ export class RaskComponent extends Component {
     }
     render() {
         currentComponent = this;
-        const stopObserving = this.observer.observe();
         try {
             if (this.hasChangedComponent) {
                 this.hasChangedComponent = false;
                 this.componentWillUnmount();
-                this.reactiveProps = createReactiveProps(this);
+                this.reactiveProps = observable(this.props);
                 const component = this.props.__component;
                 const renderFn = component(this.reactiveProps);
                 if (typeof renderFn === "function") {
                     // Since we ran a setup function we need to clear any signals accessed
-                    this.observer.clearSignals();
+                    this.reaction.dispose();
+                    this.reaction = this.createReaction();
                     this.renderFn = renderFn;
                 }
                 else {
@@ -121,7 +118,24 @@ export class RaskComponent extends Component {
             }
             let result = null;
             this.isRendering = true;
-            result = this.renderFn(this.reactiveProps);
+            this.reaction.track(() => {
+                try {
+                    result = this.renderFn(this.reactiveProps);
+                }
+                catch (error) {
+                    try {
+                        const notifyError = CatchErrorContext.use();
+                        if (typeof notifyError !== "function") {
+                            throw error;
+                        }
+                        notifyError(error);
+                        return null;
+                    }
+                    catch {
+                        throw error;
+                    }
+                }
+            });
             this.isRendering = false;
             return result;
         }
@@ -139,41 +153,7 @@ export class RaskComponent extends Component {
             }
         }
         finally {
-            stopObserving();
             currentComponent = undefined;
         }
     }
 }
-function createReactiveProps(comp) {
-    const props = new Proxy({}, {
-        ownKeys() {
-            return Object.getOwnPropertyNames(comp.props);
-        },
-        getOwnPropertyDescriptor(_, prop) {
-            return {
-                configurable: true,
-                enumerable: true,
-                value: comp.props[prop],
-                writable: false,
-            };
-        },
-        get(_, prop) {
-            // Skip known non-reactive props
-            if (prop === "key" || prop === "ref") {
-                return;
-            }
-            const observer = getCurrentObserver();
-            if (observer) {
-                // Lazy create signal only when accessed in reactive context
-                let signal = comp.propsSignals[prop];
-                if (!signal) {
-                    signal = new Signal();
-                    comp.propsSignals[prop] = signal;
-                }
-                observer.subscribeSignal(signal);
-            }
-            return comp.props[prop];
-        },
-    });
-    return props;
-}

package/dist/index.d.ts

@@ -11,7 +11,6 @@ export { useRef, assignRef, Ref } from "./useRef";
 export { useView } from "./useView";
 export { useEffect } from "./useEffect";
 export { useDerived, Derived } from "./useDerived";
-export { syncBatch } from "./batch";
 export { inspect } from "./inspect";
 export { Router, useRouter } from "./useRouter";
 export { useLookup } from "./useLookup";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,CAAC;AAEjB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,CAAC;AAEjB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -12,7 +12,6 @@ export { useRef, assignRef } from "./useRef";
 export { useView } from "./useView";
 export { useEffect } from "./useEffect";
 export { useDerived } from "./useDerived";
-export { syncBatch } from "./batch";
 export { inspect } from "./inspect";
 export { useRouter } from "./useRouter";
 export { useLookup } from "./useLookup";

package/dist/render.js

@@ -1,5 +1,5 @@
 import { render as infernoRender } from "inferno";
-import { syncBatch } from "./batch";
+import { transaction } from "./scheduler";
 /**
  * Renders a component with automatic event batching.
  * Temporarily patches document.addEventListener to wrap
@@ -42,7 +42,7 @@ export function render(...params) {
             !patchedEvents.has(type)) {
             patchedEvents.add(type);
             const wrappedListener = function (event) {
-                syncBatch(() => {
+                transaction(() => {
                     listener.call(this, event);
                 });
             };

package/dist/scheduler.d.ts

@@ -1,4 +1,3 @@
-export declare function markDirty(): void;
-export declare function enqueueUpdateFromSetter(): void;
-export declare function installGlobalBatching(target?: EventTarget): () => void;
+export declare function transaction(cb: () => void): void;
+export declare function autorun(cb: () => void): import("mobx").IReactionDisposer;
 //# sourceMappingURL=scheduler.d.ts.map

package/dist/scheduler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scheduler.d.ts","sourceRoot":"","sources":["../src/scheduler.ts"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,SAExB;AAeD,wBAAgB,uBAAuB,SAWtC;AAmED,wBAAgB,qBAAqB,CAAC,MAAM,GAAE,WAAoB,cAoBjE"}
+{"version":3,"file":"scheduler.d.ts","sourceRoot":"","sources":["../src/scheduler.ts"],"names":[],"mappings":"AAQA,wBAAgB,WAAW,CAAC,EAAE,EAAE,MAAM,IAAI,QAKzC;AAED,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,IAAI,oCAOrC"}

package/dist/scheduler.js

@@ -1,107 +1,34 @@
-let depth = 0; // batching scope nesting
-let dirty = false; // has any state update been enqueued?
-let scheduled = false; // async flush scheduled?
-export function markDirty() {
-    dirty = true;
-}
-function performWork() {
-    // TODO: call your Inferno render/commit once.
-    // infernoRender(vnode, container);
-}
-function flushNow() {
-    scheduled = false;
-    if (!dirty)
-        return;
-    dirty = false;
-    performWork();
-}
-// Called by setters after enqueueing their state change
-export function enqueueUpdateFromSetter() {
-    dirty = true;
-    if (depth > 0) {
-        // We're inside a batched input event; we'll flush on exit (same frame).
-        return;
-    }
-    if (!scheduled) {
-        scheduled = true;
-        queueMicrotask(flushNow); // one flush per task
-    }
-}
-// Batch-scope control used by the global capture listeners
-function enter() {
-    depth++;
-}
-function exit() {
-    if (--depth === 0) {
-        // End of the event propagation; commit now (before next paint).
-        flushNow();
-    }
+import { configure, transaction as mobxTransaction, autorun as mobxAutorun, } from "mobx";
+let isSync = false;
+export function transaction(cb) {
+    isSync = true;
+    mobxTransaction(() => {
+        cb();
+    });
 }
-// eventBatching.ts
-const INTERACTIVE_EVENTS = [
-    // Pointer + mouse
-    "click",
-    "dblclick",
-    "contextmenu",
-    "mousedown",
-    "mouseup",
-    "mousemove",
-    "pointerdown",
-    "pointerup",
-    "pointermove",
-    "touchstart",
-    "touchmove",
-    "touchend",
-    "touchcancel",
-    "dragstart",
-    "drag",
-    "dragend",
-    "dragenter",
-    "dragleave",
-    "dragover",
-    "drop",
-    "wheel",
-    // Keyboard
-    "keydown",
-    "keypress",
-    "keyup",
-    // Focus & input
-    "focus",
-    "blur",
-    "focusin",
-    "focusout",
-    "input",
-    "beforeinput",
-    "change",
-    "compositionstart",
-    "compositionupdate",
-    "compositionend",
-    // Forms
-    "submit",
-    "reset",
-    // Selection / clipboard
-    "select",
-    "selectionchange",
-    "copy",
-    "cut",
-    "paste",
-];
-export function installGlobalBatching(target = window) {
-    const handlers = [];
-    INTERACTIVE_EVENTS.forEach((type) => {
-        const onCapture = () => {
-            enter();
-            // Close the scope after all handlers (capture→target→bubble) have run.
-            queueMicrotask(exit);
-        };
-        target.addEventListener(type, onCapture, { capture: true });
-        handlers.push([onCapture, { capture: true }]);
+export function autorun(cb) {
+    isSync = true;
+    const disposer = mobxAutorun(() => {
+        cb();
     });
-    // Return a disposer so you can remove on unmount
-    return () => {
-        INTERACTIVE_EVENTS.forEach((type, i) => {
-            const [fn, opts] = handlers[i];
-            target.removeEventListener(type, fn, opts);
-        });
-    };
+    return disposer;
 }
+let hasQueuedFlush = false;
+configure({
+    enforceActions: "never",
+    reactionScheduler: (f) => {
+        if (isSync) {
+            f(); // Flush immediately at the end the transaction
+            hasQueuedFlush = false;
+            isSync = false;
+        }
+        else if (!hasQueuedFlush) {
+            hasQueuedFlush = true;
+            queueMicrotask(() => {
+                isSync = true;
+                f();
+                hasQueuedFlush = false;
+            }); // Defer "loose" user changes
+        }
+    },
+});

package/dist/useAsync.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAsync.d.ts","sourceRoot":"","sources":["../src/useAsync.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,UAAU,CAAC,CAAC,IACpB;IACE,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,IAAI,CAAC;IAChB,YAAY,EAAE,KAAK,CAAC;IACpB,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,KAAK,CAAC;IACjB,YAAY,EAAE,IAAI,CAAC;IACnB,KAAK,EAAE,CAAC,CAAC;CACV,GACD;IACE,KAAK,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,IAAI,CAAC;IAChB,YAAY,EAAE,KAAK,CAAC;IACpB,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,KAAK,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,KAAK,CAAC;IACjB,YAAY,EAAE,IAAI,CAAC;IACnB,KAAK,EAAE,CAAC,CAAC;CACV,GACD;IACE,KAAK,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,KAAK,CAAC;IACjB,YAAY,EAAE,KAAK,CAAC;IACpB,KAAK,EAAE,CAAC,CAAC;CACV,CAAC;AAEN,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,WAAW,CAAC,GAAG,CAAC,IAAI;IAC9C,UAAU,CAAC,CAAC,CAAC;IACb,MAAM,OAAO,CAAC,IAAI,CAAC;CACpB,CAAC;AAEF,wBAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,WAWrC;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,WAAW,CAAC,GAAG,CAAC,EACjD,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,GA0InC,KAAK,CAAC,CAAC,CAAC,CACd"}
+{"version":3,"file":"useAsync.d.ts","sourceRoot":"","sources":["../src/useAsync.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,UAAU,CAAC,CAAC,IACpB;IACE,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,IAAI,CAAC;IAChB,YAAY,EAAE,KAAK,CAAC;IACpB,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,KAAK,CAAC;IACjB,YAAY,EAAE,IAAI,CAAC;IACnB,KAAK,EAAE,CAAC,CAAC;CACV,GACD;IACE,KAAK,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,IAAI,CAAC;IAChB,YAAY,EAAE,KAAK,CAAC;IACpB,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,KAAK,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,KAAK,CAAC;IACjB,YAAY,EAAE,IAAI,CAAC;IACnB,KAAK,EAAE,CAAC,CAAC;CACV,GACD;IACE,KAAK,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,KAAK,CAAC;IACjB,YAAY,EAAE,KAAK,CAAC;IACpB,KAAK,EAAE,CAAC,CAAC;CACV,CAAC;AAEN,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,WAAW,CAAC,GAAG,CAAC,IAAI;IAC9C,UAAU,CAAC,CAAC,CAAC;IACb,MAAM,OAAO,CAAC,IAAI,CAAC;CACpB,CAAC;AAEF,wBAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,WAWrC;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,WAAW,CAAC,GAAG,CAAC,EACjD,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,GA4InC,KAAK,CAAC,CAAC,CAAC,CACd"}

package/dist/useAsync.js

@@ -1,7 +1,7 @@
-import { syncBatch } from "./batch";
 import { useCleanup, getCurrentComponent } from "./component";
-import { Observer } from "./observation";
+import { transaction } from "./scheduler";
 import { assignState, useState } from "./useState";
+import { Reaction } from "mobx";
 export function isAsync(value) {
     if (value === null || typeof value !== "object") {
         return false;
@@ -27,15 +27,16 @@ export function useAsync(fn) {
     const refresh = () => {
         currentAbortController?.abort();
         const abortController = (currentAbortController = new AbortController());
-        const stopObserving = observer.observe();
-        const promise = fn(abortController.signal);
-        stopObserving();
+        let promise;
+        reaction.track(() => {
+            promise = fn(abortController.signal);
+        });
         promise
             .then((result) => {
             if (abortController.signal.aborted) {
                 return;
             }
-            syncBatch(() => {
+            transaction(() => {
                 assignState(state, {
                     isLoading: false,
                     isRefreshing: false,
@@ -50,7 +51,7 @@ export function useAsync(fn) {
             if (abortController.signal.aborted) {
                 return;
             }
-            syncBatch(() => {
+            transaction(() => {
                 assignState(state, {
                     isLoading: state.isLoading,
                     isRefreshing: state.isRefreshing,
@@ -63,8 +64,8 @@ export function useAsync(fn) {
         });
         return promise;
     };
-    const observer = new Observer(() => {
-        syncBatch(() => {
+    const reaction = new Reaction("AsyncReaction", () => {
+        transaction(() => {
             if (state.isLoading) {
                 refresh();
             }
@@ -90,7 +91,7 @@ export function useAsync(fn) {
     });
     useCleanup(() => {
         currentAbortController?.abort();
-        observer.dispose();
+        reaction.dispose();
     });
     refresh();
     return [
@@ -99,7 +100,7 @@ export function useAsync(fn) {
             if (state.isLoading && !state.error) {
                 return;
             }
-            syncBatch(() => {
+            transaction(() => {
                 if (state.error && state.value === null) {
                     assignState(state, {
                         isLoading: true,

package/dist/useDerived.d.ts

@@ -1,5 +1,5 @@
 export type Derived<T extends Record<string, () => any>> = {
     [K in keyof T]: ReturnType<T[K]>;
 };
-export declare function useDerived<T extends Record<string, () => any>>(computed: T): Derived<T>;
+export declare function useDerived<T extends Record<string, () => any>>(computedDefs: T): Derived<T>;
 //# sourceMappingURL=useDerived.d.ts.map

package/dist/useDerived.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDerived.d.ts","sourceRoot":"","sources":["../src/useDerived.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,IAAI;KACxD,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACjC,CAAC;AAEF,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,EAC5D,QAAQ,EAAE,CAAC,GACV,OAAO,CAAC,CAAC,CAAC,CAiFZ"}
+{"version":3,"file":"useDerived.d.ts","sourceRoot":"","sources":["../src/useDerived.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,IAAI;KACxD,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACjC,CAAC;AAEF,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,EAC5D,YAAY,EAAE,CAAC,GACd,OAAO,CAAC,CAAC,CAAC,CAmBZ"}

package/dist/useDerived.js

@@ -1,72 +1,18 @@
-import { getCurrentComponent, useCleanup } from "./component";
-import { INSPECT_MARKER, INSPECTOR_ENABLED } from "./inspect";
-import { getCurrentObserver, Observer, Signal } from "./observation";
-export function useDerived(computed) {
+import { getCurrentComponent } from "./component";
+import { computed } from "mobx";
+export function useDerived(computedDefs) {
     const currentComponent = getCurrentComponent();
     if (!currentComponent || currentComponent.isRendering) {
         throw new Error("Only use useDerived in component setup");
     }
-    const proxy = {};
-    let notifyInspectorRef = {};
-    for (const prop in computed) {
-        let isDirty = true;
-        let value;
-        const signal = new Signal();
-        const computedObserver = new Observer(() => {
-            isDirty = true;
-            signal.notify();
-            if (INSPECTOR_ENABLED) {
-                notifyInspectorRef.current?.notify({
-                    type: "computed",
-                    path: notifyInspectorRef.current.path.concat(prop),
-                    isDirty: true,
-                    value,
-                });
-            }
-        }, false);
-        useCleanup(() => computedObserver.dispose());
-        Object.defineProperty(proxy, prop, {
-            enumerable: true,
-            configurable: true,
+    const derived = {};
+    for (const key in computedDefs) {
+        const computedValue = computed(computedDefs[key]);
+        Object.defineProperty(derived, key, {
             get() {
-                const currentObserver = getCurrentObserver();
-                if (currentObserver) {
-                    currentObserver.subscribeSignal(signal);
-                }
-                if (isDirty) {
-                    const stopObserving = computedObserver.observe();
-                    value = computed[prop]();
-                    stopObserving();
-                    isDirty = false;
-                    if (INSPECTOR_ENABLED) {
-                        notifyInspectorRef.current?.notify({
-                            type: "computed",
-                            path: notifyInspectorRef.current.path.concat(prop),
-                            isDirty: false,
-                            value,
-                        });
-                    }
-                    return value;
-                }
-                return value;
+                return computedValue.get();
             },
         });
     }
-    if (INSPECTOR_ENABLED) {
-        Object.defineProperty(proxy, INSPECT_MARKER, {
-            enumerable: false,
-            configurable: false,
-            get() {
-                return !notifyInspectorRef.current;
-            },
-            set: (value) => {
-                Object.defineProperty(notifyInspectorRef, "current", {
-                    get() {
-                        return value.current;
-                    },
-                });
-            },
-        });
-    }
-    return proxy;
+    return derived;
 }

package/dist/useEffect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEffect.d.ts","sourceRoot":"","sources":["../src/useEffect.ts"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,QA2BtD"}
+{"version":3,"file":"useEffect.d.ts","sourceRoot":"","sources":["../src/useEffect.ts"],"names":[],"mappings":"AAGA,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,QActD"}

package/dist/useEffect.js

@@ -1,29 +1,14 @@
-import { syncBatch } from "./batch";
 import { useCleanup, getCurrentComponent } from "./component";
-import { Observer } from "./observation";
+import { autorun } from "./scheduler";
 export function useEffect(cb) {
     const component = getCurrentComponent();
     if (!component || component.isRendering) {
         throw new Error("Only use useEffect in component setup");
     }
     let disposer;
-    const observer = new Observer(() => {
-        syncBatch(runEffect);
-    });
-    const runEffect = () => {
-        try {
-            disposer?.();
-        }
-        catch (error) {
-            console.error("Error in effect dispose function:", error);
-        }
-        const stopObserving = observer.observe();
-        disposer = cb();
-        stopObserving();
-    };
-    useCleanup(() => {
-        observer.dispose();
+    const autorunDisposer = autorun(() => {
         disposer?.();
+        disposer = cb();
     });
-    runEffect();
+    useCleanup(autorunDisposer);
 }

package/dist/useLookup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLookup.d.ts","sourceRoot":"","sources":["../src/useLookup.ts"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,EAC3D,QAAQ,EAAE,MAAM,CAAC,EAAE,EACnB,GAAG,EAAE,CAAC,IAsBE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAG,CAAC,GAAG,SAAS,CAGlC"}
+{"version":3,"file":"useLookup.d.ts","sourceRoot":"","sources":["../src/useLookup.ts"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,EAC3D,QAAQ,EAAE,MAAM,CAAC,EAAE,EACnB,GAAG,EAAE,CAAC,IAeE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAG,CAAC,GAAG,SAAS,CAGlC"}

package/dist/useLookup.js

@@ -1,22 +1,17 @@
 import { useCleanup } from "./component";
-import { Observer } from "./observation";
+import { autorun } from "./scheduler";
 import { useState } from "./useState";
 export function useLookup(getArray, key) {
-    const state = useState({
-        lookup: {},
-    });
+    const state = useState(new Map());
     function updateMap() {
-        const disposeObserve = observer.observe();
-        state.lookup = getArray().reduce((aggr, item) => {
-            aggr[item[key]] = item;
-            return aggr;
-        }, {});
-        disposeObserve();
+        state.clear();
+        getArray().forEach((item) => {
+            state.set(item[key], item);
+        });
     }
-    const observer = new Observer(updateMap, false);
-    updateMap();
-    useCleanup(() => observer.dispose());
+    const dispose = autorun(updateMap);
+    useCleanup(dispose);
     return (key) => {
-        return state.lookup[key];
+        return state.get(key);
     };
 }

package/dist/useRef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRef.d.ts","sourceRoot":"","sources":["../src/useRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;AAElC,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,QAE1D;AAED,wBAAgB,MAAM,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAoBxC"}
+{"version":3,"file":"useRef.d.ts","sourceRoot":"","sources":["../src/useRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;AAElC,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,QAE1D;AAED,wBAAgB,MAAM,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAiBxC"}

package/dist/useRef.js

@@ -1,24 +1,20 @@
-import { getCurrentObserver, Signal } from "./observation";
 import { getCurrentComponent } from "./component";
+import { observable } from "mobx";
 export function assignRef(ref, refValue) {
     ref.current = refValue;
 }
 export function useRef() {
-    let value = null;
     const currentComponent = getCurrentComponent();
     if (!currentComponent || currentComponent.isRendering) {
         throw new Error("Only use useRef in component setup");
     }
-    const signal = new Signal();
+    const observableValue = observable.box(null);
     return {
         get current() {
-            const currentObserver = getCurrentObserver();
-            currentObserver?.subscribeSignal(signal);
-            return value;
+            return observableValue.get();
         },
         set current(newValue) {
-            signal.notify();
-            value = newValue;
+            observableValue.set(newValue);
         },
     };
 }

package/dist/useRouter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRouter.d.ts","sourceRoot":"","sources":["../src/useRouter.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,EACZ,OAAO,EACP,OAAO,EACR,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,YAAY,IAAI,IAAI,CAC/C,OAAO,CAAC,CAAC,CAAC,EACV,SAAS,GAAG,QAAQ,GAAG,UAAU,CAClC,GAAG;IACF,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,CAAC,CAAC,SAAS,YAAY,EACpD,MAAM,EAAE,CAAC,EACT,OAAO,CAAC,EAAE;IACR,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GACA,MAAM,CAAC,CAAC,CAAC,CA4BX"}
+{"version":3,"file":"useRouter.d.ts","sourceRoot":"","sources":["../src/useRouter.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,EACZ,OAAO,EACP,OAAO,EACR,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,YAAY,IAAI,IAAI,CAC/C,OAAO,CAAC,CAAC,CAAC,EACV,SAAS,GAAG,QAAQ,GAAG,UAAU,CAClC,GAAG;IACF,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,KAAK,CAAC,CAAC,SAAS,YAAY,EACpD,MAAM,EAAE,CAAC,EACT,OAAO,CAAC,EAAE;IACR,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GACA,MAAM,CAAC,CAAC,CAAC,CAsBX"}

package/dist/useRouter.js

@@ -1,20 +1,16 @@
 import { createRouter as internalCreateRouter, } from "typed-client-router";
-import { getCurrentObserver, Signal } from "./observation";
 import { useCleanup, getCurrentComponent } from "./component";
+import { observable } from "mobx";
 export function useRouter(config, options) {
     if (!getCurrentComponent()) {
         throw new Error("Only use useRouter in component setup");
     }
     const router = internalCreateRouter(config, options);
-    const signal = new Signal();
-    useCleanup(router.listen(() => signal.notify()));
+    const route = observable.box(router.current);
+    useCleanup(router.listen((newRoute) => route.set(newRoute)));
     return {
         get route() {
-            const observer = getCurrentObserver();
-            if (observer) {
-                observer.subscribeSignal(signal);
-            }
-            return router.current;
+            return route.get();
         },
         get queries() {
             return router.queries;

package/dist/useState.d.ts

@@ -24,5 +24,4 @@ export declare function assignState<T extends object>(state: T, newState: T): T;
  * @returns A reactive proxy of the state object
  */
 export declare function useState<T extends object>(state: T): T;
-export declare const PROXY_MARKER: unique symbol;
 //# sourceMappingURL=useState.d.ts.map

package/dist/useState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useState.d.ts","sourceRoot":"","sources":["../src/useState.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,KAElE;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAOtD;AAGD,eAAO,MAAM,YAAY,eAAoB,CAAC"}
+{"version":3,"file":"useState.d.ts","sourceRoot":"","sources":["../src/useState.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,KAElE;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAEtD"}

package/dist/useState.js

@@ -1,6 +1,4 @@
-import { getCurrentComponent } from "./component";
-import { INSPECT_MARKER, INSPECTOR_ENABLED } from "./inspect";
-import { getCurrentObserver, Signal } from "./observation";
+import { observable } from "mobx";
 export function assignState(state, newState) {
     return Object.assign(state, newState);
 }
@@ -29,103 +27,5 @@ export function assignState(state, newState) {
  * @returns A reactive proxy of the state object
  */
 export function useState(state) {
-    if (getCurrentComponent()?.isRendering) {
-        throw new Error("useState cannot be called during render. Call it in component setup or globally.");
-    }
-    return getProxy(state, {});
-}
-const proxyCache = new WeakMap();
-export const PROXY_MARKER = Symbol("isProxy");
-function getProxy(value, notifyInspectorRef) {
-    // Check if already a proxy to avoid double-wrapping
-    if (PROXY_MARKER in value) {
-        return value;
-    }
-    if (proxyCache.has(value)) {
-        return proxyCache.get(value);
-    }
-    const signals = {};
-    const proxy = new Proxy(value, {
-        has(target, key) {
-            // Support the "in" operator check for PROXY_MARKER
-            if (key === PROXY_MARKER) {
-                return true;
-            }
-            if (INSPECTOR_ENABLED && key === INSPECT_MARKER) {
-                return true;
-            }
-            return Reflect.has(target, key);
-        },
-        get(target, key) {
-            // Mark this as a proxy to prevent double-wrapping
-            if (key === PROXY_MARKER) {
-                return true;
-            }
-            if (INSPECTOR_ENABLED && key === INSPECT_MARKER) {
-                return !notifyInspectorRef.current;
-            }
-            const value = Reflect.get(target, key);
-            if (typeof key === "symbol" || typeof value === "function") {
-                return value;
-            }
-            const observer = getCurrentObserver();
-            if (observer) {
-                const signal = (signals[key] = signals[key] || new Signal());
-                observer.subscribeSignal(signal);
-            }
-            if (value instanceof Date || value === null) {
-                return value;
-            }
-            if (Array.isArray(value) || typeof value === "object") {
-                return getProxy(value, INSPECTOR_ENABLED && notifyInspectorRef.current
-                    ? {
-                        current: {
-                            notify: notifyInspectorRef.current.notify,
-                            path: notifyInspectorRef.current.path.concat(key),
-                        },
-                    }
-                    : notifyInspectorRef);
-            }
-            return value;
-        },
-        set(target, key, newValue) {
-            if (INSPECTOR_ENABLED && key === INSPECT_MARKER) {
-                Object.defineProperty(notifyInspectorRef, "current", {
-                    get() {
-                        return newValue.current;
-                    },
-                });
-                return Reflect.set(target, key, newValue);
-            }
-            if (typeof key === "symbol") {
-                return Reflect.set(target, key, newValue);
-            }
-            const oldValue = Reflect.get(target, key);
-            const setResult = Reflect.set(target, key, newValue);
-            // We only notify if actual change, though array length actually updates under the hood
-            if (newValue !== oldValue || (Array.isArray(value) && key === "length")) {
-                const signal = signals[key];
-                signal?.notify();
-            }
-            if (INSPECTOR_ENABLED) {
-                notifyInspectorRef.current?.notify({
-                    type: "mutation",
-                    path: notifyInspectorRef.current.path,
-                    value: newValue,
-                });
-            }
-            return setResult;
-        },
-        deleteProperty(target, key) {
-            if (typeof key === "symbol") {
-                return Reflect.deleteProperty(target, key);
-            }
-            const signal = signals[key];
-            signal?.notify();
-            delete signals[key];
-            return Reflect.deleteProperty(target, key);
-        },
-    });
-    proxyCache.set(value, proxy);
-    return proxy;
+    return observable(state);
 }

package/dist/useSuspend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSuspend.d.ts","sourceRoot":"","sources":["../src/useSuspend.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqB,MAAM,YAAY,CAAC;AAI3D,KAAK,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,IACjD,CAAC;IACC,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,IAAI,CAAC;IAChB,YAAY,EAAE,KAAK,CAAC;CACrB,GAAG;KACD,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,UAAU,CAAC,GAAG,CAAC,GACpD,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GACzB,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACrB,CAAC,GACF,CAAC;IACC,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,KAAK,CAAC;IACjB,YAAY,EAAE,IAAI,CAAC;CACpB,GAAG;KACD,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,UAAU,CAAC,GAAG,CAAC,GACpD,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GACtC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACrB,CAAC,GACF,CAAC;IACC,KAAK,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,IAAI,CAAC;IAChB,YAAY,EAAE,KAAK,CAAC;CACrB,GAAG;KACD,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,UAAU,CAAC,GAAG,CAAC,GACpD,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GACzB,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACrB,CAAC,GACF,CAAC;IACC,KAAK,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,KAAK,CAAC;IACjB,YAAY,EAAE,IAAI,CAAC;CACpB,GAAG;KACD,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,UAAU,CAAC,GAAG,CAAC,GACpD,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GACtC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACrB,CAAC,GACF,CAAC;IACC,KAAK,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,KAAK,CAAC;IACjB,YAAY,EAAE,KAAK,CAAC;CACrB,GAAG;KACD,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,UAAU,CAAC,GAAG,CAAC,GACpD,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GACtC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACrB,CAAC,CAAC;AAEP,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,mBA0DlE"}
+{"version":3,"file":"useSuspend.d.ts","sourceRoot":"","sources":["../src/useSuspend.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAW,MAAM,YAAY,CAAC;AAIjD,KAAK,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,IACjD,CAAC;IACC,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,IAAI,CAAC;IAChB,YAAY,EAAE,KAAK,CAAC;CACrB,GAAG;KACD,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,UAAU,CAAC,GAAG,CAAC,GACpD,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GACzB,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACrB,CAAC,GACF,CAAC;IACC,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,KAAK,CAAC;IACjB,YAAY,EAAE,IAAI,CAAC;CACpB,GAAG;KACD,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,UAAU,CAAC,GAAG,CAAC,GACpD,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GACtC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACrB,CAAC,GACF,CAAC;IACC,KAAK,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,IAAI,CAAC;IAChB,YAAY,EAAE,KAAK,CAAC;CACrB,GAAG;KACD,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,UAAU,CAAC,GAAG,CAAC,GACpD,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GACzB,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACrB,CAAC,GACF,CAAC;IACC,KAAK,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,KAAK,CAAC;IACjB,YAAY,EAAE,IAAI,CAAC;CACpB,GAAG;KACD,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,UAAU,CAAC,GAAG,CAAC,GACpD,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GACtC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACrB,CAAC,GACF,CAAC;IACC,KAAK,EAAE,IAAI,CAAC;IACZ,SAAS,EAAE,KAAK,CAAC;IACjB,YAAY,EAAE,KAAK,CAAC;CACrB,GAAG;KACD,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,UAAU,CAAC,GAAG,CAAC,GACpD,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GACtC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACrB,CAAC,CAAC;AAEP,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,mBA0DlE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rask-ui",
-  "version": "0.28.4",
+  "version": "0.29.1",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -51,6 +51,7 @@
     "@swc/core": "^1.9.2",
     "inferno": "^9.0.4",
     "inferno-vnode-flags": "^9.0.4",
+    "mobx": "^6.15.0",
     "swc-plugin-inferno": "^2.9.0",
     "typed-client-router": "^0.11.0"
   },