rask-ui 0.20.4 → 0.21.0

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/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/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/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"}

package/dist/scheduler.js

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

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

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

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