rask-ui 0.2.8 → 0.3.1

package/README.md

@@ -966,7 +966,7 @@ RASK is designed for performance:
 
 - **Fine-grained reactivity**: Only components that access changed state re-render
 - **No wasted renders**: Components skip re-render if reactive dependencies haven't changed
-- **Efficient DOM updates**: Powered by a custom virtual DOM implementation optimized for reactive components
+- **Efficient DOM updates**: Powered by Inferno's highly optimized virtual DOM reconciler
 - **No reconciler overhead for state**: State changes are direct, no diffing required
 - **Automatic cleanup**: Components and effects cleaned up automatically
 
@@ -977,7 +977,7 @@ RASK is designed for performance:
 | State management  | Complex (hooks, closures) | Simple (signals)         | Simple (proxies) |
 | UI expression     | Excellent                 | Limited                  | Excellent        |
 | Reactivity        | Coarse (component level)  | Fine-grained             | Fine-grained     |
-| Reconciler        | Yes                       | Limited                  | Yes (custom)     |
+| Reconciler        | Yes                       | Limited                  | Yes (Inferno)    |
 | Syntax            | JSX                       | JSX + special components | JSX              |
 | Compiler required | No                        | Yes                      | No               |
 | Learning curve    | Steep                     | Moderate                 | Gentle           |

package/dist/component.d.ts

@@ -0,0 +1,29 @@
+import { VNode, Component, Props, InfernoNode } from "inferno";
+export declare function getCurrentComponent(): RaskComponent<any>;
+export declare function onMount(cb: () => void): void;
+export declare function onCleanup(cb: () => void): void;
+export type RaskFunctionComponent<P extends Props<any>> = (() => () => VNode) | ((props: P) => () => VNode);
+declare class RaskComponent<P extends Props<any>> extends Component<P & {
+    __component: RaskFunctionComponent<P>;
+}> {
+    private renderFn?;
+    private reactiveProps?;
+    private prevChildren;
+    private observer;
+    contexts: Map<any, any>;
+    getChildContext(): any;
+    onMounts: Array<() => void>;
+    onCleanups: Array<() => void>;
+    componentDidMount(): void;
+    componentWillReceiveProps(nextProps: Readonly<{
+        children?: InfernoNode;
+    } & P & {
+        __component: RaskFunctionComponent<P>;
+    }>): void;
+    componentWillUnmount(): void;
+    shouldComponentUpdate(): boolean;
+    render(): any;
+}
+export declare function createComponent(props: Props<any>, key?: string): VNode;
+export {};
+//# sourceMappingURL=component.d.ts.map

package/dist/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../src/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACZ,MAAM,SAAS,CAAC;AAMjB,wBAAgB,mBAAmB,uBAMlC;AAED,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,IAAI,QAMrC;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI,QAMvC;AAED,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,IAClD,CAAC,MAAM,MAAM,KAAK,CAAC,GACnB,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,MAAM,KAAK,CAAC,CAAC;AAEhC,cAAM,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,GAAG,CAAC,CAAE,SAAQ,SAAS,CACzD,CAAC,GAAG;IAAE,WAAW,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAA;CAAE,CAC9C;IACC,OAAO,CAAC,QAAQ,CAAC,CAAc;IAC/B,OAAO,CAAC,aAAa,CAAC,CAAa;IACnC,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,QAAQ,CAEb;IACH,QAAQ,gBAAa;IACrB,eAAe;IAUf,QAAQ,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAM;IACjC,UAAU,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,CAAM;IACnC,iBAAiB,IAAI,IAAI;IAGzB,yBAAyB,CACvB,SAAS,EAAE,QAAQ,CACjB;QAAE,QAAQ,CAAC,EAAE,WAAW,CAAA;KAAE,GAAG,CAAC,GAAG;QAAE,WAAW,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAA;KAAE,CAC3E,GACA,IAAI;IAaP,oBAAoB,IAAI,IAAI;IAG5B,qBAAqB,IAAI,OAAO;IAGhC,MAAM;CAuCP;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,SAQ9D"}

package/dist/component.js

