rask-ui 0.23.0 → 0.24.1

package/dist/createView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createView.d.ts","sourceRoot":"","sources":["../src/createView.ts"],"names":[],"mappings":"AAAA,KAAK,QAAQ,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,GAAG,EAAE,CAAC;AAEjD,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,QAAQ,CAC1D,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CACrB,CAAC;AAEF,KAAK,SAAS,CAAC,CAAC,SAAS,SAAS,MAAM,EAAE,IAAI,CAAC,SAAS;IACtD,MAAM,CAAC,SAAS,MAAM;IACtB,GAAG,MAAM,CAAC,SAAS,MAAM,EAAE;CAC5B,GACG,QAAQ,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,GACzB,EAAE,CAAC;AAEP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,SAAS,MAAM,EAAE,EACpD,GAAG,IAAI,EAAE,CAAC,GACT,SAAS,CAAC,CAAC,CAAC,CA0Bd"}
+{"version":3,"file":"createView.d.ts","sourceRoot":"","sources":["../src/createView.ts"],"names":[],"mappings":"AAGA,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,GAAG,KAAK,CAAC;AAEpE,KAAK,aAAa,CAAC,CAAC,IAAI;KACrB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK;CACzD,CAAC,MAAM,CAAC,CAAC,CAAC;AAEX,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,GAC7D,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,GACtD,KAAK,CAAC;AAEV,KAAK,SAAS,CAAC,CAAC,SAAS,SAAS,MAAM,EAAE,IAAI,CAAC,SAAS;IACtD,MAAM,CAAC,SAAS,MAAM;IACtB,GAAG,MAAM,CAAC,SAAS,MAAM,EAAE;CAC5B,GACG,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,GAClB,EAAE,CAAC;AAEP,KAAK,YAAY,CAAC,GAAG,SAAS,MAAM,EAAE,IAAI,SAAS,MAAM,EAAE,IAAI,IAAI,SAAS;IAC1E,MAAM,CAAC,SAAS,MAAM;IACtB,GAAG,MAAM,CAAC,SAAS,MAAM,EAAE;CAC5B,GACG,YAAY,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,GACjC,GAAG,CAAC;AAER;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AACtD,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,EAC3D,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,GACH,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAClB,wBAAgB,UAAU,CAAC,CAAC,SAAS,SAAS,MAAM,EAAE,EACpD,GAAG,IAAI,EAAE,CAAC,GACT,SAAS,CAAC,CAAC,CAAC,CAAC"}

package/dist/createView.js

