@remix-run/ui 0.0.0 → 0.1.1

package/dist/runtime/client-entries.js

@@ -0,0 +1,40 @@
+// Implementation
+export function clientEntry(entryId, component) {
+    if (!entryId) {
+        throw new Error('clientEntry() requires an entry ID');
+    }
+    // Augment the component with entry metadata
+    component.$entry = true;
+    component.$entryId = entryId;
+    return component;
+}
+/**
+ * Type guard to check if a component is an entry component
+ *
+ * @param component The component to check
+ * @returns True if the component has entry metadata
+ */
+export function isEntry(component) {
+    return Boolean(component && typeof component === 'function' && component.$entry === true);
+}
+/**
+ * Logs a client-hydration mismatch to the console.
+ *
+ * @param msg Message parts to forward to the logger.
+ */
+export function logHydrationMismatch(...msg) {
+    console.error('Hydration mismatch:', ...msg);
+}
+/**
+ * Advances a DOM cursor past consecutive comment nodes.
+ *
+ * @param cursor Starting DOM node.
+ * @returns The first non-comment node, or `null` when none remains.
+ */
+export function skipComments(cursor) {
+    while (cursor && cursor.nodeType === Node.COMMENT_NODE) {
+        cursor = cursor.nextSibling;
+    }
+    return cursor;
+}
+//# sourceMappingURL=client-entries.js.map

package/dist/runtime/client-entries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-entries.js","sourceRoot":"","sources":["../../src/runtime/client-entries.ts"],"names":[],"mappings":"AA6FA,iBAAiB;AACjB,MAAM,UAAU,WAAW,CAAC,OAAe,EAAE,SAAc;IACzD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAA;IACvD,CAAC;IAED,4CAA4C;IAC5C,SAAS,CAAC,MAAM,GAAG,IAAI,CAAA;IACvB,SAAS,CAAC,QAAQ,GAAG,OAAO,CAAA;IAE5B,OAAO,SAAS,CAAA;AAClB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CAAC,SAAkB;IACxC,OAAO,OAAO,CAAC,SAAS,IAAI,OAAO,SAAS,KAAK,UAAU,IAAK,SAAiB,CAAC,MAAM,KAAK,IAAI,CAAC,CAAA;AACpG,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAC,GAAG,GAAU;IAChD,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,GAAG,GAAG,CAAC,CAAA;AAC9C,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,MAAmB;IAC9C,OAAO,MAAM,IAAI,MAAM,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QACvD,MAAM,GAAG,MAAM,CAAC,WAAW,CAAA;IAC7B,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC"}

package/dist/runtime/component.d.ts