@@ -0,0 +1,125 @@
+import { createComponentVNode, Component, } from "inferno";
+import { getCurrentObserver, Observer, Signal } from "./observation";
+let currentComponent;
+export function getCurrentComponent() {
+    if (!currentComponent) {
+        throw new Error("No current component");
+    }
+    return currentComponent;
+}
+export function onMount(cb) {
+    if (!currentComponent) {
+        throw new Error("Only use onCleanup in component setup");
+    }
+    currentComponent.onMounts.push(cb);
+}
+export function onCleanup(cb) {
+    if (!currentComponent) {
+        throw new Error("Only use onCleanup in component setup");
+    }
+    currentComponent.onCleanups.push(cb);
+}
+class RaskComponent extends Component {
+    renderFn;
+    reactiveProps;
+    prevChildren;
+    observer = new Observer(() => {
+        this.forceUpdate();
+    });
+    contexts = new Map();
+    getChildContext() {
+        const parentGetContext = this.context.getContext;
+        return {
+            ...this.context,
+            getContext: (context) => {
+                return this.contexts.get(context) || parentGetContext(context);
+            },
+        };
+    }
+    onMounts = [];
+    onCleanups = [];
+    componentDidMount() {
+        this.onMounts.forEach((cb) => cb());
+    }
+    componentWillReceiveProps(nextProps) {
+        if (this.props.children === nextProps.children) {
+            for (const prop in nextProps) {
+                if (prop === "children") {
+                    continue;
+                }
+                // @ts-ignore
+                this.reactiveProps[prop] = nextProps[prop];
+            }
+        }
+        else {
+            this.prevChildren = this.props.children;
+        }
+    }
+    componentWillUnmount() {
+        this.onCleanups.forEach((cb) => cb());
+    }
+    shouldComponentUpdate() {
+        return this.prevChildren !== this.props.children;
+    }
+    render() {
+        if (!this.renderFn) {
+            this.reactiveProps = createReactiveProps(this.props);
+            currentComponent = this;
+            try {
+                this.renderFn = this.props.__component(this.reactiveProps);
+                if (typeof this.renderFn !== "function") {
+                    throw new Error("Component must return a render function");
+                }
+            }
+            catch (error) {
+                if (typeof this.context.notifyError !== "function") {
+                    throw error;
+                }
+                this.context.notifyError(error);
+                return null;
+            }
+            currentComponent = undefined;
+        }
+        const stopObserving = this.observer.observe();
+        let result = null;
+        try {
+            result = this.renderFn();
+        }
+        catch (error) {
+            if (typeof this.context.notifyError !== "function") {
+                throw error;
+            }
+            this.context.notifyError(error);
+        }
+        finally {
+            stopObserving();
+        }
+        return result;
+    }
+}
+export function createComponent(props, key) {
+    console.log(props);
+    return createComponentVNode(4 /* VNodeFlags.ComponentClass */, RaskComponent, props, key);
+}
+function createReactiveProps(props) {
+    const reactiveProps = {};
+    for (const prop in props) {
+        const signal = new Signal();
+        Object.defineProperty(reactiveProps, prop, {
+            get() {
+                const observer = getCurrentObserver();
+                if (observer) {
+                    observer.subscribeSignal(signal);
+                }
+                return props[prop];
+            },
+            set(value) {
+                if (props[prop] !== value) {
+                    props[prop] = value;
+                    signal.notify();
+                }
+            },
+        });
+    }
+    return reactiveProps;
+}