@@ -1,68 +1,77 @@
-/**
- * Creates a view that merges multiple objects (reactive or not) into a single object while
- * maintaining reactivity through getters. Properties from later arguments override earlier ones.
- *
- * @warning **Do not destructure the returned view object!** Destructuring breaks reactivity
- * because it extracts plain values instead of maintaining getter access. This is the same rule
- * as other reactive primitives.
- *
- * @example
- * // ❌ Bad - destructuring loses reactivity
- * function Component() {
- *   const state = createState({ count: 0 });
- *   const helpers = { increment: () => state.count++ };
- *   const view = createView(state, helpers);
- *   const { count, increment } = view; // Don't do this!
- *   return () => <button onClick={increment}>{count}</button>; // Won't update!
- * }
- *
- * // ✅ Good - access properties directly in render
- * function Component() {
- *   const state = createState({ count: 0 });
- *   const helpers = { increment: () => state.count++ };
- *   const view = createView(state, helpers);
- *   return () => <button onClick={view.increment}>{view.count}</button>; // Reactive!
- * }
- *
- * @example
- * // Merge multiple reactive objects
- * const state = createState({ count: 0 });
- * const user = createState({ name: "Alice" });
- * const view = createView(state, user);
- * // view has both count and name properties, maintaining reactivity
- *
- * @example
- * // Later arguments override earlier ones
- * const a = { x: 1, y: 2 };
- * const b = { y: 3, z: 4 };
- * const view = createView(a, b);
- * // view.x === 1, view.y === 3, view.z === 4
- *
- * @param args - Objects to merge (reactive or plain objects)
- * @returns A view object with getters for all properties, maintaining reactivity
- */
+import { getCurrentComponent } from "./component";
+import { INSPECT_MARKER, INSPECTOR_ENABLED } from "./inspect";
 export function createView(...args) {
+    if (!getCurrentComponent()) {
+        throw new Error("Only use createView in component setup");
+    }
     const result = {};
     const seen = new Set();
+    let notifyInspectorRef = {};
     for (let i = args.length - 1; i >= 0; i--) {
         const src = args[i];
-        // mimic Object.assign: only enumerable own property keys
+        if (!src)
+            continue;
+        if (INSPECTOR_ENABLED && src[INSPECT_MARKER]) {
+            src[INSPECT_MARKER] = notifyInspectorRef;
+        }
+        // Mimic Object.assign: only enumerable own property keys
         for (const key of Reflect.ownKeys(src)) {
             if (seen.has(key))
                 continue;
             const desc = Object.getOwnPropertyDescriptor(src, key);
             if (!desc || !desc.enumerable)
                 continue;
-            // Capture the current source for this key (last write wins).
             Object.defineProperty(result, key, {
                 enumerable: true,
                 configurable: true,
-                get: () => src[key],
-                // Optional write-through (commented out by default):
-                // set: (value) => { (src as any)[key as any] = value; },
+                get: () => {
+                    const value = src[key];
+                    if (!INSPECTOR_ENABLED || !notifyInspectorRef.current) {
+                        return value;
+                    }
+                    // Propagate inspector marker into nested observables
+                    if (value?.[INSPECT_MARKER]) {
+                        value[INSPECT_MARKER] = {
+                            current: {
+                                notify: notifyInspectorRef.current.notify,
+                                path: notifyInspectorRef.current.path.concat(key),
+                            },
+                        };
+                    }
+                    else if (typeof value === "function") {
+                        // Wrap actions to notify inspector
+                        return (...params) => {
+                            notifyInspectorRef.current.notify({
+                                type: "action",
+                                path: notifyInspectorRef.current.path.concat(key),
+                                params,
+                            });
+                            return value(...params);
+                        };
+                    }
+                    return value;
+                },
             });
             seen.add(key);
         }
     }
+    if (INSPECTOR_ENABLED) {
+        Object.defineProperty(result, INSPECT_MARKER, {
+            enumerable: false,
+            configurable: false,
+            get() {
+                return !notifyInspectorRef.current;
+            },
+            set: (value) => {
+                Object.defineProperty(notifyInspectorRef, "current", {
+                    configurable: true,
+                    get() {
+                        return value.current;
+                    },
+                });
+            },
+        });
+    }
+    // The overload signatures expose a precise type; this is the shared impl.
     return result;
 }

package/dist/error.d.ts

