@remix-run/ui 0.0.0 → 0.1.1

package/dist/runtime/mixins/link-mixin.js.map

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

package/dist/runtime/mixins/mixin.d.ts

@@ -0,0 +1,145 @@
+import type { Context, FrameHandle } from '../component.ts';
+import type { ElementProps, RemixElement } from '../jsx.ts';
+import type { Scheduler } from '../scheduler.ts';
+import { TypedEventTarget } from '../typed-event-target.ts';
+type RebindNode<value, baseNode, boundNode> = value extends (...args: infer fnArgs) => infer fnResult ? (...args: RebindTuple<fnArgs, baseNode, boundNode>) => RebindNode<fnResult, baseNode, boundNode> : [value] extends [baseNode] ? [baseNode] extends [value] ? boundNode : value : value;
+type RebindTuple<args extends unknown[], baseNode, boundNode> = {
+    [index in keyof args]: RebindNode<args[index], baseNode, boundNode>;
+};
+export type MixinProps<node extends EventTarget = Element, props extends ElementProps = ElementProps> = Omit<props, 'children' | 'innerHTML' | 'mix'> & {
+    mix?: MixValue<node, props>;
+};
+export type MixinElement<node extends EventTarget = Element, props extends ElementProps = ElementProps> = ((handle: {
+    update(): Promise<AbortSignal>;
+}, setup: unknown) => (props: MixinProps<node, props>) => RemixElement) & {
+    __rmxMixinElementType: string;
+};
+export type MixinInsertEvent<node extends EventTarget = Element> = Event & {
+    node: node;
+    parent: ParentNode;
+    key?: string;
+};
+export type MixinReclaimedEvent<node extends EventTarget = Element> = Event & {
+    node: node;
+    parent: ParentNode;
+    key?: string;
+};
+export type MixinUpdateEvent<node extends EventTarget = Element> = Event & {
+    node: node;
+};
+export type MixinBeforeRemoveEvent = Event & {
+    persistNode(teardown: (signal: AbortSignal) => void | Promise<void>): void;
+};
+type MixinContext = Pick<Context<Record<string, never>>, 'get'>;
+type MixinHandleEventMap<node extends EventTarget = Element> = {
+    beforeRemove: MixinBeforeRemoveEvent;
+    reclaimed: MixinReclaimedEvent<node>;
+    remove: Event;
+    insert: MixinInsertEvent<node>;
+    beforeUpdate: MixinUpdateEvent<node>;
+    commit: MixinUpdateEvent<node>;
+};
+/**
+ * Runtime handle passed to mixin setup functions.
+ *
+ * Mixin render callbacks receive host props with `children` and `innerHTML` removed.
+ * Returned mixin elements may patch host attributes and nested `mix`, but cannot replace
+ * the host subtree.
+ */
+export type MixinHandle<node extends EventTarget = Element, props extends ElementProps = ElementProps> = TypedEventTarget<MixinHandleEventMap<node>> & {
+    id: string;
+    context: MixinContext;
+    frame: FrameHandle;
+    element: MixinElement<node, props>;
+    signal: AbortSignal;
+    update(): Promise<AbortSignal>;
+    queueTask(task: (node: node, signal: AbortSignal) => void): void;
+};
+export declare function renderMixinElement<node extends EventTarget = Element, props extends ElementProps = ElementProps>(element: MixinElement<node, props>, props?: MixinProps<node, props>): RemixElement;
+type MixinRuntimeType<args extends unknown[] = [], node extends EventTarget = Element, props extends ElementProps = ElementProps> = (handle: MixinHandle<node, props>, type: string) => ((...args: [...args, currentProps: props]) => MixinReturn<node, props>) | void;
+/**
+ * Public mixin setup function signature.
+ */
+export type MixinType<node extends EventTarget = Element, args extends unknown[] = [], props extends ElementProps = ElementProps> = (handle: MixinHandle<node, props>, type: string) => ((...args: [...args, currentProps: props]) => MixinReturn<node, props>) | void;
+/**
+ * Serializable descriptor stored in the `mix` prop.
+ */
+export type MixinDescriptor<node extends EventTarget = Element, args extends unknown[] = [], props extends ElementProps = ElementProps> = {
+    type: MixinRuntimeType<args, node, props>;
+    args: args;
+    readonly __node?: (node: node) => void;
+};
+type PreviousMixDepth = [0, 0, 1, 2, 3, 4];
+type FalsyMixValue = false | 0 | 0n | '' | null | undefined;
+type NullableMixValue<descriptor> = descriptor | FalsyMixValue;
+type NestedMixValue<descriptor, depth extends number = 4> = depth extends 0 ? NullableMixValue<descriptor> | ReadonlyArray<NullableMixValue<descriptor>> : NullableMixValue<descriptor> | ReadonlyArray<NestedMixValue<descriptor, PreviousMixDepth[depth]>>;
+/**
+ * Accepted authoring shape for the `mix` prop on host elements.
+ */
+export type MixInput<node extends EventTarget = Element, props extends ElementProps = ElementProps> = NestedMixValue<MixinDescriptor<node, any, props>>;
+/**
+ * Accepted value shape for the `mix` prop.
+ */
+export type MixValue<node extends EventTarget = Element, props extends ElementProps = ElementProps> = MixinDescriptor<node, any, props> | ReadonlyArray<MixinDescriptor<node, any, props>>;
+type MixinReturn<node extends EventTarget = Element, props extends ElementProps = ElementProps> = void | null | RemixElement | MixinElement<node, props> | MixInput<node, props>;
+type AnyMixinType = MixinRuntimeType<unknown[], Element, ElementProps>;
+type AnyMixinRunner = (...args: [...unknown[], currentProps: ElementProps]) => MixinReturn<Element, ElementProps>;
+type AnyMixinHandle = MixinHandle<Element, ElementProps>;
+type RunnerEntry = {
+    type: AnyMixinType;
+    runner: AnyMixinRunner;
+    scope: symbol;
+};
+export type MixinRuntimeBinding = {
+    node: Element;
+    parent: ParentNode;
+    key?: string;
+    target: unknown;
+    frame: FrameHandle;
+    scheduler: Scheduler;
+    enqueueUpdate(done: (signal: AbortSignal) => void): void;
+};
+type ResolveMixedPropsInput = {
+    hostType: string;
+    frame: FrameHandle;
+    scheduler: Scheduler;
+    getContext?: MixinContext['get'];
+    props: ElementProps;
+    state?: MixinRuntimeState;
+};
+type ResolveMixedPropsOutput = {
+    props: ElementProps;
+    state: MixinRuntimeState;
+};
+export type MixinRuntimeState = {
+    id: string;
+    controller?: AbortController;
+    aborted: boolean;
+    handle?: AnyMixinHandle;
+    runners: RunnerEntry[];
+    binding?: MixinRuntimeBinding;
+    removePrepared?: boolean;
+    pendingRemoval?: {
+        signal: AbortSignal;
+        cancel: (reason?: unknown) => void;
+        done: Promise<void>;
+    };
+};
+/**
+ * Creates a typed mixin factory that can be passed through the `mix` prop.
+ *
+ * @param type Mixin setup function.
+ * @returns A function that captures mixin arguments and returns a descriptor.
+ */
+export declare function createMixin<node extends EventTarget = Element, args extends unknown[] = [], props extends ElementProps = ElementProps>(type: MixinType<node, args, props>): <boundNode extends node = node>(...args: RebindTuple<args, node, boundNode>) => MixinDescriptor<boundNode, RebindTuple<args, node, boundNode>, props>;
+export declare function resolveMixedProps(input: ResolveMixedPropsInput): ResolveMixedPropsOutput;
+export declare function teardownMixins(state?: MixinRuntimeState): void;
+export declare function bindMixinRuntime(state: MixinRuntimeState | undefined, binding?: MixinRuntimeBinding, options?: {
+    dispatchReclaimed?: boolean;
+}): void;
+export declare function prepareMixinRemoval(state?: MixinRuntimeState): Promise<void> | undefined;
+export declare function cancelPendingMixinRemoval(state?: MixinRuntimeState, reason?: unknown): void;
+export declare function getMixinRuntimeSignal(state: MixinRuntimeState): AbortSignal;
+export declare function dispatchMixinBeforeUpdate(state?: MixinRuntimeState): void;
+export declare function dispatchMixinCommit(state?: MixinRuntimeState): void;
+export {};