rask-ui 0.4.1 → 0.4.3

package/dist/batch.d.ts

@@ -3,5 +3,4 @@ export type QueuedCallback = (() => void) & {
 };
 export declare function queue(cb: QueuedCallback): void;
 export declare function syncBatch(cb: () => void): void;
-export declare function installEventBatching(target?: EventTarget): void;
 //# sourceMappingURL=batch.d.ts.map

package/dist/batch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"batch.d.ts","sourceRoot":"","sources":["../src/batch.ts"],"names":[],"mappings":"AAyBA,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC;AAwClE,wBAAgB,KAAK,CAAC,EAAE,EAAE,cAAc,QAYvC;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI,QAavC;AAED,wBAAgB,oBAAoB,CAAC,MAAM,GAAE,WAAsB,QA4BlE"}
+{"version":3,"file":"batch.d.ts","sourceRoot":"","sources":["../src/batch.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,CAAC;AAgElE,wBAAgB,KAAK,CAAC,EAAE,EAAE,cAAc,QAevC;AAED,wBAAgB,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI,QAgBvC"}

package/dist/batch.js

@@ -1,30 +1,11 @@
-const INTERACTIVE_EVENTS = [
-    // DISCRETE
-    "beforeinput",
-    "input",
-    "change",
-    "compositionend",
-    "keydown",
-    "keyup",
-    "click",
-    "contextmenu",
-    "submit",
-    "reset",
-    // GESTURE START
-    "pointerdown",
-    "mousedown",
-    "touchstart",
-    // GESTURE END
-    "pointerup",
-    "mouseup",
-    "touchend",
-    "touchcancel",
-];
 const asyncQueue = [];
 const syncQueue = [];
 let inInteractive = 0;
 let asyncScheduled = false;
 let inSyncBatch = 0;
+// New: guards against re-entrant flushing
+let inAsyncFlush = false;
+let inSyncFlush = false;
 function scheduleAsyncFlush() {
     if (asyncScheduled)
         return;
@@ -32,29 +13,53 @@ function scheduleAsyncFlush() {
     queueMicrotask(flushAsyncQueue);
 }
 function flushAsyncQueue() {
-    asyncScheduled = false;
-    if (!asyncQueue.length)
+    if (inAsyncFlush)
         return;
-    for (let i = 0; i < asyncQueue.length; i++) {
-        const cb = asyncQueue[i];
-        asyncQueue[i] = undefined;
-        cb();
-        cb.__queued = false;
+    inAsyncFlush = true;
+    asyncScheduled = false;
+    try {
+        if (!asyncQueue.length)
+            return;
+        // Note: we intentionally DO NOT snapshot.
+        // If callbacks queue more async work, it gets picked up
+        // in this same loop because length grows.
+        for (let i = 0; i < asyncQueue.length; i++) {
+            const cb = asyncQueue[i];
+            asyncQueue[i] = undefined;
+            cb();
+            cb.__queued = false;
+        }
+        asyncQueue.length = 0;
+    }
+    finally {
+        inAsyncFlush = false;
     }
-    asyncQueue.length = 0;
 }
 function flushSyncQueue() {
-    if (!syncQueue.length)
+    if (inSyncFlush)
         return;
-    for (let i = 0; i < syncQueue.length; i++) {
-        const cb = syncQueue[i];
-        syncQueue[i] = undefined;
-        cb();
-        cb.__queued = false;
+    inSyncFlush = true;
+    try {
+        if (!syncQueue.length)
+            return;
+        // Same pattern as async: no snapshot, just iterate.
+        // New callbacks queued via syncBatch inside this flush
+        // will be pushed to syncQueue and picked up by this loop.
+        for (let i = 0; i < syncQueue.length; i++) {
+            const cb = syncQueue[i];
+            syncQueue[i] = undefined;
+            cb();
+            cb.__queued = false;
+        }
+        syncQueue.length = 0;
+    }
+    finally {
+        inSyncFlush = false;
     }
-    syncQueue.length = 0;
 }
 export function queue(cb) {
+    // Optional: uncomment this if you want deduping:
+    // if (cb.__queued) return;
     cb.__queued = true;
     if (inSyncBatch) {
         syncQueue.push(cb);
@@ -69,39 +74,16 @@ export function syncBatch(cb) {
     inSyncBatch++;
     try {
         cb();
-        // Only flush on successful completion
-        inSyncBatch--;
-        if (!inSyncBatch) {
-            flushSyncQueue();
-        }
     }
     catch (e) {
         inSyncBatch--;
-        throw e; // Re-throw without flushing
+        throw e; // no flush on error
+    }
+    inSyncBatch--;
+    if (!inSyncBatch) {
+        // Only the outermost syncBatch triggers a flush.
+        // If this happens *inside* an ongoing flushSyncQueue,
+        // inSyncFlush will be true and flushSyncQueue will no-op.
+        flushSyncQueue();
     }
-}
-export function installEventBatching(target = document) {
-    const captureOptions = {
-        capture: true,
-        passive: true,
-    };
-    const bubbleOptions = { passive: true };
-    const onCapture = () => {
-        inInteractive++;
-        scheduleAsyncFlush(); // backup in case of stopPropagation
-    };
-    const onBubble = () => {
-        if (--inInteractive === 0 && asyncQueue.length) {
-            // Flush inline once outermost interactive event finishes
-            flushAsyncQueue();
-        }
-    };
-    INTERACTIVE_EVENTS.forEach((type) => {
-        target.addEventListener(type, onCapture, captureOptions);
-    });
-    queueMicrotask(() => {
-        INTERACTIVE_EVENTS.forEach((type) => {
-            target.addEventListener(type, onBubble, bubbleOptions);
-        });
-    });
 }

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { render as infernoRender } from "inferno";
+export { render } from "./render";
 export { onCleanup, onMount } from "./component";
 export { createContext } from "./createContext";
 export { createState } from "./createState";
@@ -10,5 +10,5 @@ export { createRef } from "inferno";
 export { createView } from "./createView";
 export { createEffect } from "./createEffect";
 export { createComputed } from "./createComputed";
-export declare function render(...params: Parameters<typeof infernoRender>): void;
+export { syncBatch } from "./batch";
 //# 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,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;AAElD,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;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,wBAAgB,MAAM,CAAC,GAAG,MAAM,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,QAMjE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,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;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -1,5 +1,4 @@
-import { render as infernoRender } from "inferno";
-import { installEventBatching } from "./batch";
+export { render } from "./render";
 export { onCleanup, onMount } from "./component";
 export { createContext } from "./createContext";
 export { createState } from "./createState";
@@ -11,10 +10,4 @@ export { createRef } from "inferno";
 export { createView } from "./createView";
 export { createEffect } from "./createEffect";
 export { createComputed } from "./createComputed";
-export function render(...params) {
-    if (!params[1]) {
-        throw new Error("You need a target container");
-    }
-    installEventBatching(params[1]);
-    return infernoRender(...params);
-}
+export { syncBatch } from "./batch";

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

@@ -1,5 +1,4 @@
-export { jsx, jsxs } from "./jsx-runtime";
+export { jsx, jsxs, Fragment } from "./jsx-runtime";
 export type { JSX } from "./jsx-runtime";
-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":"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"}
+{"version":3,"file":"jsx-dev-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-dev-runtime.ts"],"names":[],"mappings":"AAEA,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,eAAe,CAAC"}

package/dist/jsx-dev-runtime.js

@@ -1,6 +1,5 @@
 // JSX dev runtime - adds jsxDEV for development mode
-export { jsx, jsxs } from "./jsx-runtime";
-export { Fragment } from "inferno";
+export { jsx, jsxs, Fragment } from "./jsx-runtime";
 // 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 "./jsx-runtime";

package/dist/jsx-runtime.d.ts

@@ -1,6 +1,6 @@
-import { Component } from "inferno";
+import { Component, Fragment } from "inferno";
 import type { JSXInternal } from "./jsx";
-export { Fragment } from "inferno";
+export { Fragment };
 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) | (new () => Component), 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,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;AAsBP,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,EACL,SAAS,EAIT,QAAQ,EACT,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,QAAQ,EAAE,CAAC;AAqBpB,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;AAkJP,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,17 +1,147 @@
 // JSX runtime implementation
-import { createComponentVNode } from "inferno";
-import { createElement } from "inferno-create-element";
+import { createComponentVNode, createVNode, createFragment, Fragment, } from "inferno";
 import { createComponent } from "./component";
 import { ErrorBoundary } from "./error";
-export { Fragment } from "inferno";
-export function jsx(type, { children, ...props }, key) {
+export { Fragment };
+// Cache for detecting SVG elements
+const svgElements = new Set([
+    "svg",
+    "path",
+    "circle",
+    "rect",
+    "line",
+    "ellipse",
+    "polygon",
+    "polyline",
+    "g",
+    "text",
+    "tspan",
+    "defs",
+    "use",
+    "clipPath",
+    "mask",
+]);
+export function jsx(type, props, key) {
+    // Handle Fragment specially
+    if (type === Fragment) {
+        const children = props?.children;
+        const propsKey = props?.key !== undefined ? props.key : key;
+        // Determine ChildFlags for Fragment children
+        let childFlags = 1 /* ChildFlags.HasInvalidChildren */;
+        if (children !== undefined && children !== null) {
+            if (Array.isArray(children)) {
+                if (children.length === 0) {
+                    childFlags = 1 /* ChildFlags.HasInvalidChildren */;
+                }
+                else {
+                    // Check if array contains any primitives
+                    let hasOnlyVNodes = true;
+                    for (let i = 0; i < children.length; i++) {
+                        const child = children[i];
+                        if (child == null ||
+                            typeof child === "string" ||
+                            typeof child === "number" ||
+                            typeof child === "boolean") {
+                            hasOnlyVNodes = false;
+                            break;
+                        }
+                    }
+                    childFlags = hasOnlyVNodes
+                        ? 4 /* ChildFlags.HasNonKeyedChildren */
+                        : 0 /* ChildFlags.UnknownChildren */;
+                }
+            }
+            else {
+                childFlags = 2 /* ChildFlags.HasVNodeChildren */;
+            }
+        }
+        return createFragment(children, childFlags, propsKey);
+    }
     if (typeof type === "string") {
-        return createElement(type, { ...props, key }, ...(Array.isArray(children) ? children : [children]));
+        const children = props.children;
+        const propsKey = props.key !== undefined ? props.key : key;
+        // Avoid creating new objects - extract only what we need
+        let cleanProps = null;
+        let className = null;
+        let ref = null;
+        if (props) {
+            // Fast path: check if we have any props besides children/key
+            const propKeys = Object.keys(props);
+            if (propKeys.length > 0) {
+                for (let i = 0; i < propKeys.length; i++) {
+                    const propKey = propKeys[i];
+                    if (propKey === "children" || propKey === "key") {
+                        continue;
+                    }
+                    if (propKey === "className" || propKey === "class") {
+                        className = props[propKey];
+                    }
+                    else if (propKey === "ref") {
+                        ref = props[propKey];
+                    }
+                    else {
+                        if (!cleanProps)
+                            cleanProps = {};
+                        cleanProps[propKey] = props[propKey];
+                    }
+                }
+            }
+        }
+        // Determine VNodeFlags based on element type
+        const flags = svgElements.has(type)
+            ? 32 /* VNodeFlags.SvgElement */
+            : 1 /* VNodeFlags.HtmlElement */;
+        // Determine ChildFlags for optimization
+        let childFlags = 1 /* ChildFlags.HasInvalidChildren */;
+        if (children !== undefined && children !== null) {
+            if (Array.isArray(children)) {
+                if (children.length === 0) {
+                    childFlags = 1 /* ChildFlags.HasInvalidChildren */;
+                }
+                else {
+                    // Check if array contains any primitives that need normalization
+                    let hasOnlyVNodes = true;
+                    for (let i = 0; i < children.length; i++) {
+                        const child = children[i];
+                        if (child == null ||
+                            typeof child === "string" ||
+                            typeof child === "number" ||
+                            typeof child === "boolean") {
+                            hasOnlyVNodes = false;
+                            break;
+                        }
+                    }
+                    // If array contains primitives, use UnknownChildren to let Inferno normalize
+                    childFlags = hasOnlyVNodes
+                        ? 4 /* ChildFlags.HasNonKeyedChildren */
+                        : 0 /* ChildFlags.UnknownChildren */;
+                }
+            }
+            else if (typeof children === "string" || typeof children === "number") {
+                childFlags = 16 /* ChildFlags.HasTextChildren */;
+            }
+            else {
+                childFlags = 2 /* ChildFlags.HasVNodeChildren */;
+            }
+        }
+        // Use createVNode directly - much faster than createElement
+        return createVNode(flags, type, className, children, childFlags, cleanProps, propsKey, ref);
     }
     if (type === ErrorBoundary) {
-        return createComponentVNode(14 /* VNodeFlags.Component */, ErrorBoundary, { ...props, children }, key);
+        return createComponentVNode(14 /* VNodeFlags.Component */, ErrorBoundary, props, key);
+    }
+    // For custom components, add __component to existing props object
+    // Only create new object if we need to add __component
+    if (props && props.__component === type) {
+        return createComponent(props, key);
+    }
+    const componentProps = { __component: type };
+    if (props) {
+        for (const k in props) {
+            componentProps[k] = props[k];
+        }
     }
-    return createComponent({ ...props, children, __component: type }, key);
+    return createComponent(componentProps, key);
 }
 export function jsxs(type, props, key) {
     return jsx(type, props, key);

package/dist/patchInferno.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Temporarily patches document.addEventListener during render to capture
+ * and wrap Inferno's delegated event listeners with syncBatch
+ */
+export declare function patchInfernoEventHandling(renderFn: () => void): void;
+//# sourceMappingURL=patchInferno.d.ts.map

package/dist/patchInferno.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"patchInferno.d.ts","sourceRoot":"","sources":["../src/patchInferno.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,MAAM,IAAI,QA0D7D"}

package/dist/patchInferno.js

@@ -0,0 +1,53 @@
+import { syncBatch } from "./batch";
+/**
+ * Temporarily patches document.addEventListener during render to capture
+ * and wrap Inferno's delegated event listeners with syncBatch
+ */
+export function patchInfernoEventHandling(renderFn) {
+    const originalAddEventListener = document.addEventListener.bind(document);
+    const patchedEvents = new Set();
+    // Inferno's delegated events
+    const INFERNO_EVENTS = [
+        "click",
+        "dblclick",
+        "focusin",
+        "focusout",
+        "keydown",
+        "keypress",
+        "keyup",
+        "mousedown",
+        "mousemove",
+        "mouseup",
+        "touchend",
+        "touchmove",
+        "touchstart",
+        "change",
+        "input",
+        "submit",
+    ];
+    // Temporarily replace addEventListener
+    document.addEventListener = function (type, listener, options) {
+        // Only wrap Inferno's delegated event listeners
+        if (INFERNO_EVENTS.includes(type) &&
+            typeof listener === "function" &&
+            !patchedEvents.has(type)) {
+            patchedEvents.add(type);
+            const wrappedListener = function (event) {
+                syncBatch(() => {
+                    listener.call(this, event);
+                });
+            };
+            return originalAddEventListener(type, wrappedListener, options);
+        }
+        // @ts-ignore
+        return originalAddEventListener(type, listener, options);
+    };
+    try {
+        // Call render - Inferno will synchronously attach its listeners
+        renderFn();
+    }
+    finally {
+        // Restore original addEventListener
+        document.addEventListener = originalAddEventListener;
+    }
+}

package/dist/render.d.ts

@@ -0,0 +1,8 @@
+import { render as infernoRender } from "inferno";
+/**
+ * Renders a component with automatic event batching.
+ * Temporarily patches document.addEventListener to wrap
+ * Inferno's delegated event listeners with syncBatch.
+ */
+export declare function render(...params: Parameters<typeof infernoRender>): void;
+//# sourceMappingURL=render.d.ts.map

package/dist/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC;AAGlD;;;;GAIG;AACH,wBAAgB,MAAM,CAAC,GAAG,MAAM,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,QAkEjE"}

package/dist/render.js

@@ -0,0 +1,62 @@
+import { render as infernoRender } from "inferno";
+import { syncBatch } from "./batch";
+/**
+ * Renders a component with automatic event batching.
+ * Temporarily patches document.addEventListener to wrap
+ * Inferno's delegated event listeners with syncBatch.
+ */
+export function render(...params) {
+    if (!params[1]) {
+        throw new Error("You need a target container");
+    }
+    /**
+     * Temporarily patches document.addEventListener during render to capture
+     * and wrap Inferno's delegated event listeners with syncBatch
+     */
+    const originalAddEventListener = document.addEventListener.bind(document);
+    const patchedEvents = new Set();
+    // Inferno's delegated events
+    const INFERNO_EVENTS = [
+        "click",
+        "dblclick",
+        "focusin",
+        "focusout",
+        "keydown",
+        "keypress",
+        "keyup",
+        "mousedown",
+        "mousemove",
+        "mouseup",
+        "touchend",
+        "touchmove",
+        "touchstart",
+        "change",
+        "input",
+        "submit",
+    ];
+    // Temporarily replace addEventListener
+    document.addEventListener = function (type, listener, options) {
+        // Only wrap Inferno's delegated event listeners
+        if (INFERNO_EVENTS.includes(type) &&
+            typeof listener === "function" &&
+            !patchedEvents.has(type)) {
+            patchedEvents.add(type);
+            const wrappedListener = function (event) {
+                syncBatch(() => {
+                    listener.call(this, event);
+                });
+            };
+            return originalAddEventListener(type, wrappedListener, options);
+        }
+        // @ts-ignore
+        return originalAddEventListener(type, listener, options);
+    };
+    try {
+        // Call render - Inferno will synchronously attach its listeners
+        return infernoRender(...params);
+    }
+    finally {
+        // Restore original addEventListener
+        document.addEventListener = originalAddEventListener;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rask-ui",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -38,7 +38,6 @@
   },
   "dependencies": {
     "inferno": "^9.0.4",
-    "inferno-create-element": "^9.0.4",
     "inferno-vnode-flags": "^9.0.4"
   }
 }