@@ -0,0 +1,223 @@
+import type { ElementProps, ElementType, RemixNode, Renderable } from './jsx.ts';
+import { TypedEventTarget } from './typed-event-target.ts';
+/**
+ * Task queued to run after a component update completes.
+ */
+export type Task = (signal: AbortSignal) => void;
+/**
+ * Runtime handle passed to component setup functions.
+ */
+export interface Handle<Props = Record<string, never>, ContextValue = NoContext> {
+    /**
+     * Stable identifier per component instance. Useful for HTML APIs like
+     * htmlFor, aria-owns, etc. so consumers don't have to supply an id.
+     */
+    id: string;
+    /**
+     * Stable props object for the component instance. The object identity does not
+     * change across updates, but its values are updated before each render.
+     */
+    props: Props;
+    /**
+     * Set and get values in an element tree for indirect ancestor/descendant
+     * communication.
+     */
+    context: Context<ContextValue>;
+    /**
+     * Schedules an update for the component to render again. Returns a promise
+     * that resolves with an AbortSignal after the update completes. The signal
+     * is aborted when the component re-renders or is removed.
+     *
+     * @returns A promise that resolves with an AbortSignal after the update
+     */
+    update(): Promise<AbortSignal>;
+    /**
+     * Schedules a task to run after the next update.
+     *
+     * @param task
+     */
+    queueTask(task: Task): void;
+    /**
+     * The component's closest frame
+     */
+    frame: FrameHandle;
+    /**
+     * Access named frames in the current runtime tree.
+     */
+    frames: {
+        /**
+         * The root frame for the current runtime tree.
+         */
+        readonly top: FrameHandle;
+        get(name: string): FrameHandle | undefined;
+    };
+    /**
+     * A signal indicating the connected status of the component. When the
+     * component is disconnected from the tree the signal will be aborted.
+     * Useful for setup scope cleanup.
+     *
+     * @example Clear a timer
+     * ```ts
+     * function Clock(handle: Handle) {
+     *   let interval = setInterval(() => {
+     *     if (handle.signal.aborted) {
+     *       clearInterval(interval)
+     *       return
+     *     }
+     *     handle.update()
+     *   }, 1000)
+     *   return () => <span>{new Date().toString()}</span>
+     * }
+     * ```
+     *
+     * Because signals are event targets, you can also add an event instead.
+     * ```ts
+     * function Clock(handle: Handle) {
+     *   let interval = setInterval(handle.update)
+     *   handle.signal.addEventListener("abort", () => clearInterval(interval))
+     *   return () => <span>{new Date().toString()}</span>
+     * }
+     * ```
+     *
+     * You don't need to check both this.signal and a render/event signal as
+     * render/event signals are aborted when the component disconnects.
+     */
+    signal: AbortSignal;
+}
+/**
+ * Default Handle context so types must be declared explicitly.
+ */
+export type NoContext = Record<string, never>;
+/**
+ * Component factory shape used by the Remix component runtime.
+ */
+export type Component<Props = ElementProps, ContextValue = NoContext> = (handle: Handle<Props, ContextValue>) => RenderFn;
+/**
+ * Infers the context provided by a component or handle-compatible function.
+ */
+export type ContextFrom<ComponentType> = ComponentType extends Component<any, infer Provided> ? Provided : ComponentType extends (handle: Handle<any, infer Provided>, ...args: any[]) => any ? Provided : never;
+/**
+ * Context storage API exposed on component handles.
+ */
+export interface Context<C> {
+    /** Replaces the current context value for this component instance. */
+    set(values: C): void;
+    /** Reads the context value associated with the given component type. */
+    get<ComponentType>(component: ComponentType): ContextFrom<ComponentType>;
+    /** Reads the context value associated with the given component key. */
+    get(component: ElementType | symbol): unknown | undefined;
+}
+/**
+ * Content that can be rendered into a frame.
+ */
+export type FrameContent = ReadableStream<Uint8Array> | string | RemixNode;
+/**
+ * Events emitted by frame handles during reloads.
+ */
+export type FrameHandleEventMap = {
+    reloadStart: Event;
+    reloadComplete: Event;
+};
+/**
+ * Public API for interacting with a frame instance.
+ */
+export type FrameHandle = TypedEventTarget<FrameHandleEventMap> & {
+    src: string;
+    reload(): Promise<AbortSignal>;
+    replace(content: FrameContent): Promise<void>;
+    $runtime?: unknown;
+};
+/**
+ * Props accepted by the built-in {@link Frame} component.
+ */
+export interface FrameProps {
+    /** Optional frame name used for targeted navigation and lookups. */
+    name?: string;
+    /** Source URL used when the frame loads or reloads its content. */
+    src: string;
+    /** Fallback content to render while the frame is pending. */
+    fallback?: Renderable;
+    /** Event handlers invoked for events dispatched from the frame element. */
+    on?: Record<string, (event: Event, signal: AbortSignal) => void | Promise<void>>;
+}
+/**
+ * Component factory function that receives a handle and returns a render function.
+ */
+export type ComponentFn<Props = Record<string, never>, ContextValue = NoContext> = (handle: Handle<Props, ContextValue>) => RenderFn;
+/**
+ * Render function returned by a component factory.
+ */
+export type RenderFn<Props = ElementProps> = (props: Props) => RemixNode;
+export type { RemixNode } from './jsx.ts';
+/**
+ * Props accepted by the built-in {@link Fragment} component.
+ */
+export interface FragmentProps {
+    /** Child nodes to render without adding an extra host element. */
+    children?: RemixNode;
+}
+/**
+ * Mapping of built-in component names to their prop shapes.
+ */
+export interface BuiltinElements {
+    /** Props accepted by the built-in fragment component. */
+    Fragment: FragmentProps;
+    /** Props accepted by the built-in frame component. */
+    Frame: FrameProps;
+}
+/**
+ * Key type used to stabilize host elements and components during reconciliation.
+ */
+export type Key = string | number | bigint;
+type ComponentConfig = {
+    id: string;
+    type: Function;
+    frame: FrameHandle;
+    getContext: (type: Component) => unknown;
+    getFrameByName: (name: string) => FrameHandle | undefined;
+    getTopFrame?: () => FrameHandle | undefined;
+    signal?: AbortSignal;
+};
+/**
+ * Runtime handle returned by {@link createComponent}.
+ */
+export type ComponentHandle = ReturnType<typeof createComponent>;
+/**
+ * Creates the internal runtime wrapper for a component instance.
+ *
+ * @param config Component runtime configuration.
+ * @returns Component runtime helpers used by the reconciler.
+ */
+export declare function createComponent<C = NoContext>(config: ComponentConfig): {
+    render: (props: ElementProps) => [RemixNode, Array<() => void>];
+    remove: () => (() => void)[];
+    setScheduleUpdate: (nextScheduleUpdate: () => void) => void;
+    frame: FrameHandle;
+    getContextValue: () => C | undefined;
+};
+/**
+ * Built-in component used to render nested frame content.
+ *
+ * @param handle Component handle for the frame instance.
+ * @returns A placeholder render function handled by the reconciler.
+ */
+export declare function Frame(handle: Handle<FrameProps, FrameHandle>): () => null;
+/**
+ * Built-in component used to group children without adding a host element.
+ *
+ * @param handle Component handle for the fragment instance.
+ * @returns A placeholder render function handled by the reconciler.
+ */
+export declare function Fragment(handle: Handle<FragmentProps>): () => null;
+/**
+ * Creates a frame handle with default no-op implementations for testing and internal wiring.
+ *
+ * @param def Partial frame-handle implementation to merge with the defaults.
+ * @returns A frame handle object.
+ */
+export declare function createFrameHandle(def?: Partial<{
+    src: string;
+    replace: FrameHandle['replace'];
+    reload: FrameHandle['reload'];
+    $runtime: FrameHandle['$runtime'];
+}>): FrameHandle;

