rask-ui 0.4.1 → 0.4.2

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/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.2",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",