rask-ui 0.2.7 → 0.3.0

package/dist/component.d.ts

@@ -0,0 +1,31 @@
+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(): {
+        getContext: (context: any) => 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,uBAQlC;AAED,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,IAAI,QAQrC;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI,QAQvC;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;8BAEW,GAAG;;IAK7B,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;CAoBP;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,SAQ9D"}

package/dist/component.js

@@ -0,0 +1,111 @@
+import { createComponentVNode, Component, } from "inferno";
+import { getCurrentObserver, Observer, Signal } from "./observation";
+const componentStack = [];
+export function getCurrentComponent() {
+    const currentComponent = componentStack[0];
+    if (!currentComponent) {
+        throw new Error("No current component");
+    }
+    return currentComponent;
+}
+export function onMount(cb) {
+    const current = componentStack[0];
+    if (!current) {
+        throw new Error("Only use onCleanup in component setup");
+    }
+    current.onMounts.push(cb);
+}
+export function onCleanup(cb) {
+    const current = componentStack[0];
+    if (!current) {
+        throw new Error("Only use onCleanup in component setup");
+    }
+    current.onCleanups.push(cb);
+}
+class RaskComponent extends Component {
+    renderFn;
+    reactiveProps;
+    prevChildren;
+    observer = new Observer(() => {
+        this.forceUpdate();
+    });
+    contexts = new Map();
+    getChildContext() {
+        return {
+            getContext: (context) => {
+                return this.contexts.get(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) {
+            componentStack.unshift(this);
+            this.reactiveProps = createReactiveProps(this.props);
+            this.renderFn = this.props.__component(this.reactiveProps);
+            componentStack.shift();
+        }
+        const stopObserving = this.observer.observe();
+        let result = null;
+        try {
+            result = this.renderFn();
+        }
+        catch (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;EAYX"}

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,7 @@ 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;
-            }
-            throw new Error("Could not find context in parent components");
+            return currentComponent.context.getContext(context);
         },
     };
     return context;

package/dist/createState.js

@@ -27,13 +27,29 @@ export function createState(state) {
     return getProxy(state);
 }
 const proxyCache = new WeakMap();
+const PROXY_MARKER = Symbol('isProxy');
 function getProxy(value) {
+    // 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;
+            }
+            return Reflect.has(target, key);
+        },
         get(target, key) {
+            // Mark this as a proxy to prevent double-wrapping
+            if (key === PROXY_MARKER) {
+                return true;
+            }
             const value = Reflect.get(target, key);
             if (typeof key === "symbol" || typeof value === "function") {
                 return value;

package/dist/error.d.ts

@@ -1,5 +1,15 @@
-export declare function ErrorBoundary(props: {
-    error: (error: unknown) => ChildNode | ChildNode[];
+import { Component } from "inferno";
+export declare class ErrorBoundary extends Component<{
     children: any;
-}): () => any;
+}, {
+    hasError: boolean;
+}> {
+    getChildContext(): {
+        notifyError: (error: unknown) => void;
+    };
+    state: {
+        hasError: boolean;
+    };
+    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,MAAM,SAAS,CAAC;AAEpC,qBAAa,aAAc,SAAQ,SAAS,CAC1C;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,EACjB;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CACtB;IACC,eAAe;6BAEU,OAAO;;IAKhC,KAAK;;MAAuB;IAE5B,MAAM;CAOP"}

package/dist/error.js

@@ -1,20 +1,18 @@
-import { getCurrentComponent } from "./vdom/ComponentVNode";
-export function ErrorBoundary(props) {
-    const component = getCurrentComponent();
-    return () => {
-        if (component.error) {
-            return props.error(component.error);
+import { jsx as _jsx } from "./jsx-runtime";
+import { Component } from "inferno";
+export class ErrorBoundary extends Component {
+    getChildContext() {
+        return {
+            notifyError: (error) => {
+                this.setState({ hasError: true });
+            },
+        };
+    }
+    state = { hasError: false };
+    render() {
+        if (this.state.hasError) {
+            return _jsx("div", { style: "color: red", children: "Something went wrong." });
         }
-        // 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,5 +1,5 @@
-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";

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,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.js

@@ -1,5 +1,5 @@
-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";

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,5 +1,5 @@
 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 & {
     children?: 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":"AAGA,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,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;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/dist/vdom/AbstractVNode.d.ts

@@ -31,7 +31,7 @@ export declare abstract class AbstractVNode {
     patchChildren(newChildren: VNode[]): {
         children: VNode[];
         hasChangedStructure: boolean;
-        operations: PatchOperation[];
+        operations?: PatchOperation[];
     };
     applyPatchOperations(target: HTMLElement, operations: PatchOperation[]): void;
     /**

package/dist/vdom/AbstractVNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AbstractVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/AbstractVNode.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,MAAM,cAAc,GACtB;IACE,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;CACpB,GACD;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;IACtB,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;CACvB,GACD;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;CACpB,CAAC;AAEN,8BAAsB,aAAa;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC;IACnB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,EAAE;IAC7C,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,GAAG,IAAI;IACpC,QAAQ,CAAC,OAAO,IAAI,IAAI;IACxB,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI;IACtD,SAAS,CAAC,cAAc;IAOxB;;OAEG;IACH,WAAW,IAAI,IAAI,EAAE;IAmBrB,gBAAgB,IAAI,WAAW;IAiB/B,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,GAAG,OAAO;IAoB3D,aAAa,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG;QACnC,QAAQ,EAAE,KAAK,EAAE,CAAC;QAClB,mBAAmB,EAAE,OAAO,CAAC;QAC7B,UAAU,EAAE,cAAc,EAAE,CAAC;KAC9B;IAkJD,oBAAoB,CAAC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE;IAqCtE;;;;OAIG;IACH,SAAS,CAAC,eAAe;CA6B1B"}
+{"version":3,"file":"AbstractVNode.d.ts","sourceRoot":"","sources":["../../src/vdom/AbstractVNode.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,MAAM,cAAc,GACtB;IACE,IAAI,EAAE,KAAK,CAAC;IACZ,GAAG,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;CACpB,GACD;IACE,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;IACtB,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;CACvB,GACD;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,GAAG,EAAE,IAAI,GAAG,IAAI,EAAE,CAAC;CACpB,CAAC;AAEN,8BAAsB,aAAa;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC;IACnB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,EAAE;IAC7C,QAAQ,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,GAAG,IAAI;IACpC,QAAQ,CAAC,OAAO,IAAI,IAAI;IACxB,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,EAAE,GAAG,IAAI;IACtD,SAAS,CAAC,cAAc;IAOxB;;OAEG;IACH,WAAW,IAAI,IAAI,EAAE;IAmBrB,gBAAgB,IAAI,WAAW;IAiB/B,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,GAAG,OAAO;IAoB3D,aAAa,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG;QACnC,QAAQ,EAAE,KAAK,EAAE,CAAC;QAClB,mBAAmB,EAAE,OAAO,CAAC;QAC7B,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;KAC/B;IAqJD,oBAAoB,CAAC,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE;IAqCtE;;;;OAIG;IACH,SAAS,CAAC,eAAe;CA6B1B"}

package/dist/vdom/AbstractVNode.js

@@ -63,13 +63,15 @@ export class AbstractVNode {
     }
     patchChildren(newChildren) {
         const prevChildren = this.children;
+        if (newChildren.length === 0 && prevChildren.length === 0) {
+            return { children: [], hasChangedStructure: false };
+        }
         // When there are only new children, we just mount them
-        if (newChildren && prevChildren.length === 0) {
+        if (prevChildren.length === 0) {
             newChildren.forEach((child) => child.mount(this));
             return {
                 children: newChildren,
                 hasChangedStructure: true,
-                operations: [],
             };
         }
         // If we want to remove all children, we just unmount the previous ones

package/dist/vdom/ComponentVNode.js

@@ -100,11 +100,11 @@ export class ComponentVNode extends AbstractVNode {
                     this.children = children;
                     // So if a fragment is returned where we add new elements we can not safely
                     // add them yet, check Fragment for a potential later optimization
-                    const hasAddOperation = operations.some((operation) => operation.type === "add");
+                    const hasAddOperation = operations?.some((operation) => operation.type === "add");
                     if (hasChangedStructure || hasAddOperation) {
                         this.parent?.rerender();
                     }
-                    else if (operations.length) {
+                    else if (operations?.length) {
                         this.parent?.rerender(operations);
                     }
                     this.root?.clearCurrent();

package/dist/vdom/ElementVNode.js

@@ -100,7 +100,7 @@ export class ElementVNode extends AbstractVNode {
         if (hasChangedStructure) {
             this.syncDOMChildren();
         }
-        else {
+        else if (operations?.length) {
             this.applyPatchOperations(this.getHTMLElement(), operations);
         }
     }

package/dist/vdom/FragmentVNode.js

@@ -36,7 +36,7 @@ export class FragmentVNode extends AbstractVNode {
         // handled with some additional detection, changing it to insertBefore. This can be
         // done by passing this vnode up to the parent
         this.rerender(hasChangedStructure ||
-            operations.some((operation) => operation.type === "add")
+            operations?.some((operation) => operation.type === "add")
             ? undefined
             : operations);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rask-ui",
-  "version": "0.2.7",
+  "version": "0.3.0",
   "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"
   }
 }