package/dist/createContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createContext.d.ts","sourceRoot":"","sources":["../src/createContext.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,aAAa,CAAC,CAAC;kBAEb,CAAC;WAaR,CAAC;EAoBX"}
+{"version":3,"file":"createContext.d.ts","sourceRoot":"","sources":["../src/createContext.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAIH,wBAAgB,aAAa,CAAC,CAAC;kBAEb,CAAC;WASR,CAAC;EA0BX"}

package/dist/createContext.js

@@ -1,5 +1,3 @@
-import { getCurrentComponent, } from "./vdom/ComponentVNode";
-import { findComponentVNode } from "./vdom/utils";
 /**
  * Creates a context object for providing and consuming values across component trees.
  *
@@ -24,6 +22,7 @@ import { findComponentVNode } from "./vdom/utils";
  *
  * @returns Context object with inject() and get() methods
  */
+import { getCurrentComponent } from "./component";
 export function createContext() {
     const context = {
         inject(value) {
@@ -31,9 +30,6 @@ export function createContext() {
             if (!currentComponent) {
                 throw new Error("You can not inject context outside component setup");
             }
-            if (!currentComponent.contexts) {
-                currentComponent.contexts = new Map();
-            }
             currentComponent.contexts.set(context, value);
         },
         get() {
@@ -41,14 +37,14 @@ export function createContext() {
             if (!currentComponent) {
                 throw new Error("You can not get context outside component setup");
             }
-            while (currentComponent) {
-                if (currentComponent.contexts?.has(context)) {
-                    return currentComponent.contexts.get(context);
-                }
-                const componentNode = findComponentVNode(currentComponent.parent);
-                currentComponent = componentNode?.instance ?? null;
+            if (typeof currentComponent.context.getContext !== "function") {
+                throw new Error("There is no parent context");
+            }
+            const contextValue = currentComponent.context.getContext(context);
+            if (!contextValue) {
+                throw new Error("There is a parent context, but not the one you are using");
             }
-            throw new Error("Could not find context in parent components");
+            return contextValue;
         },
     };
     return context;

package/dist/error.d.ts

@@ -1,5 +1,16 @@
-export declare function ErrorBoundary(props: {
-    error: (error: unknown) => ChildNode | ChildNode[];
+import { Component, VNode } from "inferno";
+export declare class ErrorBoundary extends Component<{
     children: any;
-}): () => any;
+    error: (error: unknown) => VNode;
+}, {
+    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.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACnC,KAAK,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,GAAG,SAAS,EAAE,CAAC;IACnD,QAAQ,EAAE,GAAG,CAAC;CACf,aAqBA"}
+{"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"}

package/dist/error.js

@@ -1,20 +1,17 @@
-import { getCurrentComponent } from "./vdom/ComponentVNode";
-export function ErrorBoundary(props) {
-    const component = getCurrentComponent();
-    return () => {
-        if (component.error) {
-            return props.error(component.error);
+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);
         }
-        // Fix parent relationship: children vnodes were created with wrong parent,
-        // we need to update them to point to this ErrorBoundary component
-        const children = Array.isArray(props.children)
-            ? props.children
-            : [props.children];
-        children.forEach((child) => {
-            if (child?.data?.parentComponent) {
-                child.data.parentComponent = component;
-            }
-        });
-        return props.children;
-    };
+        return this.props.children;
+    }
 }

package/dist/index.d.ts

@@ -1,11 +1,11 @@
-export { render } from "./vdom";
-export { onCleanup, onMount } from "./vdom/ComponentVNode";
+export { render } from "inferno";
+export { onCleanup, onMount } from "./component";
 export { createContext } from "./createContext";
 export { createState } from "./createState";
 export { createAsync } from "./createAsync";
 export { ErrorBoundary } from "./error";
 export { createQuery } from "./createQuery";
 export { createMutation } from "./createMutation";
-export { createRef } from "./createRef";
+export { createRef } from "inferno";
 export { createView } from "./createView";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.js

@@ -1,10 +1,10 @@
-export { render } from "./vdom";
-export { onCleanup, onMount } from "./vdom/ComponentVNode";
+export { render } from "inferno";
+export { onCleanup, onMount } from "./component";
 export { createContext } from "./createContext";
 export { createState } from "./createState";
 export { createAsync } from "./createAsync";
 export { ErrorBoundary } from "./error";
 export { createQuery } from "./createQuery";
 export { createMutation } from "./createMutation";
-export { createRef } from "./createRef";
+export { createRef } from "inferno";
 export { createView } from "./createView";

package/dist/jsx-dev-runtime.d.ts

@@ -1,4 +1,5 @@
-export { jsx, jsxs, Fragment } from "./jsx-runtime";
+export { jsx, jsxs } from "./jsx-runtime";
 export type { JSX } from "./jsx-runtime";
-export { jsx as jsxDEV } from "./vdom";
+export { Fragment } from "inferno";
+export { jsx as jsxDEV } from "./jsx-runtime";
 //# sourceMappingURL=jsx-dev-runtime.d.ts.map

package/dist/jsx-dev-runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-dev-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-dev-runtime.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,YAAY,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAIzC,OAAO,EAAE,GAAG,IAAI,MAAM,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"jsx-dev-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-dev-runtime.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1C,YAAY,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAInC,OAAO,EAAE,GAAG,IAAI,MAAM,EAAE,MAAM,eAAe,CAAC"}

package/dist/jsx-dev-runtime.js

@@ -1,5 +1,6 @@
 // JSX dev runtime - adds jsxDEV for development mode
-export { jsx, jsxs, Fragment } from "./jsx-runtime";
+export { jsx, jsxs } from "./jsx-runtime";
+export { Fragment } from "inferno";
 // In development mode, TypeScript uses jsxDEV instead of jsx
 // We just alias it to jsx since we don't need the extra dev-mode params
-export { jsx as jsxDEV } from "./vdom";
+export { jsx as jsxDEV } from "./jsx-runtime";

package/dist/jsx-runtime.d.ts

@@ -1,7 +1,8 @@
+import { Component } from "inferno";
 import type { JSXInternal } from "./jsx";
-export { Fragment } from "./vdom/FragmentVNode";
+export { Fragment } from "inferno";
 export declare function jsx(type: string, props: JSXInternal.HTMLAttributes & JSXInternal.SVGAttributes & Record<string, any>, key?: string): any;
-export declare function jsx<P>(type: (props: P) => any, props: P & {
+export declare function jsx<P>(type: ((props: P) => any) | (new () => Component), props: P & {
     children?: any;
 }, key?: string): any;
 export declare function jsxs(type: string, props: JSXInternal.HTMLAttributes & JSXInternal.SVGAttributes & Record<string, any>, key?: string): any;

package/dist/jsx-runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,wBAAgB,GAAG,CACjB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,WAAW,CAAC,cAAc,GAC/B,WAAW,CAAC,aAAa,GACzB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrB,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AACP,wBAAgB,GAAG,CAAC,CAAC,EACnB,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,EACvB,KAAK,EAAE,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,EAC7B,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AAKP,wBAAgB,IAAI,CAClB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,WAAW,CAAC,cAAc,GAC/B,WAAW,CAAC,aAAa,GACzB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrB,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AACP,wBAAgB,IAAI,CAAC,CAAC,EACpB,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,EACvB,KAAK,EAAE,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAA;CAAE,EAC/B,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AAMP,YAAY,EAAE,WAAW,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC"}
+{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAwB,MAAM,SAAS,CAAC;AAE1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,wBAAgB,GAAG,CACjB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,WAAW,CAAC,cAAc,GAC/B,WAAW,CAAC,aAAa,GACzB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrB,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AACP,wBAAgB,GAAG,CAAC,CAAC,EACnB,IAAI,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,UAAU,SAAS,CAAC,EACjD,KAAK,EAAE,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,EAC7B,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AAmBP,wBAAgB,IAAI,CAClB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,WAAW,CAAC,cAAc,GAC/B,WAAW,CAAC,aAAa,GACzB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrB,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AACP,wBAAgB,IAAI,CAAC,CAAC,EACpB,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,EACvB,KAAK,EAAE,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAA;CAAE,EAC/B,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AAMP,YAAY,EAAE,WAAW,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC"}

package/dist/jsx-runtime.js

@@ -1,7 +1,18 @@
-import { jsx as internalJsx } from "./vdom";
-export { Fragment } from "./vdom/FragmentVNode";
-export function jsx(type, props, key) {
-    return internalJsx(type, props, key);
+// JSX runtime implementation
+import { createComponentVNode } from "inferno";
+import { createElement } from "inferno-create-element";
+import { createComponent } from "./component";
+import { ErrorBoundary } from "./error";
+export { Fragment } from "inferno";
+export function jsx(type, { children, ...props }, key) {
+    if (typeof type === "string") {
+        return createElement(type, { ...props, key }, ...children);
+    }
+    if (type === ErrorBoundary) {
+        console.log("WTF");
+        return createComponentVNode(14 /* VNodeFlags.Component */, ErrorBoundary, { ...props, children }, key);
+    }
+    return createComponent({ ...props, children, __component: type }, key);
 }
 export function jsxs(type, props, key) {
     return jsx(type, props, key);

package/dist/observation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"observation.d.ts","sourceRoot":"","sources":["../src/observation.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,aAEjC;AAED,qBAAa,MAAM;IACjB,OAAO,CAAC,WAAW,CAAyB;IAC5C,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI;IAOxB,MAAM;CAGP;AAED,qBAAa,QAAQ;IACnB,UAAU,UAAS;IACnB,OAAO,CAAC,eAAe,CAAyB;IAChD,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,QAAQ,CAAa;gBACjB,QAAQ,EAAE,MAAM,IAAI;IAGhC,eAAe,CAAC,MAAM,EAAE,MAAM;IAG9B,OAAO;IAOP,OAAO;CAIR"}
+{"version":3,"file":"observation.d.ts","sourceRoot":"","sources":["../src/observation.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,aAEjC;AAKD,qBAAa,MAAM;IACjB,OAAO,CAAC,WAAW,CAAyB;IAC5C,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI;IAOxB,MAAM;CAgBP;AAED,qBAAa,QAAQ;IACnB,UAAU,UAAS;IACnB,OAAO,CAAC,eAAe,CAAyB;IAChD,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,QAAQ,CAAa;gBACjB,QAAQ,EAAE,MAAM,IAAI;IAGhC,eAAe,CAAC,MAAM,EAAE,MAAM;IAG9B,OAAO;IAOP,OAAO;CAIR"}

package/dist/observation.js

@@ -2,6 +2,8 @@ const observerStack = [];
 export function getCurrentObserver() {
     return observerStack[0];
 }
+let isQueuingNotify = false;
+let notifyQueue = [];
 export class Signal {
     subscribers = new Set();
     subscribe(cb) {
@@ -11,7 +13,19 @@ export class Signal {
         };
     }
     notify() {
-        this.subscribers.forEach((cb) => cb());
+        const currentSubscribers = Array.from(this.subscribers);
+        notifyQueue.push(() => {
+            currentSubscribers.forEach((cb) => cb());
+        });
+        if (!isQueuingNotify) {
+            isQueuingNotify = true;
+            queueMicrotask(() => {
+                isQueuingNotify = false;
+                const queue = notifyQueue;
+                notifyQueue = [];
+                queue.forEach((cb) => cb());
+            });
+        }
     }
 }
 export class Observer {

package/dist/test-setup.d.ts

@@ -1,4 +1,4 @@
-import { VNode } from "./vdom/types";
+import { VNode } from "inferno";
 /**
  * Test helper to render a component and provide easy cleanup
  *
@@ -9,7 +9,7 @@ import { VNode } from "./vdom/types";
  */
 export declare function renderComponent(vnode: VNode): {
     container: HTMLElement;
-    vnode: import("./vdom/RootVNode").RootVNode;
+    vnode: void;
     unmount: () => void;
     rerender: (newVnode: VNode) => void;
 };

package/dist/test-setup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAUrC;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK;;;;yBAmBnB,KAAK;EAI7B"}
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,EAAE,MAAM,SAAS,CAAC;AAUxC;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK;;;;yBAoBnB,KAAK;EAI7B"}

package/dist/test-setup.js

@@ -1,6 +1,6 @@
 // Test setup file for vitest
 import { afterEach } from "vitest";
-import { render } from "./vdom";
+import { render } from "inferno";
 // Clean up after each test
 afterEach(() => {
     document.body.innerHTML = "";
@@ -19,6 +19,7 @@ export function renderComponent(vnode) {
     const container = document.createElement("div");
     document.body.appendChild(container);
     let currentVnode = render(vnode, container);
+    // @ts-ignore
     const actualElement = currentVnode.elm;
     return {
         // The actual rendered DOM element (after patch replaces container)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rask-ui",
-  "version": "0.2.8",
+  "version": "0.3.1",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -35,5 +35,10 @@
     "jsdom": "^27.1.0",
     "typescript": "^5.7.3",
     "vitest": "^4.0.7"
+  },
+  "dependencies": {
+    "inferno": "^9.0.4",
+    "inferno-create-element": "^9.0.4",
+    "inferno-vnode-flags": "^9.0.4"
   }
 }