rask-ui 0.20.5 → 0.21.0

package/dist/createComputed.d.ts

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

package/dist/createComputed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createComputed.d.ts","sourceRoot":"","sources":["../src/createComputed.ts"],"names":[],"mappings":"AAIA,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,EAChE,QAAQ,EAAE,CAAC,GACV;KACA,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACjC,CA0EA"}

package/dist/createComputed.js

@@ -0,0 +1,69 @@
+import { getCurrentComponent, createCleanup } from "./component";
+import { INSPECT_MARKER, INSPECTOR_ENABLED } from "./inspect";
+import { getCurrentObserver, Observer, Signal } from "./observation";
+export function createComputed(computed) {
+    const currentComponent = getCurrentComponent();
+    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,
+                });
+            }
+        });
+        createCleanup(() => computedObserver.dispose());
+        Object.defineProperty(proxy, prop, {
+            enumerable: true,
+            configurable: true,
+            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;
+            },
+        });
+    }
+    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;
+}

package/dist/createEffect.d.ts

@@ -0,0 +1,2 @@
+export declare function createEffect(cb: () => void | (() => void)): void;
+//# sourceMappingURL=createEffect.d.ts.map

package/dist/createEffect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createEffect.d.ts","sourceRoot":"","sources":["../src/createEffect.ts"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,QA2BzD"}

package/dist/createEffect.js

