rask-ui 0.24.1 → 0.24.3

package/dist/test.js

@@ -0,0 +1,24 @@
+import { init, classModule, propsModule, styleModule, eventListenersModule, h, } from "snabbdom";
+const patch = init([
+    // Init patch function with chosen modules
+    classModule, // makes it easy to toggle classes
+    propsModule, // for setting properties on DOM elements
+    styleModule, // handles styling on elements with support for animations
+    eventListenersModule, // attaches event listeners
+]);
+export function test(container) {
+    const vnode = h("div#container.two.classes", { on: { click: () => console.log("div clicked") } }, [
+        h("span", { style: { fontWeight: "bold" } }, "This is bold"),
+        " and this is just normal text",
+        h("a", { props: { href: "/foo" } }, "I'll take you places!"),
+    ]);
+    // Patch into empty DOM element – this modifies the DOM as a side effect
+    patch(container, vnode);
+    const newVnode = h("div#container.two.classes", { on: { click: () => console.log("updated div clicked") } }, [
+        h("span", { style: { fontWeight: "normal", fontStyle: "italic" } }, "This is now italic type"),
+        " and this is still just normal text",
+        h("a", { props: { href: "/bar" } }, "I'll take you places!"),
+    ]);
+    // Second `patch` invocation
+    patch(vnode, newVnode); // Snabbdom efficiently updates the old view to the new state
+}

package/dist/transformer.d.ts

@@ -0,0 +1,4 @@
+export { createVNode, createFragment, createTextVNode, normalizeProps, Component, } from "inferno";
+import { VNode } from "inferno";
+export declare function createComponentVNode(_: any, component: any, props: any | undefined, key: any, ref: any): VNode;
+//# sourceMappingURL=transformer.d.ts.map

package/dist/transformer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformer.d.ts","sourceRoot":"","sources":["../src/transformer.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,cAAc,EACd,eAAe,EACf,cAAc,EACd,SAAS,GACV,MAAM,SAAS,CAAC;AAEjB,OAAO,EAGL,KAAK,EACN,MAAM,SAAS,CAAC;AAIjB,wBAAgB,oBAAoB,CAClC,CAAC,EAAE,GAAG,EACN,SAAS,EAAE,GAAG,EACd,KAAK,EAAE,GAAG,YAAK,EACf,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,GACP,KAAK,CASP"}

package/dist/transformer.js

@@ -0,0 +1,7 @@
+export { createVNode, createFragment, createTextVNode, normalizeProps, Component, } from "inferno";
+import { createComponentVNode as infernoCreateComponentVnode, } from "inferno";
+import { RaskComponent } from "./component";
+export function createComponentVNode(_, component, props = {}, key, ref) {
+    props.__component = component;
+    return infernoCreateComponentVnode(4 /* VNodeFlags.ComponentClass */, RaskComponent, props, key, ref);
+}

package/dist/useCatchError.d.ts