package/dist/runtime/component.js

@@ -0,0 +1,152 @@
+import { TypedEventTarget } from "./typed-event-target.js";
+/**
+ * Creates the internal runtime wrapper for a component instance.
+ *
+ * @param config Component runtime configuration.
+ * @returns Component runtime helpers used by the reconciler.
+ */
+export function createComponent(config) {
+    let taskQueue = [];
+    let renderCtrl = null;
+    let connectedCtrl = null;
+    let contextValue = undefined;
+    function getConnectedSignal() {
+        if (!connectedCtrl)
+            connectedCtrl = new AbortController();
+        return connectedCtrl.signal;
+    }
+    let getContent = null;
+    let scheduleUpdate = () => {
+        throw new Error('scheduleUpdate not implemented');
+    };
+    let props = {};
+    let context = {
+        set: (value) => {
+            contextValue = value;
+        },
+        get: (type) => config.getContext(type),
+    };
+    let handle = {
+        id: config.id,
+        props,
+        update: () => new Promise((resolve) => {
+            taskQueue.push((signal) => resolve(signal));
+            scheduleUpdate();
+        }),
+        queueTask: (task) => {
+            taskQueue.push(task);
+        },
+        frame: config.frame,
+        frames: {
+            get top() {
+                return config.getTopFrame?.() ?? config.frame;
+            },
+            get(name) {
+                return config.getFrameByName(name);
+            },
+        },
+        context: context,
+        get signal() {
+            return config.signal ?? getConnectedSignal();
+        },
+    };
+    function dequeueTasks() {
+        // Only create render controller if any task expects a signal (has length >= 1)
+        let needsSignal = taskQueue.some((task) => task.length >= 1);
+        if (needsSignal && !renderCtrl) {
+            renderCtrl = new AbortController();
+        }
+        let signal = renderCtrl?.signal;
+        return taskQueue.splice(0, taskQueue.length).map((task) => () => task(signal));
+    }
+    function render(props) {
+        if (connectedCtrl?.signal.aborted) {
+            console.warn('render called after component was removed, potential application memory leak');
+            return [null, []];
+        }
+        // Only abort render controller if it was initialized
+        if (renderCtrl) {
+            renderCtrl.abort();
+            renderCtrl = null;
+        }
+        syncProps(handle.props, props);
+        let renderContent = getContent;
+        if (!renderContent) {
+            let result = config.type(handle);
+            if (typeof result !== 'function') {
+                let name = config.type.name || 'Anonymous';
+                throw new Error(`${name} must return a render function, received ${typeof result}`);
+            }
+            else {
+                getContent = result;
+                renderContent = result;
+            }
+        }
+        if (!renderContent) {
+            throw new Error('component render function was not initialized');
+        }
+        let node = renderContent(handle.props);
+        return [node, dequeueTasks()];
+    }
+    function remove() {
+        connectedCtrl?.abort();
+        renderCtrl?.abort();
+        return dequeueTasks();
+    }
+    function setScheduleUpdate(nextScheduleUpdate) {
+        scheduleUpdate = nextScheduleUpdate;
+    }
+    function getContextValue() {
+        return contextValue;
+    }
+    return { render, remove, setScheduleUpdate, frame: config.frame, getContextValue };
+}
+function syncProps(target, next) {
+    for (let key in target) {
+        if (!(key in next)) {
+            delete target[key];
+        }
+    }
+    for (let key in next) {
+        target[key] = next[key];
+    }
+}
+/**
+ * Built-in component used to render nested frame content.
+ *
+ * @param handle Component handle for the frame instance.
+ * @returns A placeholder render function handled by the reconciler.
+ */
+export function Frame(handle) {
+    void handle;
+    return () => null; // reconciler renders
+}
+/**
+ * Built-in component used to group children without adding a host element.
+ *
+ * @param handle Component handle for the fragment instance.
+ * @returns A placeholder render function handled by the reconciler.
+ */
+export function Fragment(handle) {
+    void handle;
+    return () => null; // reconciler renders
+}
+/**
+ * Creates a frame handle with default no-op implementations for testing and internal wiring.
+ *
+ * @param def Partial frame-handle implementation to merge with the defaults.
+ * @returns A frame handle object.
+ */
+export function createFrameHandle(def) {
+    return Object.assign(new TypedEventTarget(), {
+        src: '/',
+        replace: notImplemented('replace not implemented'),
+        reload: notImplemented('reload not implemented'),
+    }, def);
+}
+function notImplemented(msg) {
+    return () => {
+        throw new Error(msg);
+    };
+}
+//# sourceMappingURL=component.js.map