@@ -1,16 +1,5 @@
-import { Component, VNode } from "inferno";
-export declare class ErrorBoundary extends Component<{
-    children: any;
-    error: (error: unknown) => VNode;
-}, {
+export declare const CatchErrorContext: import("./createContext").Context<(error: unknown) => void>;
+export declare function useCatchError(): {
     error: unknown;
-}> {
-    getChildContext(): {
-        notifyError: (error: unknown) => void;
-    };
-    state: {
-        error: null;
-    };
-    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.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAE3C,qBAAa,aAAc,SAAQ,SAAS,CAC1C;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,KAAK,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,KAAK,CAAA;CAAE,EACnD;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,CACnB;IACC,eAAe;6BAEU,OAAO;;IAKhC,KAAK;;MAAmB;IAExB,MAAM;CAOP"}
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../src/error.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,4CAAyB,OAAO,KAAK,IAAI,CAAG,CAAC;AAE3E,wBAAgB,aAAa;WAQK,OAAO;EAOxC"}

package/dist/error.js

@@ -1,17 +1,16 @@
-import { Component } from "inferno";
-export class ErrorBoundary extends Component {
-    getChildContext() {
-        return {
-            notifyError: (error) => {
-                this.setState({ error });
-            },
-        };
-    }
-    state = { error: null };
-    render() {
-        if (this.state.error) {
-            return this.props.error(this.state.error);
-        }
-        return this.props.children;
+import { useState } from "./useState";
+import { createContext, useInjectContext } from "./createContext";
+import { getCurrentComponent } from "./component";
+export const CatchErrorContext = createContext();
+export function useCatchError() {
+    const currentComponent = getCurrentComponent();
+    if (!currentComponent || currentComponent.isRendering) {
+        throw new Error("Only use the useCatchError hook in setup");
     }
+    const inject = useInjectContext(CatchErrorContext);
+    const state = useState({
+        error: null,
+    });
+    inject((error) => (state.error = error));
+    return state;
 }

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import "./types";
 export { render } from "./render";
-export { useCleanup, useMountEffect, RaskStatefulComponent, RaskStatelessComponent, } from "./component";
+export { useCleanup, useMountEffect } from "./component";
 export { createContext } from "./createContext";
 export { useState, assignState } from "./useState";
 export { useAsync, Async } from "./useAsync";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,CAAC;AAEjB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,UAAU,EACV,cAAc,EACd,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,CAAC;AAEjB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -1,7 +1,7 @@
 // Import global types - this makes the Rask namespace available globally
 import "./types";
 export { render } from "./render";
-export { useCleanup, useMountEffect, RaskStatefulComponent, RaskStatelessComponent, } from "./component";
+export { useCleanup, useMountEffect } from "./component";
 export { createContext } from "./createContext";
 export { useState, assignState } from "./useState";
 export { useAsync } from "./useAsync";

package/dist/jsx.d.ts

@@ -1,257 +1,11 @@
 // JSX type definitions
-// Note: This is JSXInternal, which gets renamed to JSX on export from jsx-runtime
-import type { Ref } from "./state";
-
-export namespace JSXInternal {
-  export type Element = any;
-
-  export interface ElementAttributesProperty {
-    props: {};
-  }
-
-  export interface ElementChildrenAttribute {
-    children: {};
-  }
-
-  export interface IntrinsicAttributes {
-    key?: any;
-  }
-
-  // CSS Properties
-  export type CSSProperties = {
-    [key: string]: string | number | undefined;
-  };
-
-  // Common HTML Attributes
-  export interface HTMLAttributes<T = HTMLElement> {
-    ref?: Ref<T> | ((element: T | null) => void);
-    id?: string;
-    class?: string | Record<string, boolean>;
-    style?: string | CSSProperties;
-    title?: string;
-    role?: string;
-    tabIndex?: number;
-
-    onClick?: (event: MouseEvent) => void;
-    onDblClick?: (event: MouseEvent) => void;
-    onChange?: (event: Event) => void;
-    onInput?: (event: Event) => void;
-    onSubmit?: (event: Event) => void;
-    onFocus?: (event: FocusEvent) => void;
-    onBlur?: (event: FocusEvent) => void;
-    onKeyDown?: (event: KeyboardEvent) => void;
-    onKeyUp?: (event: KeyboardEvent) => void;
-    onKeyPress?: (event: KeyboardEvent) => void;
-    onMouseDown?: (event: MouseEvent) => void;
-    onMouseUp?: (event: MouseEvent) => void;
-    onMouseEnter?: (event: MouseEvent) => void;
-    onMouseLeave?: (event: MouseEvent) => void;
-    onMouseMove?: (event: MouseEvent) => void;
-    onMouseOver?: (event: MouseEvent) => void;
-    onMouseOut?: (event: MouseEvent) => void;
-    onWheel?: (event: WheelEvent) => void;
-    onScroll?: (event: Event) => void;
-    onTouchStart?: (event: TouchEvent) => void;
-    onTouchEnd?: (event: TouchEvent) => void;
-    onTouchMove?: (event: TouchEvent) => void;
-    onTouchCancel?: (event: TouchEvent) => void;
-
-    [key: `aria-${string}`]: string | boolean | number | undefined;
-    [key: `data-${string}`]: string | boolean | number | undefined;
-
-    children?: any;
-  }
-
-  export interface AnchorHTMLAttributes<T = HTMLAnchorElement>
-    extends HTMLAttributes<T> {
-    href?: string;
-    target?: "_blank" | "_self" | "_parent" | "_top";
-    rel?: string;
-    download?: string;
-  }
-
-  export interface ButtonHTMLAttributes<T = HTMLButtonElement>
-    extends HTMLAttributes<T> {
-    type?: "button" | "submit" | "reset";
-    disabled?: boolean;
-    name?: string;
-    value?: string;
-  }
-
-  export interface FormHTMLAttributes<T = HTMLFormElement>
-    extends HTMLAttributes<T> {
-    action?: string;
-    method?: "get" | "post";
-    enctype?: string;
-    target?: string;
-    noValidate?: boolean;
-  }
-
-  export interface InputHTMLAttributes<T = HTMLInputElement>
-    extends HTMLAttributes<T> {
-    type?:
-      | "button"
-      | "checkbox"
-      | "color"
-      | "date"
-      | "datetime-local"
-      | "email"
-      | "file"
-      | "hidden"
-      | "image"
-      | "month"
-      | "number"
-      | "password"
-      | "radio"
-      | "range"
-      | "reset"
-      | "search"
-      | "submit"
-      | "tel"
-      | "text"
-      | "time"
-      | "url"
-      | "week";
-    value?: string | number;
-    defaultValue?: string | number;
-    placeholder?: string;
-    disabled?: boolean;
-    required?: boolean;
-    readOnly?: boolean;
-    name?: string;
-    checked?: boolean;
-    defaultChecked?: boolean;
-    min?: string | number;
-    max?: string | number;
-    step?: string | number;
-    pattern?: string;
-    accept?: string;
-    multiple?: boolean;
-    autoComplete?: string;
-    autoFocus?: boolean;
-  }
-
-  export interface LabelHTMLAttributes<T = HTMLLabelElement>
-    extends HTMLAttributes<T> {
-    htmlFor?: string;
-    for?: string;
-  }
-
-  export interface SelectHTMLAttributes<T = HTMLSelectElement>
-    extends HTMLAttributes<T> {
-    value?: string | string[];
-    defaultValue?: string | string[];
-    disabled?: boolean;
-    required?: boolean;
-    name?: string;
-    multiple?: boolean;
-    size?: number;
-  }
-
-  export interface OptionHTMLAttributes<T = HTMLOptionElement>
-    extends HTMLAttributes<T> {
-    value?: string | number;
-    selected?: boolean;
-    disabled?: boolean;
-    label?: string;
-  }
-
-  export interface TextareaHTMLAttributes<T = HTMLTextAreaElement>
-    extends HTMLAttributes<T> {
-    value?: string;
-    defaultValue?: string;
-    placeholder?: string;
-    disabled?: boolean;
-    required?: boolean;
-    readOnly?: boolean;
-    name?: string;
-    rows?: number;
-    cols?: number;
-    maxLength?: number;
-    wrap?: "soft" | "hard";
-  }
-
-  export interface FieldsetHTMLAttributes<T = HTMLFieldSetElement>
-    extends HTMLAttributes<T> {
-    disabled?: boolean;
-    name?: string;
-  }
-
-  export interface ImgHTMLAttributes<T = HTMLImageElement>
-    extends HTMLAttributes<T> {
-    src?: string;
-    alt?: string;
-    width?: number | string;
-    height?: number | string;
-    loading?: "eager" | "lazy";
-    crossOrigin?: "anonymous" | "use-credentials";
-  }
-
-  export interface SVGAttributes<T = SVGElement> extends HTMLAttributes<T> {
-    xmlns?: string;
-    viewBox?: string;
-    width?: number | string;
-    height?: number | string;
-    fill?: string;
-    stroke?: string;
-    strokeWidth?: number | string;
-  }
-
-  // Intrinsic Elements
-  export interface IntrinsicElements {
-    a: AnchorHTMLAttributes<HTMLAnchorElement>;
-    abbr: HTMLAttributes<HTMLElement>;
-    address: HTMLAttributes<HTMLElement>;
-    article: HTMLAttributes<HTMLElement>;
-    aside: HTMLAttributes<HTMLElement>;
-    b: HTMLAttributes<HTMLElement>;
-    blockquote: HTMLAttributes<HTMLQuoteElement>;
-    body: HTMLAttributes<HTMLBodyElement>;
-    br: HTMLAttributes<HTMLBRElement>;
-    button: ButtonHTMLAttributes<HTMLButtonElement>;
-    canvas: HTMLAttributes<HTMLCanvasElement>;
-    code: HTMLAttributes<HTMLElement>;
-    div: HTMLAttributes<HTMLDivElement>;
-    em: HTMLAttributes<HTMLElement>;
-    fieldset: FieldsetHTMLAttributes<HTMLFieldSetElement>;
-    footer: HTMLAttributes<HTMLElement>;
-    form: FormHTMLAttributes<HTMLFormElement>;
-    h1: HTMLAttributes<HTMLHeadingElement>;
-    h2: HTMLAttributes<HTMLHeadingElement>;
-    h3: HTMLAttributes<HTMLHeadingElement>;
-    h4: HTMLAttributes<HTMLHeadingElement>;
-    h5: HTMLAttributes<HTMLHeadingElement>;
-    h6: HTMLAttributes<HTMLHeadingElement>;
-    head: HTMLAttributes<HTMLHeadElement>;
-    header: HTMLAttributes<HTMLElement>;
-    hr: HTMLAttributes<HTMLHRElement>;
-    html: HTMLAttributes<HTMLHtmlElement>;
-    i: HTMLAttributes<HTMLElement>;
-    img: ImgHTMLAttributes<HTMLImageElement>;
-    input: InputHTMLAttributes<HTMLInputElement>;
-    label: LabelHTMLAttributes<HTMLLabelElement>;
-    legend: HTMLAttributes<HTMLLegendElement>;
-    li: HTMLAttributes<HTMLLIElement>;
-    main: HTMLAttributes<HTMLElement>;
-    nav: HTMLAttributes<HTMLElement>;
-    ol: HTMLAttributes<HTMLOListElement>;
-    option: OptionHTMLAttributes<HTMLOptionElement>;
-    p: HTMLAttributes<HTMLParagraphElement>;
-    pre: HTMLAttributes<HTMLPreElement>;
-    section: HTMLAttributes<HTMLElement>;
-    select: SelectHTMLAttributes<HTMLSelectElement>;
-    small: HTMLAttributes<HTMLElement>;
-    span: HTMLAttributes<HTMLSpanElement>;
-    strong: HTMLAttributes<HTMLElement>;
-    style: HTMLAttributes<HTMLStyleElement>;
-    textarea: TextareaHTMLAttributes<HTMLTextAreaElement>;
-    ul: HTMLAttributes<HTMLUListElement>;
-
-    // SVG
-    svg: SVGAttributes<SVGSVGElement>;
-    circle: SVGAttributes<SVGCircleElement>;
-    line: SVGAttributes<SVGLineElement>;
-    path: SVGAttributes<SVGPathElement>;
-    rect: SVGAttributes<SVGRectElement>;
-  }
-}
+// Re-export Inferno's comprehensive JSX types
+import 'inferno';
+
+// Re-export useful Inferno types for convenience
+export type {
+  InfernoNode,
+  InfernoChild,
+  Component,
+  ComponentType,
+} from 'inferno';

package/dist/observation.d.ts

@@ -83,7 +83,7 @@ export declare class Observer {
     /** Subscribe this observer to a signal */
     subscribeSignal(signal: Signal): void;
     /** Remove all signal subscriptions (fast + safe) */
-    private clearSignals;
+    clearSignals(): void;
     /** Begin dependency collection */
     observe(): () => void;
     /** Dispose the observer completely */

package/dist/observation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"observation.d.ts","sourceRoot":"","sources":["../src/observation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AASH,wBAAgB,kBAAkB,yBAEjC;AAED;;;GAGG;AACH,cAAM,YAAY;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC;IAGnB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAQ;IACzC,YAAY,EAAE,YAAY,GAAG,IAAI,CAAQ;IAGzC,cAAc,EAAE,YAAY,GAAG,IAAI,CAAQ;IAC3C,cAAc,EAAE,YAAY,GAAG,IAAI,CAAQ;IAG3C,MAAM,UAAQ;IAGd,cAAc,EAAE,MAAM,CAAC;gBAEX,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM;CAK9D;AAED;;GAEG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,IAAI,CAA6B;IACzC,OAAO,CAAC,IAAI,CAA6B;IAGzC,OAAO,CAAC,KAAK,CAAK;IAElB,8DAA8D;IAC9D,UAAU,CAAC,QAAQ,EAAE,QAAQ,GAAG,YAAY;IAe5C,wDAAwD;IACxD,YAAY,CAAC,GAAG,EAAE,YAAY;IAe9B;;OAEG;IACH,MAAM;CAgBP;AAED;;;GAGG;AACH,qBAAa,QAAQ;IACnB,UAAU,UAAS;IAGnB,OAAO,CAAC,QAAQ,CAA6B;IAC7C,OAAO,CAAC,QAAQ,CAA6B;IAG7C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAa;gBAE1B,QAAQ,EAAE,MAAM,IAAI,EAAE,WAAW,UAAO;IAcpD,kCAAkC;IAClC,OAAO;IAMP,0CAA0C;IAC1C,eAAe,CAAC,MAAM,EAAE,MAAM;IAe9B,oDAAoD;IACpD,OAAO,CAAC,YAAY;IAiBpB,kCAAkC;IAClC,OAAO;IAUP,sCAAsC;IACtC,OAAO;CAKR"}
+{"version":3,"file":"observation.d.ts","sourceRoot":"","sources":["../src/observation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AASH,wBAAgB,kBAAkB,yBAEjC;AAED;;;GAGG;AACH,cAAM,YAAY;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,QAAQ,CAAC;IAGnB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAQ;IACzC,YAAY,EAAE,YAAY,GAAG,IAAI,CAAQ;IAGzC,cAAc,EAAE,YAAY,GAAG,IAAI,CAAQ;IAC3C,cAAc,EAAE,YAAY,GAAG,IAAI,CAAQ;IAG3C,MAAM,UAAQ;IAGd,cAAc,EAAE,MAAM,CAAC;gBAEX,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM;CAK9D;AAED;;GAEG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,IAAI,CAA6B;IACzC,OAAO,CAAC,IAAI,CAA6B;IAGzC,OAAO,CAAC,KAAK,CAAK;IAElB,8DAA8D;IAC9D,UAAU,CAAC,QAAQ,EAAE,QAAQ,GAAG,YAAY;IAe5C,wDAAwD;IACxD,YAAY,CAAC,GAAG,EAAE,YAAY;IAe9B;;OAEG;IACH,MAAM;CAgBP;AAED;;;GAGG;AACH,qBAAa,QAAQ;IACnB,UAAU,UAAS;IAGnB,OAAO,CAAC,QAAQ,CAA6B;IAC7C,OAAO,CAAC,QAAQ,CAA6B;IAG7C,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAa;gBAE1B,QAAQ,EAAE,MAAM,IAAI,EAAE,WAAW,UAAO;IAcpD,kCAAkC;IAClC,OAAO;IAMP,0CAA0C;IAC1C,eAAe,CAAC,MAAM,EAAE,MAAM;IAe9B,oDAAoD;IACpD,YAAY;IAiBZ,kCAAkC;IAClC,OAAO;IAUP,sCAAsC;IACtC,OAAO;CAKR"}

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/plugin.d.ts

@@ -8,7 +8,7 @@ export interface RaskPluginOptions {
     importSource?: string;
 }
 /**
- * Vite plugin for transforming JSX to Inferno and function components to RaskComponent classes
+ * Vite plugin for transforming JSX to Inferno with rask-ui/compiler imports
  */
 export default function raskPlugin(options?: RaskPluginOptions): Plugin;
 //# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAMnC,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,OAAO,GAAE,iBAAsB,GAAG,MAAM,CAiF1E"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAInC,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,OAAO,GAAE,iBAAsB,GAAG,MAAM,CAsE1E"}

package/dist/plugin.js

@@ -1,18 +1,12 @@
-import path from "path";
-import { fileURLToPath } from "url";
 import { createRequire } from "module";
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
 const require = createRequire(import.meta.url);
 /**
- * Vite plugin for transforming JSX to Inferno and function components to RaskComponent classes
+ * Vite plugin for transforming JSX to Inferno with rask-ui/compiler imports
  */
 export default function raskPlugin(options = {}) {
     const importSource = options.importSource || "rask-ui";
     // Resolve the path to swc-plugin-inferno WASM file
     const infernoPluginPath = require.resolve("swc-plugin-inferno/swc_plugin_inferno.wasm");
-    // Resolve the path to our RaskComponent plugin
-    const componentPluginPath = path.resolve(__dirname, "../swc-plugin/target/wasm32-wasip1/release/swc_plugin_rask_component.wasm");
     return {
         name: "rask-plugin",
         enforce: "pre",
@@ -35,23 +29,7 @@ export default function raskPlugin(options = {}) {
             }
             // Use SWC for transformation
             const swc = await import("@swc/core");
-            const plugins = [
-                // 1. FIRST: Inferno JSX transformation
-                [
-                    infernoPluginPath,
-                    {
-                        importSource: `${importSource}/compiler`,
-                        defineAllArguments: false,
-                    },
-                ],
-            ];
-            // 2. SECOND: RaskComponent transformation (if enabled)
-            plugins.push([
-                componentPluginPath,
-                {
-                    importSource: importSource,
-                },
-            ]);
+            // First, run the inferno plugin to transform JSX
             const result = await swc.transform(code, {
                 filename: id,
                 jsc: {
@@ -62,13 +40,23 @@ export default function raskPlugin(options = {}) {
                     },
                     target: "es2020",
                     experimental: {
-                        plugins,
+                        plugins: [
+                            // Inferno JSX transformation
+                            [
+                                infernoPluginPath,
+                                {
+                                    defineAllArguments: false,
+                                },
+                            ],
+                        ],
                     },
                 },
                 sourceMaps: true,
             });
+            // Then, replace inferno imports with rask-ui/compiler
+            const transformedCode = result.code.replace(/from\s+(['"])inferno\1/g, `from $1${importSource}/compiler$1`);
             return {
-                code: result.code,
+                code: transformedCode,
                 map: result.map,
             };
         },

package/dist/scheduler.d.ts

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

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