@@ -1,5 +1,5 @@
 export declare const CatchErrorContext: {
-    use(): any;
+    use(): (error: unknown) => unknown;
     inject(state: {
         error: unknown;
     }): (error: unknown) => unknown;

package/dist/useCatchError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCatchError.d.ts","sourceRoot":"","sources":["../src/useCatchError.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB;;;eAAkC,OAAO;gBACtD,OAAO;CACtB,CAAC;AAEH,wBAAgB,aAAa;WAMK,OAAO;EAOxC"}
+{"version":3,"file":"useCatchError.d.ts","sourceRoot":"","sources":["../src/useCatchError.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB;mBACb,OAAO;;eADwC,OAAO;gBACtD,OAAO;CACtB,CAAC;AAEH,wBAAgB,aAAa;WAMK,OAAO;EAOxC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rask-ui",
-  "version": "0.24.1",
+  "version": "0.24.3",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -21,9 +21,9 @@
       "types": "./dist/plugin.d.ts",
       "import": "./dist/plugin.js"
     },
-    "./compiler": {
-      "types": "./dist/compiler.d.ts",
-      "import": "./dist/compiler.js"
+    "./transformer": {
+      "types": "./dist/transformer.d.ts",
+      "import": "./dist/transformer.js"
     }
   },
   "files": [

package/dist/createComputed.d.ts

@@ -1,4 +0,0 @@
-export declare function createComputed<T extends Record<string, () => any>>(computed: T): {
-    [K in keyof T]: ReturnType<T[K]>;
-};
-//# sourceMappingURL=createComputed.d.ts.map

package/dist/createComputed.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createComputed.d.ts","sourceRoot":"","sources":["../src/createComputed.ts"],"names":[],"mappings":"AAIA,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,EAChE,QAAQ,EAAE,CAAC,GACV;KACA,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACjC,CA0EA"}

package/dist/createComputed.js

@@ -1,69 +0,0 @@
-import { getCurrentComponent, createCleanup } from "./component";
-import { INSPECT_MARKER, INSPECTOR_ENABLED } from "./inspect";
-import { getCurrentObserver, Observer, Signal } from "./observation";
-export function createComputed(computed) {
-    const currentComponent = getCurrentComponent();
-    const proxy = {};
-    let notifyInspectorRef = {};
-    for (const prop in computed) {
-        let isDirty = true;
-        let value;
-        const signal = new Signal();
-        const computedObserver = new Observer(() => {
-            isDirty = true;
-            signal.notify();
-            if (INSPECTOR_ENABLED) {
-                notifyInspectorRef.current?.notify({
-                    type: "computed",
-                    path: notifyInspectorRef.current.path.concat(prop),
-                    isDirty: true,
-                    value,
-                });
-            }
-        });
-        createCleanup(() => computedObserver.dispose());
-        Object.defineProperty(proxy, prop, {
-            enumerable: true,
-            configurable: true,
-            get() {
-                const currentObserver = getCurrentObserver();
-                if (currentObserver) {
-                    currentObserver.subscribeSignal(signal);
-                }
-                if (isDirty) {
-                    const stopObserving = computedObserver.observe();
-                    value = computed[prop]();
-                    stopObserving();
-                    isDirty = false;
-                    if (INSPECTOR_ENABLED) {
-                        notifyInspectorRef.current?.notify({
-                            type: "computed",
-                            path: notifyInspectorRef.current.path.concat(prop),
-                            isDirty: false,
-                            value,
-                        });
-                    }
-                    return value;
-                }
-                return value;
-            },
-        });
-    }
-    if (INSPECTOR_ENABLED) {
-        Object.defineProperty(proxy, INSPECT_MARKER, {
-            enumerable: false,
-            configurable: false,
-            get() {
-                return !notifyInspectorRef.current;
-            },
-            set: (value) => {
-                Object.defineProperty(notifyInspectorRef, "current", {
-                    get() {
-                        return value.current;
-                    },
-                });
-            },
-        });
-    }
-    return proxy;
-}

package/dist/createEffect.d.ts

@@ -1,2 +0,0 @@
-export declare function createEffect(cb: () => void | (() => void)): void;
-//# sourceMappingURL=createEffect.d.ts.map

package/dist/createEffect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createEffect.d.ts","sourceRoot":"","sources":["../src/createEffect.ts"],"names":[],"mappings":"AAIA,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,QA2BzD"}

package/dist/createEffect.js

@@ -1,29 +0,0 @@
-import { syncBatch } from "./batch";
-import { createCleanup, getCurrentComponent } from "./component";
-import { Observer } from "./observation";
-export function createEffect(cb) {
-    const component = getCurrentComponent();
-    if (!component || component.isRendering) {
-        throw new Error("Only use createEffect in component setup");
-    }
-    let disposer;
-    const observer = new Observer(() => {
-        syncBatch(runEffect);
-    });
-    const runEffect = () => {
-        try {
-            disposer?.();
-        }
-        catch (error) {
-            console.error("Error in effect dispose function:", error);
-        }
-        const stopObserving = observer.observe();
-        disposer = cb();
-        stopObserving();
-    };
-    createCleanup(() => {
-        observer.dispose();
-        disposer?.();
-    });
-    runEffect();
-}

package/dist/createRouter.d.ts

@@ -1,8 +0,0 @@
-import { RoutesConfig, TRouter, TRoutes } from "typed-client-router";
-export type Router<T extends RoutesConfig> = Omit<TRouter<T>, "current" | "listen" | "pathname"> & {
-    route?: TRoutes<T>;
-};
-export declare function createRouter<const T extends RoutesConfig>(config: T, options?: {
-    base?: string;
-}): Router<T>;
-//# sourceMappingURL=createRouter.d.ts.map

package/dist/createRouter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createRouter.d.ts","sourceRoot":"","sources":["../src/createRouter.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,EACZ,OAAO,EACP,OAAO,EACR,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,YAAY,IAAI,IAAI,CAC/C,OAAO,CAAC,CAAC,CAAC,EACV,SAAS,GAAG,QAAQ,GAAG,UAAU,CAClC,GAAG;IACF,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,CAAC,CAAC,SAAS,YAAY,EACvD,MAAM,EAAE,CAAC,EACT,OAAO,CAAC,EAAE;IACR,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GACA,MAAM,CAAC,CAAC,CAAC,CA4BX"}

package/dist/createRouter.js

@@ -1,27 +0,0 @@
-import { createRouter as internalCreateRouter, } from "typed-client-router";
-import { getCurrentObserver, Signal } from "./observation";
-import { createCleanup, getCurrentComponent } from "./component";
-export function createRouter(config, options) {
-    if (!getCurrentComponent()) {
-        throw new Error("Only use createRouter in component setup");
-    }
-    const router = internalCreateRouter(config, options);
-    const signal = new Signal();
-    createCleanup(router.listen(() => signal.notify()));
-    return {
-        get route() {
-            const observer = getCurrentObserver();
-            if (observer) {
-                observer.subscribeSignal(signal);
-            }
-            return router.current;
-        },
-        get queries() {
-            return router.queries;
-        },
-        setQuery: router.setQuery,
-        push: router.push,
-        replace: router.replace,
-        url: router.url,
-    };
-}

package/dist/createTask.d.ts

@@ -1,31 +0,0 @@
-export type TaskState<P, T> = {
-    isRunning: false;
-    params: null;
-    result: null;
-    error: null;
-} | {
-    isRunning: true;
-    result: T | null;
-    params: P;
-    error: null;
-} | {
-    isRunning: false;
-    params: null;
-    result: T;
-    error: null;
-} | {
-    isRunning: false;
-    params: null;
-    result: null;
-    error: string;
-};
-export type Task<A, B = never> = [B] extends [never] ? TaskState<null, A> & {
-    run(): Promise<A>;
-    rerun(): Promise<A>;
-} : TaskState<A, B> & {
-    run(params: A): Promise<B>;
-    rerun(params: A): Promise<B>;
-};
-export declare function createTask<T>(task: (params: undefined, signal: AbortSignal) => Promise<T>): Task<T>;
-export declare function createTask<P, T>(task: (params: P, signal: AbortSignal) => Promise<T>): Task<P, T>;
-//# sourceMappingURL=createTask.d.ts.map

package/dist/createTask.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createTask.d.ts","sourceRoot":"","sources":["../src/createTask.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,CAAC,CAAC,EAAE,CAAC,IACtB;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,EAAE,IAAI,CAAC;IACb,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,IAAI,CAAC;IAChB,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,MAAM,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,EAAE,CAAC,CAAC;IACV,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,MAAM,EAAE,IAAI,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,MAAM,MAAM,IAAI,CAAC,CAAC,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,GAChD,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG;IACnB,GAAG,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IAClB,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;CACrB,GACD,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAChB,GAAG,CAAC,MAAM,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IAC3B,KAAK,CAAC,MAAM,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;CAC9B,CAAC;AAEN,wBAAgB,UAAU,CAAC,CAAC,EAC1B,IAAI,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,GAC3D,IAAI,CAAC,CAAC,CAAC,CAAC;AACX,wBAAgB,UAAU,CAAC,CAAC,EAAE,CAAC,EAC7B,IAAI,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,GACnD,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC"}

package/dist/createTask.js

@@ -1,79 +0,0 @@
-import { createCleanup, getCurrentComponent } from "./component";
-import { assignState, createState } from "./createState";
-export function createTask(task) {
-    const currentComponent = getCurrentComponent();
-    if (!currentComponent || currentComponent.isRendering) {
-        throw new Error("Only use createTask in component setup");
-    }
-    const state = createState({
-        isRunning: false,
-        result: null,
-        error: null,
-        params: null,
-    });
-    let currentAbortController;
-    const fetch = (params) => {
-        currentAbortController?.abort();
-        const abortController = (currentAbortController = new AbortController());
-        const promise = task(params, abortController.signal);
-        promise
-            .then((result) => {
-            if (abortController.signal.aborted) {
-                return;
-            }
-            assignState(state, {
-                isRunning: false,
-                result,
-                error: null,
-                params: null,
-            });
-        })
-            .catch((error) => {
-            if (abortController.signal.aborted) {
-                return;
-            }
-            assignState(state, {
-                isRunning: false,
-                result: null,
-                error: String(error),
-                params: null,
-            });
-        });
-        return promise;
-    };
-    createCleanup(() => currentAbortController?.abort());
-    return {
-        get isRunning() {
-            return state.isRunning;
-        },
-        get result() {
-            return state.result;
-        },
-        get error() {
-            return state.error;
-        },
-        get params() {
-            return state.params;
-        },
-        run(params) {
-            const promise = fetch(params);
-            assignState(state, {
-                isRunning: true,
-                result: null,
-                error: null,
-                params: (params || null),
-            });
-            return promise;
-        },
-        rerun(params) {
-            const promise = fetch(params);
-            assignState(state, {
-                isRunning: true,
-                result: state.result,
-                error: null,
-                params: (params || null),
-            });
-            return promise;
-        },
-    };
-}

package/dist/patchInferno.d.ts

@@ -1,6 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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

@@ -1,53 +0,0 @@
-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/scheduler.d.ts

@@ -1,4 +0,0 @@
-export declare function markDirty(): void;
-export declare function enqueueUpdateFromSetter(): void;
-export declare function installGlobalBatching(target?: EventTarget): () => void;
-//# sourceMappingURL=scheduler.d.ts.map

package/dist/scheduler.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"scheduler.d.ts","sourceRoot":"","sources":["../src/scheduler.ts"],"names":[],"mappings":"AAIA,wBAAgB,SAAS,SAExB;AAeD,wBAAgB,uBAAuB,SAWtC;AAmED,wBAAgB,qBAAqB,CAAC,MAAM,GAAE,WAAoB,cAoBjE"}

package/dist/scheduler.js

@@ -1,107 +0,0 @@
-let depth = 0; // batching scope nesting
-let dirty = false; // has any state update been enqueued?
-let scheduled = false; // async flush scheduled?
-export function markDirty() {
-    dirty = true;
-}
-function performWork() {
-    // TODO: call your Inferno render/commit once.
-    // infernoRender(vnode, container);
-}
-function flushNow() {
-    scheduled = false;
-    if (!dirty)
-        return;
-    dirty = false;
-    performWork();
-}
-// Called by setters after enqueueing their state change
-export function enqueueUpdateFromSetter() {
-    dirty = true;
-    if (depth > 0) {
-        // We're inside a batched input event; we'll flush on exit (same frame).
-        return;
-    }
-    if (!scheduled) {
-        scheduled = true;
-        queueMicrotask(flushNow); // one flush per task
-    }
-}
-// Batch-scope control used by the global capture listeners
-function enter() {
-    depth++;
-}
-function exit() {
-    if (--depth === 0) {
-        // End of the event propagation; commit now (before next paint).
-        flushNow();
-    }
-}
-// eventBatching.ts
-const INTERACTIVE_EVENTS = [
-    // Pointer + mouse
-    "click",
-    "dblclick",
-    "contextmenu",
-    "mousedown",
-    "mouseup",
-    "mousemove",
-    "pointerdown",
-    "pointerup",
-    "pointermove",
-    "touchstart",
-    "touchmove",
-    "touchend",
-    "touchcancel",
-    "dragstart",
-    "drag",
-    "dragend",
-    "dragenter",
-    "dragleave",
-    "dragover",
-    "drop",
-    "wheel",
-    // Keyboard
-    "keydown",
-    "keypress",
-    "keyup",
-    // Focus & input
-    "focus",
-    "blur",
-    "focusin",
-    "focusout",
-    "input",
-    "beforeinput",
-    "change",
-    "compositionstart",
-    "compositionupdate",
-    "compositionend",
-    // Forms
-    "submit",
-    "reset",
-    // Selection / clipboard
-    "select",
-    "selectionchange",
-    "copy",
-    "cut",
-    "paste",
-];
-export function installGlobalBatching(target = window) {
-    const handlers = [];
-    INTERACTIVE_EVENTS.forEach((type) => {
-        const onCapture = () => {
-            enter();
-            // Close the scope after all handlers (capture→target→bubble) have run.
-            queueMicrotask(exit);
-        };
-        target.addEventListener(type, onCapture, { capture: true });
-        handlers.push([onCapture, { capture: true }]);
-    });
-    // Return a disposer so you can remove on unmount
-    return () => {
-        INTERACTIVE_EVENTS.forEach((type, i) => {
-            const [fn, opts] = handlers[i];
-            target.removeEventListener(type, fn, opts);
-        });
-    };
-}

package/dist/tests/batch.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=batch.test.d.ts.map

package/dist/tests/batch.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"batch.test.d.ts","sourceRoot":"","sources":["../../src/tests/batch.test.ts"],"names":[],"mappings":""}