@motionscript/grids 0.1.0-alpha.4 → 0.1.0-alpha.6

package/dist/kit/item-grid.d.ts

@@ -1,8 +1,40 @@
-import { Node2D, type BoxBounds, type ChildPlacement, type Command, type CommandArgs, type MeasureContext2D, type EasingFunction, type Node2DProps, type Size2D, type SizeConstraints, type SpaceCamera } from "@motionscript/sdk";
-export { findNode2D, frameIn } from "@motionscript/sdk";
-import { type FocusState, type RevealState, type RevealStyle, type WaveState, type WaveStyle } from "./item-effects.js";
+import { type ChildView, type InsetsResolved, type LayoutBox, type LayoutItem, type Measurer, type Node2D, type NodeView, type Piece, type Placement2D, type RenderContext, type Size2D, type Timeline, type Values } from "@motionscript/sdk";
+import { type FocusState, type RevealState, type WaveState } from "./item-effects.js";
 import { type Arrangement, type Slot } from "./slots/index.js";
 import { type StaggerOrder } from "./stagger.js";
+/**
+ * What every grid is built from: a container that places each of its children
+ * in a slot of an arrangement — a rectangular grid, a ring, a path, a sphere.
+ * Spread `state` and `commands` in, take `defaults`, hand `fields` the
+ * {@link Arranger} that makes this grid's arrangement from its state, and pass
+ * the finished component and its arranger through {@link define}.
+ *
+ * ## Children only
+ *
+ * The items are the children, in layer order. A child's slot is a parent
+ * transform on it, so its own `x`/`y`/`rotation`/`scale` — and any command on
+ * them — still work, relative to the slot. A group is one item; a grid of
+ * grids is a grid of items that happen to be grids.
+ *
+ * ## One pass
+ *
+ * Every frame: measure the children, ask the arrangement for its slots (a pure
+ * function of the state, the sizes and the clock), blend them from where a
+ * transition is leaving, and layer on the per-item effects — reveal, wave,
+ * focus. What is left is each child's box and slot, which the renderer,
+ * picking and `global` all read, so a selection outline lands on the pixels
+ * even on a sphere.
+ *
+ * ## Commands
+ *
+ * Every command is a pure function of time. The per-item ones stagger *inside*
+ * their duration — a one-second reveal takes one second for four children or
+ * four hundred — and write their per-item state into entries
+ * (`revealState` and its siblings), which is what keeps them seekable. The ones
+ * that change the arrangement itself (a reorder, a morph, a column count) keep
+ * the arrangement they are leaving as data and blend each item from its old
+ * slot to its new one.
+ */
 /** An arrangement a grid is leaving, kept as data so its slots can be worked out afresh every frame. */
 export interface GridSnapshot {
     arrangement: Arrangement;
@@ -17,43 +49,12 @@ export interface GridTransition {
     /** Each item's eased, staggered progress, `0..1`. */
     mix: readonly number[];
 }
-export interface ItemGridProps extends Node2DProps {
-    /** Items in slot order: slot `k` holds child `order[k]`. Empty is the children's own order. */
-    order: number[];
-    /** `0` gathers every item at the centre, `1` is the arrangement, past `1` pushes them apart. */
-    spread: number;
-    /** Another grid whose arrangement this one takes on — what {@link ItemGrid.morphInto} animates. */
-    arrangeLike: string;
-    revealState: RevealState | null;
-    waveState: WaveState | null;
-    focusState: FocusState | null;
-    transition: GridTransition | null;
-}
-/** What a command that moves the items to new slots is built from. */
-export interface TransitionArgs {
-    data?: StaggerArgs;
-    duration: number;
-    easing?: EasingFunction;
-}
 /** The stagger options every per-item command takes. */
 export interface StaggerArgs {
     staggerOrder?: StaggerOrder;
     /** `0..0.95`: how much of the command's length the items' offsets take up. */
     stagger?: number;
 }
-/** `@command` descriptors for {@link StaggerArgs}, `stagger` defaulting to `fallback`. */
-export declare function staggerArgs(fallback: number): readonly [{
-    readonly key: "staggerOrder";
-    readonly kind: "enum";
-    readonly options: readonly ["index", "reverse", "random", "centerOut", "edgesIn", "row", "column", "angle", "path", "depth"];
-    readonly default: "index";
-}, {
-    readonly key: "stagger";
-    readonly min: 0;
-    readonly max: 0.95;
-    readonly step: 0.05;
-    readonly default: number;
-}];
 /**
  * Every grid's document key — what a reference to "another grid" may name. A
  * `nodeRef` descriptor carries it as `nodeTypes`, for a host's picker to offer
@@ -62,174 +63,178 @@ export declare function staggerArgs(fallback: number): readonly [{
 export declare const ITEM_GRID_TYPES: readonly ["rectangularGrid", "radialGrid", "pathGrid", "sphereGrid"];
 /** The stagger a move to new slots takes when its command states none. */
 export declare const TRANSITION_STAGGER = 0.3;
+/** A reference to another node, a host's picker offering only `types`. Its fields read a view of it. */
+export declare function nodeRef(types: readonly string[]): import("@motionscript/sdk").Type<string, NodeView<import("@motionscript/sdk").Element<string, unknown, unknown>> | null, false>;
+/** The stagger args every per-item command takes, `stagger` defaulting to `fallback`. */
+export declare function staggerArgs(fallback: number): {
+    staggerOrder: import("@motionscript/sdk").Type<"path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", "path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", false>;
+    stagger: import("@motionscript/sdk").Type<number, number, false>;
+};
 /**
- * The base of every grid: a container that places each of its children in a
- * slot of an arrangement — a rectangular grid, a ring, a path, a sphere.
- *
- * ## Children only
- *
- * The items are the children, in layer order. A child's slot is a parent
- * transform on it, so its own `x`/`y`/`rotation`/`scale` — and any command on
- * them — still work, relative to the slot. A group is one item; a grid of
- * grids is a grid of items that happen to be grids.
- *
- * ## One pass
- *
- * Every frame: measure the children, ask the arrangement for its slots (a pure
- * function of the props, the sizes and the clock), blend them from where a
- * transition is leaving, and layer on the per-item effects — reveal, wave,
- * focus. What is left is each child's box and {@link ChildPlacement}, which the
- * renderer, picking and `global` all read, so a selection outline lands on
- * the pixels even on a sphere.
- *
- * ## Commands
- *
- * Every command is a pure function of time, like the rest of the library. The
- * per-item ones stagger *inside* their duration — a one-second reveal takes one
- * second for four children or four hundred — and write their per-item state
- * into props ({@link revealState} and its siblings), which is what keeps them
- * seekable. The ones that change the arrangement itself (a reorder, a morph, a
- * column count) keep the arrangement they are leaving as data and blend each
- * item from its old slot to its new one.
+ * A command arg a host fills in with `hint`, which a row may leave out: the
+ * command then keeps what the grid has. A run arg's default is both what a
+ * host offers and what an omitted arg means, so the hint rides on the arg's
+ * description alone, and an omitted arg reads `undefined`.
  */
-export declare abstract class ItemGrid<P extends ItemGridProps = ItemGridProps> extends Node2D<P> {
-    order: number[];
-    spread: number;
-    arrangeLike: string;
-    revealState: RevealState | null | undefined;
-    waveState: WaveState | null | undefined;
-    focusState: FocusState | null | undefined;
-    transition: GridTransition | null | undefined;
-    /**
-     * Bring the items in, one after another. Every item starts hidden, so place
-     * it where the grid enters — or after a {@link conceal}.
-     */
-    reveal(args: CommandArgs<{
-        style?: RevealStyle;
-    } & StaggerArgs> & {
-        duration: number;
-    }): Command<ItemGridProps>;
-    /** Take the items out, one after another — {@link reveal} in reverse. They stay hidden after. */
-    conceal(args: CommandArgs<{
-        style?: RevealStyle;
-    } & StaggerArgs> & {
-        duration: number;
-    }): Command<ItemGridProps>;
-    /** Send a ripple through the items that swells each in turn and settles back. */
-    wave(args: CommandArgs<{
-        style?: WaveStyle;
-        amount?: number;
-    } & StaggerArgs> & {
-        duration: number;
-    }): Command<ItemGridProps>;
-    /** Bring one item (by its place in the layers, from 0) forward and push the rest back. */
-    focus(args: CommandArgs<{
-        item?: number;
-        dim?: number;
-        grow?: number;
-    }> & {
-        duration: number;
-    }): Command<ItemGridProps>;
-    /** Bring every item back to even. */
-    unfocus(args: CommandArgs<Record<string, never>> & {
-        duration: number;
-    }): Command<ItemGridProps>;
-    /** Gather the items toward the centre (`0`), back to the arrangement (`1`), or push them apart. */
-    spreadTo(args: CommandArgs<{
-        spread: number;
-    }> & {
-        duration: number;
-    }): Command<P>;
-    /** Send every item to a random slot. The same `seed` always deals the same way. */
-    shuffle(args: CommandArgs<{
-        seed?: number;
-    } & StaggerArgs> & {
-        duration: number;
-    }): Command<P>;
-    /** Two items trade places, by their place in the layers. */
-    swap(args: CommandArgs<{
-        first?: number;
-        second?: number;
-    } & StaggerArgs> & {
-        duration: number;
-    }): Command<P>;
-    /** Move the items into a new order — a list of layer indices, first slot first, like `"2, 0, 1"`. */
-    reorder(args: CommandArgs<{
-        order?: string | number[];
-    } & StaggerArgs> & {
-        duration: number;
-    }): Command<P>;
-    /**
-     * Move every item into another grid's arrangement — a grid into a ring, a ring
-     * onto a sphere — and keep following it. An empty `target` morphs back to
-     * this grid's own.
-     */
-    morphInto(args: CommandArgs<{
-        target?: string;
-    } & StaggerArgs> & {
-        duration: number;
-    }): Command<P>;
+export declare function hinted<T extends number | string>(hint: T, options?: object): import("@motionscript/sdk").Type<T | undefined, T | undefined, false>;
+/** A command arg naming another node, a host's picker offering only `types`; left out, it reads `undefined`. */
+export declare function nodeRefArg(types: readonly string[]): import("@motionscript/sdk").Type<string | undefined, string | undefined, false>;
+/** The state every grid shares. */
+export declare const state: {
+    /** Items in slot order: slot `k` holds child `order[k]`. Empty is the children's own order. */
+    order: import("@motionscript/sdk").Type<number[], number[], false>;
+    /** `0` gathers every item at the centre, `1` is the arrangement, past `1` pushes them apart. */
+    spread: import("@motionscript/sdk").Type<number, number, false>;
+    /** Another grid whose arrangement this one takes on — what `morphInto` animates. */
+    arrangeLike: import("@motionscript/sdk").Type<string, NodeView<import("@motionscript/sdk").Element<string, unknown, unknown>> | null, false>;
+    revealState: import("@motionscript/sdk").Type<RevealState | null | undefined, RevealState | null | undefined, false>;
+    waveState: import("@motionscript/sdk").Type<WaveState | null | undefined, WaveState | null | undefined, false>;
+    focusState: import("@motionscript/sdk").Type<FocusState | null | undefined, FocusState | null | undefined, false>;
+    transition: import("@motionscript/sdk").Type<GridTransition | null | undefined, GridTransition | null | undefined, false>;
+    /** The grid a transition's leaving arrangement was borrowed from, followed while the items travel. */
+    transitionSource: import("@motionscript/sdk").Type<string, NodeView<import("@motionscript/sdk").Element<string, unknown, unknown>> | null, true>;
+};
+/** A grid's size is what its items come to, whether it was built with children or they arrive after it. */
+export declare const defaults: {
+    readonly width: "hug";
+    readonly height: "hug";
+};
+/** What a grid's commands read of its state, beyond its own arrangement's entries. */
+export type GridValues = Values<typeof state> & {
+    readonly padding: InsetsResolved;
+};
+/** What a grid's measure, layout and render read of its state, beyond its own arrangement's entries. */
+export type GridState = GridValues & {
+    readonly width: LayoutItem["width"];
+    readonly height: LayoutItem["height"];
+    readonly children: readonly ChildView[];
+};
+/** What makes one grid's arrangement from its state: the rest of a grid is this module. */
+export interface Arranger<S = unknown> {
     /** This grid's own arrangement, for a content box of `box`. */
-    protected abstract arrangementFor(box: Size2D): Arrangement;
-    protected applyDefaultSize(props?: {
-        readonly width?: unknown;
-        readonly height?: unknown;
-    }): void;
-    /** The room each item is measured in — the whole content box, unless an arrangement has cells. */
-    protected itemSpace(_count: number, space: Size2D, _sizes?: readonly Size2D[]): Size2D;
-    measure(constraints: SizeConstraints, scope: MeasureContext2D): Partial<Size2D>;
-    protected layoutChildren(rect: BoxBounds, scope: MeasureContext2D): void;
-    _placementOf(child: Node2D): ChildPlacement | null;
-    /**
-     * A grid whose arrangement has depth is seen through a camera of its own,
-     * which paints its items far to near — unless it already sits in a space (an
-     * orbit camera, a 3D stage), where its items join that one and its camera.
-     */
-    _spaceCamera(): SpaceCamera | null;
-    private readonly _placements;
-    /** What {@link measure} found, for {@link layoutChildren} to reuse in the same pass. */
-    private _measured;
-    /** Each item's slot from the last layout — what a command ranks its stagger by. */
-    private _slots;
-    /** Each item's size from the last layout. */
-    private _sizes;
-    /** The last layout's camera distance, `0` while flat. */
-    private _focal;
-    private _borrowCache;
-    /** How many items a command built now will act on. */
-    protected _itemCount(): number;
-    /** Each item's slot as it stands, for a command being built — the last layout's where it still fits. */
-    protected _itemSlots(): Slot[];
-    /** The item sizes the last layout found. */
-    protected _itemSizes(): readonly Size2D[];
-    /** Each item's start in a stagger. A random order is seeded by the node's id, so it never changes between builds. */
-    protected _ranks(order: StaggerOrder | undefined): number[];
-    /**
-     * Write `changes` to the arrangement and move each item from its slot in the
-     * one being left to its slot in the new one, staggered.
-     */
-    protected _transitionTo(changes: Partial<P>, args: TransitionArgs, stagger?: number): Command<P>;
-    /** Emphasise the items `isFocus` picks and push the rest back. */
-    protected _focusOn(isFocus: (item: number) => boolean, count: number, args: CommandArgs<{
-        dim?: number;
-        grow?: number;
-    }> & {
-        duration: number;
-    }): Command<ItemGridProps>;
-    private _snapshot;
-    private _measureItems;
-    /** Where each item sits in the arrangement it is heading for, before any transition or effect. */
-    private _targetSlots;
-    /** Each item's final slot this frame: the target, blended from any transition, with its effects on. */
-    private _resolve;
-    /** Whether an ancestor places this grid in a space, as `spaceFrameOf` walks it. */
-    private _inSpace;
-    /** The grid {@link arrangeLike} names, when it names another grid in this tree. */
-    private _borrowed;
-    private _gridById;
-    /** `slots`, laid out in `source`'s frame, moved into this grid's. */
-    private _fromGrid;
+    arrangement(state: S, box: Size2D): Arrangement;
+    /** The room each item is measured in — the whole content box, unless the arrangement has cells. */
+    itemSpace?(state: S, count: number, space: Size2D): Size2D;
 }
+type GridComponent = {
+    readonly key: string;
+    readonly node: abstract new (...args: never[]) => object;
+};
+/**
+ * `component` as a grid: registers its `arranger`, which another grid borrowing
+ * its arrangement or morphing into it reads it by, and which {@link isGrid} knows it by.
+ */
+export declare function define<C extends GridComponent, S>(component: C, arranger: Arranger<S>): C;
+/** Whether `value` is a node of one of the grids {@link define} has seen. */
+export declare function isGrid(value: unknown): boolean;
+/** The grid's measure, layout and render, for `arranger`'s arrangement: spread them into the component. */
+export declare function fields<S>(arranger: Arranger<S>): {
+    measure: (measurer: Measurer, s: GridState & S, children: readonly ChildView[]) => Size2D;
+    layout: (box: LayoutBox, s: GridState & S, children: readonly ChildView[]) => readonly Placement2D[];
+    render: (ctx: RenderContext, s: GridState & S) => void;
+};
+export declare function measure<S>(measurer: Measurer, s: GridState & S, children: readonly ChildView[], arranger: Arranger<S>): Size2D;
+export declare function layout<S>(box: LayoutBox, s: GridState & S, children: readonly ChildView[], arranger: Arranger<S>): readonly Placement2D[];
+/**
+ * A grid whose arrangement has depth is seen through a camera of its own,
+ * which paints its items far to near — unless it already sits in a space (an
+ * orbit camera, a 3D stage), where its items join that one and its camera.
+ */
+export declare function render<S>(ctx: RenderContext, s: GridState & S, arranger: Arranger<S>): void;
 /** A node's content box: its laid-out size inside its padding. */
 export declare function contentBoxOf(grid: Node2D): Size2D;
+type GridTimeline = Timeline<StaggerArgs, never>;
+/**
+ * Each item's slot in its arrangement as it stands, for a command being built,
+ * at the clock commands are built against (the tree stands at time 0 while a
+ * timeline compiles): what its stagger is ranked by.
+ */
+export declare function itemSlots(timeline: Timeline<object, never>, s: GridValues, children: readonly ChildView[]): Slot[];
+/** Each item's start in a stagger. A random order is seeded by the node's id, so it never changes between builds. */
+export declare function ranks(timeline: Timeline<object, never>, s: GridValues, children: readonly ChildView[], order: StaggerOrder | undefined): number[];
+/**
+ * Write `changes` to the arrangement and move each item from its slot in the
+ * one being left to its slot in the new one, staggered.
+ */
+export declare function transitionTo(timeline: GridTimeline, s: GridValues, children: readonly ChildView[], changes: Record<string, unknown>, stagger?: number): Piece;
+/** Emphasise the items `isFocus` picks and push the rest back. */
+export declare function focusOn(timeline: Timeline<object, never>, s: GridValues, isFocus: (item: number) => boolean, count: number, dim: number, grow: number): Piece;
+export declare const commands: {
+    readonly reveal: {
+        readonly args: {
+            readonly staggerOrder: import("@motionscript/sdk").Type<"path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", "path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", false>;
+            readonly stagger: import("@motionscript/sdk").Type<number, number, false>;
+            readonly style: import("@motionscript/sdk").Type<"center" | "scale" | "fade" | "rise" | "flip" | "spin", "center" | "scale" | "fade" | "rise" | "flip" | "spin", false>;
+        };
+        run(timeline: any, state: any, children: any): Piece;
+    };
+    readonly conceal: {
+        readonly args: {
+            readonly staggerOrder: import("@motionscript/sdk").Type<"path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", "path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", false>;
+            readonly stagger: import("@motionscript/sdk").Type<number, number, false>;
+            readonly style: import("@motionscript/sdk").Type<"center" | "scale" | "fade" | "rise" | "flip" | "spin", "center" | "scale" | "fade" | "rise" | "flip" | "spin", false>;
+        };
+        run(timeline: any, state: any, children: any): Piece;
+    };
+    readonly wave: {
+        readonly args: {
+            readonly staggerOrder: import("@motionscript/sdk").Type<"path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", "path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", false>;
+            readonly stagger: import("@motionscript/sdk").Type<number, number, false>;
+            readonly style: import("@motionscript/sdk").Type<"scale" | "fade" | "spin" | "lift", "scale" | "fade" | "spin" | "lift", false>;
+            readonly amount: import("@motionscript/sdk").Type<number, number, false>;
+        };
+        run(timeline: any, state: any, children: any): Piece;
+    };
+    readonly focus: {
+        readonly args: {
+            readonly item: import("@motionscript/sdk").Type<number, number, false>;
+            readonly dim: import("@motionscript/sdk").Type<number, number, false>;
+            readonly grow: import("@motionscript/sdk").Type<number, number, false>;
+        };
+        run(timeline: any, state: any, children: any): Piece;
+    };
+    readonly unfocus: (timeline: any, state: any, children: any) => Piece;
+    readonly spreadTo: {
+        readonly args: {
+            readonly spread: import("@motionscript/sdk").Type<number, number, false>;
+        };
+        run(timeline: any, state: any, children: any): Piece;
+    };
+    readonly shuffle: {
+        readonly args: {
+            readonly staggerOrder: import("@motionscript/sdk").Type<"path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", "path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", false>;
+            readonly stagger: import("@motionscript/sdk").Type<number, number, false>;
+            readonly seed: import("@motionscript/sdk").Type<number, number, false>;
+        };
+        run(timeline: any, state: any, children: any): Piece;
+    };
+    readonly swap: {
+        readonly args: {
+            readonly staggerOrder: import("@motionscript/sdk").Type<"path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", "path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", false>;
+            readonly stagger: import("@motionscript/sdk").Type<number, number, false>;
+            readonly first: import("@motionscript/sdk").Type<number, number, false>;
+            readonly second: import("@motionscript/sdk").Type<number, number, false>;
+        };
+        run(timeline: any, state: any, children: any): Piece;
+    };
+    readonly reorder: {
+        readonly args: {
+            readonly staggerOrder: import("@motionscript/sdk").Type<"path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", "path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", false>;
+            readonly stagger: import("@motionscript/sdk").Type<number, number, false>;
+            readonly order: import("@motionscript/sdk").Type<string, string, false>;
+        };
+        run(timeline: any, state: any, children: any): Piece;
+    };
+    readonly morphInto: {
+        readonly args: {
+            readonly staggerOrder: import("@motionscript/sdk").Type<"path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", "path" | "row" | "column" | "angle" | "depth" | "index" | "reverse" | "random" | "centerOut" | "edgesIn", false>;
+            readonly stagger: import("@motionscript/sdk").Type<number, number, false>;
+            readonly target: import("@motionscript/sdk").Type<string | undefined, string | undefined, false>;
+        };
+        run(timeline: any, state: any, children: any): Piece;
+    };
+};
+/** A box of `size` inside `padding`: what a command reads as its grid's content box from `timeline.node.size`. */
+export declare function contentBox(size: Size2D, padding: InsetsResolved): Size2D;
+export {};
 //# sourceMappingURL=item-grid.d.ts.map

package/dist/kit/item-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"item-grid.d.ts","sourceRoot":"","sources":["../../src/kit/item-grid.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"item-grid.d.ts","sourceRoot":"","sources":["../../src/kit/item-grid.ts"],"names":[],"mappings":"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"}