oxiui-lib 0.2.1 → 0.2.3

package/dist/core/elements/Animation.d.ts

@@ -1,6 +1,6 @@
 declare const Animation_base: {
     new (props?: import("../types/html.js").CommonProps | undefined): {
-        "__#private@#__states": Map<string | symbol, import("../signals.js").Signal<any>>;
+        "__#private@#__states": Map<string | symbol, import("../signals.js").Signal<unknown>>;
         type: "div";
         props: import("../types/html.js").CommonProps;
         up?: import("../types/component.js").IComponent<keyof import("../types/html.js").IntrinsicElements>;
@@ -13,11 +13,11 @@ declare const Animation_base: {
         withProps<T extends Partial<import("../types/html.js").CommonProps>>(newProps: T): /*elided*/ any;
         withStyle(style: Partial<CSSStyleDeclaration>): /*elided*/ any;
         withExtension(extension: (component: /*elided*/ any) => void): /*elided*/ any;
+        withState(): /*elided*/ any;
     };
 };
 export declare class Animation extends Animation_base {
     #private;
-    constructor();
     transition(sec: number, type: "ease" | "ease-in-out"): this;
     translate(direction: "vertical" | "horizontal" | "perpendicular", target: number): this;
     translateX(target: number): this;

package/dist/core/elements/Animation.js

@@ -7,10 +7,10 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
 var _Animation_instances, _Animation_transforms, _Animation_applyTransforms;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Animation = void 0;
-const AbaComponent_js_1 = require("./AbaComponent.js");
-class Animation extends (0, AbaComponent_js_1.intrinsic)("div") {
+const OxiComponent_js_1 = require("./OxiComponent.js");
+class Animation extends (0, OxiComponent_js_1.intrinsic)("div") {
     constructor() {
-        super();
+        super(...arguments);
         _Animation_instances.add(this);
         _Animation_transforms.set(this, new Map());
     }
@@ -77,7 +77,7 @@ _Animation_transforms = new WeakMap(), _Animation_instances = new WeakSet(), _An
         this.withStyle({ transform: undefined });
     }
     else {
-        const transformString = Array.from(__classPrivateFieldGet(this, _Animation_transforms, "f").values()).join(' ');
+        const transformString = Array.from(__classPrivateFieldGet(this, _Animation_transforms, "f").values()).join(" ");
         this.withStyle({ transform: transformString });
     }
 };

package/dist/core/elements/Button.d.ts

@@ -1,7 +1,7 @@
 import type { ButtonProps } from "../types/html.js";
 declare const Button_base: {
     new (props?: ButtonProps | undefined): {
-        "__#private@#__states": Map<string | symbol, import("../signals.js").Signal<any>>;
+        "__#private@#__states": Map<string | symbol, import("../signals.js").Signal<unknown>>;
         type: "button";
         props: ButtonProps;
         up?: import("../types/component.js").IComponent<keyof import("../types/html.js").IntrinsicElements>;
@@ -14,6 +14,7 @@ declare const Button_base: {
         withProps<T extends Partial<ButtonProps>>(newProps: T): /*elided*/ any;
         withStyle(style: Partial<CSSStyleDeclaration>): /*elided*/ any;
         withExtension(extension: (component: /*elided*/ any) => void): /*elided*/ any;
+        withState(): /*elided*/ any;
     };
 };
 export declare class Button extends Button_base {

package/dist/core/elements/Button.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
-const AbaComponent_js_1 = require("./AbaComponent.js");
-class Button extends (0, AbaComponent_js_1.intrinsic)("button") {
+const OxiComponent_js_1 = require("./OxiComponent.js");
+class Button extends (0, OxiComponent_js_1.intrinsic)("button") {
     constructor(text, props) {
         super();
         this.withProps({ content: text !== null && text !== void 0 ? text : props === null || props === void 0 ? void 0 : props.content });

package/dist/core/elements/InputText.d.ts

@@ -1,6 +1,6 @@
 declare const TextInput_base: {
     new (props?: import("../types/html.js").InputProps | undefined): {
-        "__#private@#__states": Map<string | symbol, import("../signals.js").Signal<any>>;
+        "__#private@#__states": Map<string | symbol, import("../signals.js").Signal<unknown>>;
         type: "input";
         props: import("../types/html.js").InputProps;
         up?: import("../types/component.js").IComponent<keyof import("../types/html.js").IntrinsicElements>;
@@ -13,10 +13,10 @@ declare const TextInput_base: {
         withProps<T extends Partial<import("../types/html.js").InputProps>>(newProps: T): /*elided*/ any;
         withStyle(style: Partial<CSSStyleDeclaration>): /*elided*/ any;
         withExtension(extension: (component: /*elided*/ any) => void): /*elided*/ any;
+        withState(): /*elided*/ any;
     };
 };
 export declare class TextInput extends TextInput_base {
-    constructor();
     value(value: string | number): this;
     placeholder(text: string): this;
     required(required?: boolean): this;

package/dist/core/elements/InputText.js

@@ -1,11 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextInput = void 0;
-const AbaComponent_js_1 = require("./AbaComponent.js");
-class TextInput extends (0, AbaComponent_js_1.intrinsic)("input") {
-    constructor() {
-        super();
-    }
+const OxiComponent_js_1 = require("./OxiComponent.js");
+class TextInput extends (0, OxiComponent_js_1.intrinsic)("input") {
     value(value) {
         this.props.value = value;
         return this;

package/dist/core/elements/OxiComponent.d.ts

@@ -0,0 +1,56 @@
+import { Signal } from "../signals.js";
+import type { IComponent, StyleProp } from "../types/component.js";
+import type { IntrinsicElements } from "../types/html.js";
+export declare class OxiComponent<K extends keyof IntrinsicElements> implements IComponent<K> {
+    #private;
+    type: K;
+    props: IntrinsicElements[K];
+    up?: IComponent<keyof IntrinsicElements>;
+    down: IComponent<keyof IntrinsicElements>[];
+    cursors: Set<string>;
+    index: string;
+    view?: (() => void) | undefined;
+    constructor(type: K, props?: IntrinsicElements[K]);
+    body(fn?: (component: this) => void): this;
+    onAppear(fn: (component: this) => void): this;
+    withProps<T extends Partial<IntrinsicElements[K]>>(newProps: T): this;
+    withStyle(style: StyleProp<IntrinsicElements[K]>): this;
+    withExtension(extension: (component: this) => void): this;
+    withState(): this;
+}
+export declare function intrinsic<K extends keyof IntrinsicElements>(type: K): {
+    new (props?: IntrinsicElements[K]): {
+        "__#private@#__states": Map<string | symbol, Signal<unknown>>;
+        type: K;
+        props: IntrinsicElements[K];
+        up?: IComponent<keyof IntrinsicElements>;
+        down: IComponent<keyof IntrinsicElements>[];
+        cursors: Set<string>;
+        index: string;
+        view?: (() => void) | undefined;
+        body(fn?: ((component: /*elided*/ any) => void) | undefined): /*elided*/ any;
+        onAppear(fn: (component: /*elided*/ any) => void): /*elided*/ any;
+        withProps<T extends Partial<IntrinsicElements[K]>>(newProps: T): /*elided*/ any;
+        withStyle(style: StyleProp<IntrinsicElements[K]>): /*elided*/ any;
+        withExtension(extension: (component: /*elided*/ any) => void): /*elided*/ any;
+        withState(): /*elided*/ any;
+    };
+};
+export declare function intrinsicState<K extends keyof IntrinsicElements>(type: K): {
+    new (props?: IntrinsicElements[K]): {
+        "__#private@#__states": Map<string | symbol, Signal<unknown>>;
+        type: K;
+        props: IntrinsicElements[K];
+        up?: IComponent<keyof IntrinsicElements>;
+        down: IComponent<keyof IntrinsicElements>[];
+        cursors: Set<string>;
+        index: string;
+        view?: (() => void) | undefined;
+        body(fn?: ((component: /*elided*/ any) => void) | undefined): /*elided*/ any;
+        onAppear(fn: (component: /*elided*/ any) => void): /*elided*/ any;
+        withProps<T extends Partial<IntrinsicElements[K]>>(newProps: T): /*elided*/ any;
+        withStyle(style: StyleProp<IntrinsicElements[K]>): /*elided*/ any;
+        withExtension(extension: (component: /*elided*/ any) => void): /*elided*/ any;
+        withState(): /*elided*/ any;
+    };
+};

package/dist/core/elements/OxiComponent.js

@@ -0,0 +1,126 @@
+"use strict";
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _OxiComponent___states;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OxiComponent = void 0;
+exports.intrinsic = intrinsic;
+exports.intrinsicState = intrinsicState;
+const scheduler_js_1 = require("../scheduler.js");
+const signals_js_1 = require("../signals.js");
+const tree_js_1 = require("../tree.js");
+class OxiComponent {
+    constructor(type, props) {
+        _OxiComponent___states.set(this, new Map());
+        this.down = [];
+        this.cursors = new Set();
+        const parent = (0, tree_js_1.current)();
+        this.type = type;
+        this.props = props !== null && props !== void 0 ? props : {};
+        this.up = parent;
+        const position = parent ? parent.down.length : 0;
+        this.index = parent ? `${parent.index}.${position}` : "0";
+        parent === null || parent === void 0 ? void 0 : parent.down.push(this);
+    }
+    body(fn) {
+        (0, tree_js_1.open)(this);
+        if (this.view) {
+            this.view();
+        }
+        else {
+            fn === null || fn === void 0 ? void 0 : fn(this);
+        }
+        (0, tree_js_1.close)();
+        return this;
+    }
+    onAppear(fn) {
+        (0, tree_js_1.open)(this);
+        (0, scheduler_js_1.scheduleEffect)(() => fn(this));
+        (0, tree_js_1.close)();
+        return this;
+    }
+    withProps(newProps) {
+        (0, tree_js_1.open)(this);
+        this.props = { ...this.props, ...newProps };
+        (0, tree_js_1.close)();
+        return this;
+    }
+    withStyle(style) {
+        (0, tree_js_1.open)(this);
+        const currentStyle = this.props.style;
+        if (typeof style === "object" && typeof currentStyle === "object") {
+            this.props = {
+                ...this.props,
+                style: { ...currentStyle, ...style },
+            };
+        }
+        else {
+            this.props = {
+                ...this.props,
+                style,
+            };
+        }
+        (0, tree_js_1.close)();
+        return this;
+    }
+    withExtension(extension) {
+        (0, tree_js_1.open)(this);
+        extension(this);
+        (0, tree_js_1.close)();
+        return this;
+    }
+    withState() {
+        return new Proxy(this, {
+            get(target, prop, receiver) {
+                if (typeof prop === "string" && prop.startsWith("$")) {
+                    let signal = __classPrivateFieldGet(target, _OxiComponent___states, "f").get(prop);
+                    if (!signal) {
+                        (0, tree_js_1.open)(target);
+                        signal = new signals_js_1.Signal(Reflect.get(target, prop, receiver));
+                        __classPrivateFieldGet(target, _OxiComponent___states, "f").set(prop, signal);
+                        (0, tree_js_1.close)();
+                    }
+                    return signal.value;
+                }
+                return Reflect.get(target, prop, receiver);
+            },
+            set(target, prop, value, receiver) {
+                if (typeof prop === "string" && prop.startsWith("$")) {
+                    let signal = __classPrivateFieldGet(target, _OxiComponent___states, "f").get(prop);
+                    (0, tree_js_1.open)(target);
+                    if (!signal) {
+                        signal = new signals_js_1.Signal(value);
+                        __classPrivateFieldGet(target, _OxiComponent___states, "f").set(prop, signal);
+                    }
+                    else {
+                        signal.value = value;
+                    }
+                    (0, tree_js_1.close)();
+                    return true;
+                }
+                return Reflect.set(target, prop, value, receiver);
+            },
+        });
+    }
+}
+exports.OxiComponent = OxiComponent;
+_OxiComponent___states = new WeakMap();
+function intrinsic(type) {
+    return class extends OxiComponent {
+        constructor(props) {
+            super(type, props);
+        }
+    };
+}
+function intrinsicState(type) {
+    return class extends OxiComponent {
+        constructor(props) {
+            super(type, props);
+            // biome-ignore lint: correctness/noConstructorReturn
+            return this.withState();
+        }
+    };
+}

package/dist/core/elements/OxiStateFull.d.ts

@@ -0,0 +1,21 @@
+declare const DivContainer_base: {
+    new (props?: import("../types/html.js").CommonProps | undefined): {
+        "__#private@#__states": Map<string | symbol, import("../signals.js").Signal<unknown>>;
+        type: "div";
+        props: import("../types/html.js").CommonProps;
+        up?: import("../types/component.js").IComponent<keyof import("../types/html.js").IntrinsicElements>;
+        down: import("../types/component.js").IComponent<keyof import("../types/html.js").IntrinsicElements>[];
+        cursors: Set<string>;
+        index: string;
+        view?: (() => void) | undefined;
+        body(fn?: ((component: /*elided*/ any) => void) | undefined): /*elided*/ any;
+        onAppear(fn: (component: /*elided*/ any) => void): /*elided*/ any;
+        withProps<T extends Partial<import("../types/html.js").CommonProps>>(newProps: T): /*elided*/ any;
+        withStyle(style: Partial<CSSStyleDeclaration>): /*elided*/ any;
+        withExtension(extension: (component: /*elided*/ any) => void): /*elided*/ any;
+        withState(): /*elided*/ any;
+    };
+};
+export declare class DivContainer extends DivContainer_base {
+}
+export {};

package/dist/core/elements/OxiStateFull.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DivContainer = void 0;
+const OxiComponent_js_1 = require("./OxiComponent.js");
+class DivContainer extends (0, OxiComponent_js_1.intrinsic)("div") {
+}
+exports.DivContainer = DivContainer;

package/dist/core/elements/Stack.d.ts

@@ -1,6 +1,6 @@
 declare const Stack_base: {
     new (props?: import("../types/html.js").CommonProps | undefined): {
-        "__#private@#__states": Map<string | symbol, import("../signals.js").Signal<any>>;
+        "__#private@#__states": Map<string | symbol, import("../signals.js").Signal<unknown>>;
         type: "div";
         props: import("../types/html.js").CommonProps;
         up?: import("../types/component.js").IComponent<keyof import("../types/html.js").IntrinsicElements>;
@@ -13,6 +13,7 @@ declare const Stack_base: {
         withProps<T extends Partial<import("../types/html.js").CommonProps>>(newProps: T): /*elided*/ any;
         withStyle(style: Partial<CSSStyleDeclaration>): /*elided*/ any;
         withExtension(extension: (component: /*elided*/ any) => void): /*elided*/ any;
+        withState(): /*elided*/ any;
     };
 };
 export declare class Stack extends Stack_base {

package/dist/core/elements/Stack.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Stack = void 0;
-const AbaComponent_js_1 = require("./AbaComponent.js");
-class Stack extends (0, AbaComponent_js_1.intrinsic)("div") {
+const OxiComponent_js_1 = require("./OxiComponent.js");
+class Stack extends (0, OxiComponent_js_1.intrinsic)("div") {
     constructor() {
         super();
         this.withStyle({

package/dist/core/elements/Text.d.ts

@@ -4,7 +4,7 @@ declare const Text_base: {
         type: keyof SemanticText;
         props: import("../types/html.js").CommonProps;
     } | undefined): {
-        "__#private@#__states": Map<string | symbol, import("../signals.js").Signal<any>>;
+        "__#private@#__states": Map<string | symbol, import("../signals.js").Signal<unknown>>;
         type: "semanticText";
         props: {
             type: keyof SemanticText;
@@ -23,6 +23,7 @@ declare const Text_base: {
         }>>(newProps: T): /*elided*/ any;
         withStyle(style: string | Partial<CSSStyleDeclaration>): /*elided*/ any;
         withExtension(extension: (component: /*elided*/ any) => void): /*elided*/ any;
+        withState(): /*elided*/ any;
     };
 };
 export declare class Text extends Text_base {

package/dist/core/elements/Text.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Text = void 0;
-const AbaComponent_js_1 = require("./AbaComponent.js");
-class Text extends (0, AbaComponent_js_1.intrinsic)("semanticText") {
+const OxiComponent_js_1 = require("./OxiComponent.js");
+class Text extends (0, OxiComponent_js_1.intrinsic)("semanticText") {
     constructor(text) {
         super();
         this.props = {
             type: "span",
             props: {
-                content: text
-            }
+                content: text,
+            },
         };
     }
     withStyle(style) {

package/dist/core/elements/index.d.ts

@@ -1,10 +1,10 @@
-export * from "./AbaComponent.js";
-export * from "./AbaStateFull.js";
 export * from "./Animation.js";
 export * from "./Button.js";
 export * from "./HRow.js";
-export * from "./VRow.js";
 export * from "./InputText.js";
+export * from "./OxiComponent.js";
+export * from "./OxiStateFull.js";
 export * from "./Stack.js";
 export * from "./Text.js";
 export * from "./ui.js";
+export * from "./VRow.js";

package/dist/core/elements/index.js

@@ -14,13 +14,13 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./AbaComponent.js"), exports);
-__exportStar(require("./AbaStateFull.js"), exports);
 __exportStar(require("./Animation.js"), exports);
 __exportStar(require("./Button.js"), exports);
 __exportStar(require("./HRow.js"), exports);
-__exportStar(require("./VRow.js"), exports);
 __exportStar(require("./InputText.js"), exports);
+__exportStar(require("./OxiComponent.js"), exports);
+__exportStar(require("./OxiStateFull.js"), exports);
 __exportStar(require("./Stack.js"), exports);
 __exportStar(require("./Text.js"), exports);
 __exportStar(require("./ui.js"), exports);
+__exportStar(require("./VRow.js"), exports);

package/dist/core/renderers/html.d.ts

@@ -1,5 +1,5 @@
 import type { IComponent } from "../types/component.js";
-import { type IntrinsicElements } from "../types/html.js";
+import type { IntrinsicElements } from "../types/html.js";
 export declare class HTMLRenderer {
     private rootBody;
     private oldRoot?;

package/dist/core/renderers/html.js

@@ -24,8 +24,7 @@ class HTMLRenderer {
                 this.replaceNode(index, newNode);
                 this.oldRoot = this.cloneTree(tree);
                 this.nodeMap.forEach((e, k) => {
-                    // clean map
-                    if (!this.findByIndex(this.oldRoot, k)) {
+                    if (!this.oldRoot || !this.findByIndex(this.oldRoot, k)) {
                         this.nodeMap.delete(k);
                     }
                 });
@@ -89,7 +88,7 @@ class HTMLRenderer {
         };
     }
     renderNode(node) {
-        if (node.type === 'semanticText')
+        if (node.type === "semanticText")
             return this.renderTextNode(node);
         const element = document.createElement(node.type);
         element.setAttribute("id", node.index);
@@ -119,9 +118,9 @@ class HTMLRenderer {
         this.rootBody.replaceChildren(fragment);
     }
     replaceNode(index, node) {
-        if (index === '0')
+        if (index === "0")
             this.replaceRoot(node);
-        const oldNode = this.findByIndex(this.oldRoot, index);
+        const oldNode = this.oldRoot && this.findByIndex(this.oldRoot, index);
         if (!oldNode)
             return;
         const domNode = this.nodeMap.get(oldNode.index);
@@ -154,9 +153,7 @@ class HTMLRenderer {
     applyCommonProps(element, props) {
         var _a, _b, _c, _d, _e, _f;
         if (props.content !== undefined) {
-            const value = typeof props.content === "function"
-                ? props.content()
-                : props.content;
+            const value = typeof props.content === "function" ? props.content() : props.content;
             element.textContent = String(value);
         }
         this.applyStyle(element, props.style);

package/dist/core/renderers/index.d.ts

@@ -0,0 +1 @@
+export * from "./html";

package/dist/core/renderers/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./html"), exports);

package/dist/core/scheduler.d.ts

@@ -1,4 +1,4 @@
-import type { DivContainer } from "./elements/AbaStateFull";
+import type { DivContainer } from "./elements";
 import type { IComponent } from "./types/component";
 import type { IntrinsicElements } from "./types/html";
 type RenderCallback = (stateId: string, readers: Set<string>, root: IComponent<keyof IntrinsicElements>) => void;

package/dist/core/scheduler.js

@@ -50,7 +50,9 @@ function performRender(stateId, readers) {
     (0, renderer_1.resetCursor)();
     app.body();
     renderCallback(stateId, readers, app);
-    postRenderQueue.forEach((fn) => fn());
+    postRenderQueue.forEach((fn) => {
+        fn();
+    });
     postRenderQueue.length = 0;
     clearCursors(app);
 }
@@ -86,7 +88,9 @@ function startImmediateMode() {
         (0, renderer_1.resetCursor)();
         app.body();
         renderCallback === null || renderCallback === void 0 ? void 0 : renderCallback("", new Set(), app);
-        postRenderQueue.forEach((fn) => fn());
+        postRenderQueue.forEach((fn) => {
+            fn();
+        });
         postRenderQueue.length = 0;
         clearCursors(app);
         frameId = requestAnimationFrame(loop);

package/dist/core/types/html.js

@@ -17,9 +17,7 @@ function isCommonProps(props) {
         return false;
     if ("content" in props) {
         const c = props.content;
-        const valid = typeof c === "string" ||
-            typeof c === "number" ||
-            typeof c === "function";
+        const valid = typeof c === "string" || typeof c === "number" || typeof c === "function";
         if (!valid)
             return false;
     }

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./core/elements";
+export * from "./core/renderers";
 export * from "./core/scheduler";
 export * from "./core/signals";

package/dist/index.js

@@ -15,5 +15,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./core/elements"), exports);
+__exportStar(require("./core/renderers"), exports);
 __exportStar(require("./core/scheduler"), exports);
 __exportStar(require("./core/signals"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "oxiui-lib",
-	"version": "0.2.1",
+	"version": "0.2.3",
 	"module": "src/index.ts",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",

package/src/core/scheduler.ts

@@ -1,4 +1,4 @@
-import type { DivContainer } from "./elements/AbaStateFull";
+import type { DivContainer } from "./elements";
 import { resetCursor } from "./renderer";
 import type { IComponent } from "./types/component";
 import type { IntrinsicElements } from "./types/html";
@@ -64,7 +64,9 @@ function performRender(stateId: string, readers: Set<string>) {
 	resetCursor();
 	app.body();
 	renderCallback(stateId, readers, app as IComponent<keyof IntrinsicElements>);
-	postRenderQueue.forEach((fn) => fn());
+	postRenderQueue.forEach((fn) => {
+		fn();
+	});
 	postRenderQueue.length = 0;
 	clearCursors(app as IComponent<keyof IntrinsicElements>);
 }
@@ -105,7 +107,9 @@ export function startImmediateMode() {
 		resetCursor();
 		app.body();
 		renderCallback?.("", new Set(), app as IComponent<keyof IntrinsicElements>);
-		postRenderQueue.forEach((fn) => fn());
+		postRenderQueue.forEach((fn) => {
+			fn();
+		});
 		postRenderQueue.length = 0;
 		clearCursors(app as IComponent<keyof IntrinsicElements>);
 		frameId = requestAnimationFrame(loop);