@@ -0,0 +1,29 @@
+import { syncBatch } from "./batch";
+import { createCleanup, getCurrentComponent } from "./component";
+import { Observer } from "./observation";
+export function createEffect(cb) {
+    const component = getCurrentComponent();
+    if (!component || component.isRendering) {
+        throw new Error("Only use createEffect 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();
+    };
+    createCleanup(() => {
+        observer.dispose();
+        disposer?.();
+    });
+    runEffect();
+}

package/dist/createRouter.d.ts

@@ -0,0 +1,8 @@
+import { RoutesConfig, TRouter, TRoutes } from "typed-client-router";
+export type Router<T extends RoutesConfig> = Omit<TRouter<T>, "current" | "listen" | "pathname"> & {
+    route?: TRoutes<T>;
+};
+export declare function createRouter<const T extends RoutesConfig>(config: T, options?: {
+    base?: string;
+}): Router<T>;
+//# sourceMappingURL=createRouter.d.ts.map

package/dist/createRouter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRouter.d.ts","sourceRoot":"","sources":["../src/createRouter.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,YAAY,CAAC,KAAK,CAAC,CAAC,SAAS,YAAY,EACvD,MAAM,EAAE,CAAC,EACT,OAAO,CAAC,EAAE;IACR,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GACA,MAAM,CAAC,CAAC,CAAC,CA4BX"}

package/dist/createRouter.js

@@ -0,0 +1,27 @@
+import { createRouter as internalCreateRouter, } from "typed-client-router";
+import { getCurrentObserver, Signal } from "./observation";
+import { createCleanup, getCurrentComponent } from "./component";
+export function createRouter(config, options) {
+    if (!getCurrentComponent()) {
+        throw new Error("Only use createRouter in component setup");
+    }
+    const router = internalCreateRouter(config, options);
+    const signal = new Signal();
+    createCleanup(router.listen(() => signal.notify()));
+    return {
+        get route() {
+            const observer = getCurrentObserver();
+            if (observer) {
+                observer.subscribeSignal(signal);
+            }
+            return router.current;
+        },
+        get queries() {
+            return router.queries;
+        },
+        setQuery: router.setQuery,
+        push: router.push,
+        replace: router.replace,
+        url: router.url,
+    };
+}

package/dist/createState.d.ts

@@ -1,3 +1,4 @@
+export declare function assignState<T extends object>(state: T, newState: T): T;
 /**
  * Creates a reactive state object that tracks property access and notifies observers on changes.
  *
@@ -23,4 +24,5 @@
  * @returns A reactive proxy of the state object
  */
 export declare function createState<T extends object>(state: T): T;
+export declare const PROXY_MARKER: unique symbol;
 //# sourceMappingURL=createState.d.ts.map

package/dist/createState.d.ts.map

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

package/dist/createState.js

@@ -1,4 +1,9 @@
+import { getCurrentComponent } from "./component";
+import { INSPECT_MARKER, INSPECTOR_ENABLED } from "./inspect";
 import { getCurrentObserver, Signal } from "./observation";
+export function assignState(state, newState) {
+    return Object.assign(state, newState);
+}
 /**
  * Creates a reactive state object that tracks property access and notifies observers on changes.
  *
@@ -24,11 +29,14 @@ import { getCurrentObserver, Signal } from "./observation";
  * @returns A reactive proxy of the state object
  */
 export function createState(state) {
-    return getProxy(state);
+    if (getCurrentComponent()?.isRendering) {
+        throw new Error("createState cannot be called during render. Call it in component setup or globally.");
+    }
+    return getProxy(state, {});
 }
 const proxyCache = new WeakMap();
-const PROXY_MARKER = Symbol("isProxy");
-function getProxy(value) {
+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;
@@ -43,6 +51,9 @@ function getProxy(value) {
             if (key === PROXY_MARKER) {
                 return true;
             }
+            if (INSPECTOR_ENABLED && key === INSPECT_MARKER) {
+                return true;
+            }
             return Reflect.has(target, key);
         },
         get(target, key) {
@@ -50,6 +61,9 @@ function getProxy(value) {
             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;
@@ -61,11 +75,26 @@ function getProxy(value) {
             }
             if (Array.isArray(value) ||
                 (typeof value === "object" && value !== null)) {
-                return getProxy(value);
+                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);
             }
@@ -73,10 +102,16 @@ function getProxy(value) {
             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")) {
-                console.log("WTF", key, newValue);
                 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) {

package/dist/createTask.d.ts

@@ -0,0 +1,31 @@
+export type TaskState<P, T> = {
+    isRunning: false;
+    params: null;
+    result: null;
+    error: null;
+} | {
+    isRunning: true;
+    result: T | null;
+    params: P;
+    error: null;
+} | {
+    isRunning: false;
+    params: null;
+    result: T;
+    error: null;
+} | {
+    isRunning: false;
+    params: null;
+    result: null;
+    error: string;
+};
+export type Task<A, B = never> = [B] extends [never] ? TaskState<null, A> & {
+    run(): Promise<A>;
+    rerun(): Promise<A>;
+} : TaskState<A, B> & {
+    run(params: A): Promise<B>;
+    rerun(params: A): Promise<B>;
+};
+export declare function createTask<T>(task: (params: undefined, signal: AbortSignal) => Promise<T>): Task<T>;
+export declare function createTask<P, T>(task: (params: P, signal: AbortSignal) => Promise<T>): Task<P, T>;
+//# sourceMappingURL=createTask.d.ts.map

package/dist/createTask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTask.d.ts","sourceRoot":"","sources":["../src/createTask.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,CAAC,CAAC,EAAE,CAAC,IACtB;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,EAAE,IAAI,CAAC;IACb,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,IAAI,CAAC;IAChB,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,MAAM,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,EAAE,IAAI,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,MAAM,MAAM,IAAI,CAAC,CAAC,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,GAChD,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG;IACnB,GAAG,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IAClB,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;CACrB,GACD,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAChB,GAAG,CAAC,MAAM,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IAC3B,KAAK,CAAC,MAAM,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;CAC9B,CAAC;AAEN,wBAAgB,UAAU,CAAC,CAAC,EAC1B,IAAI,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,GAC3D,IAAI,CAAC,CAAC,CAAC,CAAC;AACX,wBAAgB,UAAU,CAAC,CAAC,EAAE,CAAC,EAC7B,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,GACnD,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC"}

package/dist/createTask.js

@@ -0,0 +1,79 @@
+import { createCleanup, getCurrentComponent } from "./component";
+import { assignState, createState } from "./createState";
+export function createTask(task) {
+    const currentComponent = getCurrentComponent();
+    if (!currentComponent || currentComponent.isRendering) {
+        throw new Error("Only use createTask in component setup");
+    }
+    const state = createState({
+        isRunning: false,
+        result: null,
+        error: null,
+        params: null,
+    });
+    let currentAbortController;
+    const fetch = (params) => {
+        currentAbortController?.abort();
+        const abortController = (currentAbortController = new AbortController());
+        const promise = task(params, abortController.signal);
+        promise
+            .then((result) => {
+            if (abortController.signal.aborted) {
+                return;
+            }
+            assignState(state, {
+                isRunning: false,
+                result,
+                error: null,
+                params: null,
+            });
+        })
+            .catch((error) => {
+            if (abortController.signal.aborted) {
+                return;
+            }
+            assignState(state, {
+                isRunning: false,
+                result: null,
+                error: String(error),
+                params: null,
+            });
+        });
+        return promise;
+    };
+    createCleanup(() => currentAbortController?.abort());
+    return {
+        get isRunning() {
+            return state.isRunning;
+        },
+        get result() {
+            return state.result;
+        },
+        get error() {
+            return state.error;
+        },
+        get params() {
+            return state.params;
+        },
+        run(params) {
+            const promise = fetch(params);
+            assignState(state, {
+                isRunning: true,
+                result: null,
+                error: null,
+                params: (params || null),
+            });
+            return promise;
+        },
+        rerun(params) {
+            const promise = fetch(params);
+            assignState(state, {
+                isRunning: true,
+                result: state.result,
+                error: null,
+                params: (params || null),
+            });
+            return promise;
+        },
+    };
+}

package/dist/createView.d.ts

@@ -1,54 +1,28 @@
-type Simplify<T> = {
+type Simplify<T> = T extends any ? {
     [K in keyof T]: T[K];
-} & {};
-type MergeTwo<A extends object, B extends object> = Simplify<Omit<A, keyof B> & B>;
+} : never;
+type UndefinedKeys<T> = {
+    [K in keyof T]-?: [T[K]] extends [undefined] ? K : never;
+}[keyof T];
+type MergeTwo<A extends object, B extends object> = A extends any ? Simplify<Omit<A, keyof B> & Omit<B, UndefinedKeys<B>>> : never;
 type MergeMany<T extends readonly object[]> = T extends [
     infer H extends object,
     ...infer R extends object[]
-] ? MergeTwo<H, MergeMany<R>> : {};
+] ? MergeManyAcc<H, R> : {};
+type MergeManyAcc<Acc extends object, Rest extends object[]> = Rest extends [
+    infer H extends object,
+    ...infer R extends object[]
+] ? MergeManyAcc<MergeTwo<Acc, H>, R> : Acc;
 /**
- * Creates a view that merges multiple objects (reactive or not) into a single object while
- * maintaining reactivity through getters. Properties from later arguments override earlier ones.
- *
- * @warning **Do not destructure the returned view object!** Destructuring breaks reactivity
- * because it extracts plain values instead of maintaining getter access. This is the same rule
- * as other reactive primitives.
- *
- * @example
- * // ❌ Bad - destructuring loses reactivity
- * function Component() {
- *   const state = createState({ count: 0 });
- *   const helpers = { increment: () => state.count++ };
- *   const view = createView(state, helpers);
- *   const { count, increment } = view; // Don't do this!
- *   return () => <button onClick={increment}>{count}</button>; // Won't update!
- * }
- *
- * // ✅ Good - access properties directly in render
- * function Component() {
- *   const state = createState({ count: 0 });
- *   const helpers = { increment: () => state.count++ };
- *   const view = createView(state, helpers);
- *   return () => <button onClick={view.increment}>{view.count}</button>; // Reactive!
- * }
- *
- * @example
- * // Merge multiple reactive objects
- * const state = createState({ count: 0 });
- * const user = createState({ name: "Alice" });
- * const view = createView(state, user);
- * // view has both count and name properties, maintaining reactivity
- *
- * @example
- * // Later arguments override earlier ones
- * const a = { x: 1, y: 2 };
- * const b = { y: 3, z: 4 };
- * const view = createView(a, b);
- * // view.x === 1, view.y === 3, view.z === 4
+ * Creates a view that merges multiple objects (reactive or not) into a single
+ * object while maintaining reactivity through getters. Properties from later
+ * arguments override earlier ones.
  *
- * @param args - Objects to merge (reactive or plain objects)
- * @returns A view object with getters for all properties, maintaining reactivity
+ * ⚠️ Do not destructure the returned view object; always read properties
+ * directly from the view to preserve reactivity.
  */
+export declare function createView<A extends object>(a: A): A;
+export declare function createView<A extends object, B extends object>(a: A, b: B): MergeTwo<A, B>;
 export declare function createView<T extends readonly object[]>(...args: T): MergeMany<T>;
 export {};
 //# sourceMappingURL=createView.d.ts.map

package/dist/createView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createView.d.ts","sourceRoot":"","sources":["../src/createView.ts"],"names":[],"mappings":"AAAA,KAAK,QAAQ,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,GAAG,EAAE,CAAC;AAEjD,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,QAAQ,CAC1D,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CACrB,CAAC;AAEF,KAAK,SAAS,CAAC,CAAC,SAAS,SAAS,MAAM,EAAE,IAAI,CAAC,SAAS;IACtD,MAAM,CAAC,SAAS,MAAM;IACtB,GAAG,MAAM,CAAC,SAAS,MAAM,EAAE;CAC5B,GACG,QAAQ,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,GACzB,EAAE,CAAC;AAEP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,SAAS,MAAM,EAAE,EACpD,GAAG,IAAI,EAAE,CAAC,GACT,SAAS,CAAC,CAAC,CAAC,CA0Bd"}
+{"version":3,"file":"createView.d.ts","sourceRoot":"","sources":["../src/createView.ts"],"names":[],"mappings":"AAGA,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,GAAG,KAAK,CAAC;AAEpE,KAAK,aAAa,CAAC,CAAC,IAAI;KACrB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK;CACzD,CAAC,MAAM,CAAC,CAAC,CAAC;AAEX,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,GAC7D,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,GACtD,KAAK,CAAC;AAEV,KAAK,SAAS,CAAC,CAAC,SAAS,SAAS,MAAM,EAAE,IAAI,CAAC,SAAS;IACtD,MAAM,CAAC,SAAS,MAAM;IACtB,GAAG,MAAM,CAAC,SAAS,MAAM,EAAE;CAC5B,GACG,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,GAClB,EAAE,CAAC;AAEP,KAAK,YAAY,CAAC,GAAG,SAAS,MAAM,EAAE,IAAI,SAAS,MAAM,EAAE,IAAI,IAAI,SAAS;IAC1E,MAAM,CAAC,SAAS,MAAM;IACtB,GAAG,MAAM,CAAC,SAAS,MAAM,EAAE;CAC5B,GACG,YAAY,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,GACjC,GAAG,CAAC;AAER;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AACtD,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,EAC3D,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,GACH,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAClB,wBAAgB,UAAU,CAAC,CAAC,SAAS,SAAS,MAAM,EAAE,EACpD,GAAG,IAAI,EAAE,CAAC,GACT,SAAS,CAAC,CAAC,CAAC,CAAC"}

package/dist/createView.js

@@ -1,68 +1,77 @@
-/**
- * Creates a view that merges multiple objects (reactive or not) into a single object while
- * maintaining reactivity through getters. Properties from later arguments override earlier ones.
- *
- * @warning **Do not destructure the returned view object!** Destructuring breaks reactivity
- * because it extracts plain values instead of maintaining getter access. This is the same rule
- * as other reactive primitives.
- *
- * @example
- * // ❌ Bad - destructuring loses reactivity
- * function Component() {
- *   const state = createState({ count: 0 });
- *   const helpers = { increment: () => state.count++ };
- *   const view = createView(state, helpers);
- *   const { count, increment } = view; // Don't do this!
- *   return () => <button onClick={increment}>{count}</button>; // Won't update!
- * }
- *
- * // ✅ Good - access properties directly in render
- * function Component() {
- *   const state = createState({ count: 0 });
- *   const helpers = { increment: () => state.count++ };
- *   const view = createView(state, helpers);
- *   return () => <button onClick={view.increment}>{view.count}</button>; // Reactive!
- * }
- *
- * @example
- * // Merge multiple reactive objects
- * const state = createState({ count: 0 });
- * const user = createState({ name: "Alice" });
- * const view = createView(state, user);
- * // view has both count and name properties, maintaining reactivity
- *
- * @example
- * // Later arguments override earlier ones
- * const a = { x: 1, y: 2 };
- * const b = { y: 3, z: 4 };
- * const view = createView(a, b);
- * // view.x === 1, view.y === 3, view.z === 4
- *
- * @param args - Objects to merge (reactive or plain objects)
- * @returns A view object with getters for all properties, maintaining reactivity
- */
+import { getCurrentComponent } from "./component";
+import { INSPECT_MARKER, INSPECTOR_ENABLED } from "./inspect";
 export function createView(...args) {
+    if (!getCurrentComponent()) {
+        throw new Error("Only use createView in component setup");
+    }
     const result = {};
     const seen = new Set();
+    let notifyInspectorRef = {};
     for (let i = args.length - 1; i >= 0; i--) {
         const src = args[i];
-        // mimic Object.assign: only enumerable own property keys
+        if (!src)
+            continue;
+        if (INSPECTOR_ENABLED && src[INSPECT_MARKER]) {
+            src[INSPECT_MARKER] = notifyInspectorRef;
+        }
+        // Mimic Object.assign: only enumerable own property keys
         for (const key of Reflect.ownKeys(src)) {
             if (seen.has(key))
                 continue;
             const desc = Object.getOwnPropertyDescriptor(src, key);
             if (!desc || !desc.enumerable)
                 continue;
-            // Capture the current source for this key (last write wins).
             Object.defineProperty(result, key, {
                 enumerable: true,
                 configurable: true,
-                get: () => src[key],
-                // Optional write-through (commented out by default):
-                // set: (value) => { (src as any)[key as any] = value; },
+                get: () => {
+                    const value = src[key];
+                    if (!INSPECTOR_ENABLED || !notifyInspectorRef.current) {
+                        return value;
+                    }
+                    // Propagate inspector marker into nested observables
+                    if (value?.[INSPECT_MARKER]) {
+                        value[INSPECT_MARKER] = {
+                            current: {
+                                notify: notifyInspectorRef.current.notify,
+                                path: notifyInspectorRef.current.path.concat(key),
+                            },
+                        };
+                    }
+                    else if (typeof value === "function") {
+                        // Wrap actions to notify inspector
+                        return (...params) => {
+                            notifyInspectorRef.current.notify({
+                                type: "action",
+                                path: notifyInspectorRef.current.path.concat(key),
+                                params,
+                            });
+                            return value(...params);
+                        };
+                    }
+                    return value;
+                },
             });
             seen.add(key);
         }
     }
+    if (INSPECTOR_ENABLED) {
+        Object.defineProperty(result, INSPECT_MARKER, {
+            enumerable: false,
+            configurable: false,
+            get() {
+                return !notifyInspectorRef.current;
+            },
+            set: (value) => {
+                Object.defineProperty(notifyInspectorRef, "current", {
+                    configurable: true,
+                    get() {
+                        return value.current;
+                    },
+                });
+            },
+        });
+    }
+    // The overload signatures expose a precise type; this is the shared impl.
     return result;
 }

package/dist/error.d.ts

@@ -1,16 +1,5 @@
-import { Component, VNode } from "inferno";
-export declare class ErrorBoundary extends Component<{
-    children: any;
-    error: (error: unknown) => VNode;
-}, {
+export declare const CatchErrorContext: import("./createContext").Context<(error: unknown) => void>;
+export declare function useCatchError(): {
     error: unknown;
-}> {
-    getChildContext(): {
-        notifyError: (error: unknown) => void;
-    };
-    state: {
-        error: null;
-    };
-    render(): any;
-}
+};
 //# sourceMappingURL=error.d.ts.map

package/dist/error.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../src/error.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAE3C,qBAAa,aAAc,SAAQ,SAAS,CAC1C;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,KAAK,CAAA;CAAE,EACnD;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,CACnB;IACC,eAAe;6BAEU,OAAO;;IAKhC,KAAK;;MAAmB;IAExB,MAAM;CAOP"}
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../src/error.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,4CAAyB,OAAO,KAAK,IAAI,CAAG,CAAC;AAE3E,wBAAgB,aAAa;WAQK,OAAO;EAOxC"}

package/dist/error.js

@@ -1,17 +1,16 @@
-import { Component } from "inferno";
-export class ErrorBoundary extends Component {
-    getChildContext() {
-        return {
-            notifyError: (error) => {
-                this.setState({ error });
-            },
-        };
-    }
-    state = { error: null };
-    render() {
-        if (this.state.error) {
-            return this.props.error(this.state.error);
-        }
-        return this.props.children;
+import { useState } from "./useState";
+import { createContext, useInjectContext } from "./createContext";
+import { getCurrentComponent } from "./component";
+export const CatchErrorContext = createContext();
+export function useCatchError() {
+    const currentComponent = getCurrentComponent();
+    if (!currentComponent || currentComponent.isRendering) {
+        throw new Error("Only use the useCatchError hook in setup");
     }
+    const inject = useInjectContext(CatchErrorContext);
+    const state = useState({
+        error: null,
+    });
+    inject((error) => (state.error = error));
+    return state;
 }