package/dist/runtime/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../src/runtime/component.ts"],"names":[],"mappings":"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"}

package/dist/runtime/create-element.d.ts

@@ -0,0 +1,10 @@
+import type { ElementType, RemixElement } from './jsx.ts';
+/**
+ * Creates a Remix virtual element from a JSX-like call signature.
+ *
+ * @param type Host tag, component function, or mixin host placeholder.
+ * @param props Element props.
+ * @param children Child nodes.
+ * @returns A Remix virtual element.
+ */
+export declare function createElement(type: ElementType, props?: Record<string, any>, ...children: any[]): RemixElement;

package/dist/runtime/create-element.js

@@ -0,0 +1,29 @@
+import { jsx } from "./jsx.js";
+/**
+ * Creates a Remix virtual element from a JSX-like call signature.
+ *
+ * @param type Host tag, component function, or mixin host placeholder.
+ * @param props Element props.
+ * @param children Child nodes.
+ * @returns A Remix virtual element.
+ */
+export function createElement(type, props, ...children) {
+    let nextProps = { ...(props ?? {}) };
+    if (isMixinElementType(type)) {
+        if (children.length > 0) {
+            console.error(new Error('mixin elements must not receive children'));
+        }
+    }
+    else {
+        nextProps.children = children;
+    }
+    if (nextProps.key != null) {
+        let { key, ...rest } = nextProps;
+        return jsx(type, rest, key);
+    }
+    return jsx(type, nextProps);
+}
+function isMixinElementType(type) {
+    return typeof type === 'function' && '__rmxMixinElementType' in type;
+}
+//# sourceMappingURL=create-element.js.map

package/dist/runtime/create-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-element.js","sourceRoot":"","sources":["../../src/runtime/create-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAG9B;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAC3B,IAAiB,EACjB,KAA2B,EAC3B,GAAG,QAAe;IAElB,IAAI,SAAS,GAAG,EAAE,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,CAAA;IACpC,IAAI,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC;QAC7B,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACxB,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,0CAA0C,CAAC,CAAC,CAAA;QACtE,CAAC;IACH,CAAC;SAAM,CAAC;QACN,SAAS,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAC/B,CAAC;IAED,IAAI,SAAS,CAAC,GAAG,IAAI,IAAI,EAAE,CAAC;QAC1B,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,SAAS,CAAA;QAChC,OAAO,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,CAAA;IAC7B,CAAC;IAED,OAAO,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;AAC7B,CAAC;AAED,SAAS,kBAAkB,CACzB,IAAiB;IAEjB,OAAO,OAAO,IAAI,KAAK,UAAU,IAAI,uBAAuB,IAAI,IAAI,CAAA;AACtE,CAAC"}

package/dist/runtime/diff-dom.d.ts

@@ -0,0 +1,2 @@
+import type { FrameContext } from './frame.ts';
+export declare function diffNodes(curr: Node[], next: Node[], context: FrameContext): void;