@datamoc/mw_games 0.44.2 → 0.45.0

package/dist/two-d/ui/TreeView.js

@@ -1,133 +0,0 @@
-import { Signal } from '../../core/Signal.js';
-/**
- * A collapsible tree, flattened to the rows a game draws - a skill tree, a nested options menu,
- * a directory of scenarios grouped by campaign.
- *
- * Renderer-free, like `TabbedList`. The visible rows are derived from the roots and the set of
- * expanded ids every time they are asked for, rather than kept in a parallel list that could go
- * stale. Two rules are worth naming: collapsing a branch that contains the highlight moves the
- * highlight to the branch itself, and `move` only ever walks the rows actually on screen, so a
- * collapsed child is unreachable without expanding it first.
- *
- * @example
- * ```ts
- * import { TreeView } from '@datamoc/mw_games/two-d/ui';
- *
- * const tree = new TreeView({
- *   roots: [{ id: 'a', label: 'A', children: [{ id: 'a1', label: 'A1' }] }],
- * });
- * tree.expand('a');
- * console.log(tree.rows.map((row) => row.node.id)); // ['a', 'a1']
- * ```
- */
-export class TreeView {
-    constructor(options) {
-        this.onChange = new Signal();
-        this.expanded = new Set();
-        this.current = 0;
-        this.roots_ = options.roots;
-        for (const id of options.expanded ?? [])
-            this.expanded.add(id);
-        this.disabledOf = options.disabled ?? (() => false);
-        this.current = this.firstEnabled();
-    }
-    get roots() {
-        return this.roots_;
-    }
-    /** the rows on screen, in draw order: a collapsed node's children are absent */
-    get rows() {
-        const rows = [];
-        const walk = (nodes, depth) => {
-            for (const node of nodes) {
-                const hasChildren = (node.children?.length ?? 0) > 0;
-                const isExpanded = hasChildren && this.expanded.has(node.id);
-                rows.push({ node, depth, expanded: isExpanded, hasChildren });
-                if (isExpanded)
-                    walk(node.children, depth + 1);
-            }
-        };
-        walk(this.roots_, 0);
-        return rows;
-    }
-    get selectedIndex() {
-        return this.current;
-    }
-    get selected() {
-        return this.rows[this.current]?.node ?? null;
-    }
-    isExpanded(id) {
-        return this.expanded.has(id);
-    }
-    expand(id) {
-        if (this.expanded.has(id))
-            return;
-        this.expanded.add(id);
-        this.onChange.dispatch();
-    }
-    collapse(id) {
-        if (!this.expanded.has(id))
-            return;
-        //read the selection before closing, or a child index can already point past the shorter list
-        const selectedId = this.rows[this.current]?.node.id;
-        this.expanded.delete(id);
-        //if the highlight was inside the branch that just closed, land it on the branch itself
-        if (selectedId !== undefined && !this.rows.some((row) => row.node.id === selectedId)) {
-            const index = this.rows.findIndex((row) => row.node.id === id);
-            if (index >= 0)
-                this.current = index;
-        }
-        this.onChange.dispatch();
-    }
-    toggle(id) {
-        if (this.expanded.has(id))
-            this.collapse(id);
-        else
-            this.expand(id);
-    }
-    expandAll() {
-        const walk = (nodes) => {
-            for (const node of nodes) {
-                if (node.children?.length) {
-                    this.expanded.add(node.id);
-                    walk(node.children);
-                }
-            }
-        };
-        walk(this.roots_);
-        this.onChange.dispatch();
-    }
-    collapseAll() {
-        this.expanded.clear();
-        this.select(0);
-        this.onChange.dispatch();
-    }
-    select(index) {
-        const row = this.rows[index];
-        if (!row || this.disabledOf(row.node))
-            return;
-        this.current = index;
-        this.onChange.dispatch();
-    }
-    /** moves the highlight a visible row at a time, skipping disabled rows and stopping at the ends */
-    move(delta) {
-        const count = this.rows.length;
-        if (count === 0)
-            return;
-        let index = this.current;
-        for (let tried = 0; tried < count; tried++) {
-            index += delta;
-            if (index < 0 || index >= count)
-                return;
-            if (!this.disabledOf(this.rows[index].node)) {
-                this.current = index;
-                this.onChange.dispatch();
-                return;
-            }
-        }
-    }
-    firstEnabled() {
-        const index = this.rows.findIndex((row) => !this.disabledOf(row.node));
-        return index === -1 ? 0 : index;
-    }
-}
-//# sourceMappingURL=TreeView.js.map

package/dist/two-d/ui/TreeView.js.map

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

package/dist/two-d/ui/VerticalLabel.d.ts

@@ -1,69 +0,0 @@
-import { Container } from 'pixi.js';
-export interface GlyphLayout {
-    char: string;
-    x: number;
-    y: number;
-    rotate: boolean;
-}
-export interface VerticalLayoutOptions {
-    lineHeight: number;
-    /** a column wraps to a new one, further left, once it reaches this height */
-    columnHeight: number;
-    /** characters matching this are rotated a quarter turn rather than kept upright */
-    rotate?: RegExp;
-}
-/**
- * The pure layout math behind `VerticalLabel`, kept separate from Pixi's `Text` so it can
- * be tested without a canvas - `Text` needs a real `document` to measure glyphs, which does
- * not exist outside a browser.
- *
- * Columns run right to left, each one top to bottom, which is the traditional order for
- * vertical Japanese and Chinese. `\n` in the source text forces a new column, the same way
- * it forces a new line in horizontal text.
- *
- * @example
- * ```ts
- * import { layoutVertical } from '@datamoc/mw_games/two-d/ui';
- *
- * const glyphs = layoutVertical('AB', { lineHeight: 10, columnHeight: 100 });
- * console.log(glyphs[0]); // { char: 'A', x: -5, y: 5, rotate: true } - Latin letters rotate by default
- * console.log(glyphs[1]); // { char: 'B', x: -5, y: 15, rotate: true }
- * ```
- */
-export declare function layoutVertical(text: string, options: VerticalLayoutOptions): GlyphLayout[];
-export interface VerticalLabelOptions {
-    text: string;
-    color?: number;
-    size?: number;
-    columnHeight: number;
-    rotate?: RegExp;
-}
-/**
- * Text laid out top to bottom, column by column, right to left - vertical writing, which
- * canvas has no writing-mode for at all. Each character is its own `Text`, positioned by
- * `layoutVertical`; this is real per-glyph work, not a flag, which is why the README
- * schedules it separately from left-to-right/right-to-left (see `mwg/i18n`).
- *
- * What this does not do: tate-chu-yoko (shrinking a short latin/digit run to sit upright
- * within one column instead of rotating whole characters), and it does not reposition
- * punctuation to a cell's corner the way professionally typeset Japanese does. Both are
- * real refinements a native reader would want on top of this, not included here.
- *
- * @example
- * ```ts
- * import { VerticalLabel } from '@datamoc/mw_games/two-d/ui';
- *
- * const sign = new VerticalLabel({ text: '出口', columnHeight: 200, size: 24 });
- * sign.x = 400;
- * sign.y = 40;
- * ```
- */
-export declare class VerticalLabel extends Container {
-    private readonly opts;
-    private readonly themeListener;
-    constructor(options: VerticalLabelOptions);
-    /** rebuilds every glyph from scratch - font family, and possibly size, both follow the theme */
-    private build;
-    destroy(options?: Parameters<Container['destroy']>[0]): void;
-}
-//# sourceMappingURL=VerticalLabel.d.ts.map

package/dist/two-d/ui/VerticalLabel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VerticalLabel.d.ts","sourceRoot":"","sources":["../../../src/two-d/ui/VerticalLabel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAQ,MAAM,SAAS,CAAC;AAG1C,MAAM,WAAW,WAAW;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,qBAAqB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,6EAA6E;IAC7E,YAAY,EAAE,MAAM,CAAC;IACrB,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAKD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,qBAAqB,GAAG,WAAW,EAAE,CAiC1F;AAED,MAAM,WAAW,oBAAoB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,aAAc,SAAQ,SAAS;IAC3C,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAuB;IAC5C,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA+B;IAE7D,YAAY,OAAO,EAAE,oBAAoB,EAKxC;IAED,gGAAgG;IAChG,OAAO,CAAC,KAAK;IA4BJ,OAAO,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAGpE;CACD"}

package/dist/two-d/ui/VerticalLabel.js

@@ -1,110 +0,0 @@
-import { Container, Text } from 'pixi.js';
-import { theme, themeChanged } from './theme.js';
-/** ASCII letters and digits read sideways in vertical Japanese/Chinese text by default */
-const DEFAULT_ROTATE = /[A-Za-z0-9]/;
-/**
- * The pure layout math behind `VerticalLabel`, kept separate from Pixi's `Text` so it can
- * be tested without a canvas - `Text` needs a real `document` to measure glyphs, which does
- * not exist outside a browser.
- *
- * Columns run right to left, each one top to bottom, which is the traditional order for
- * vertical Japanese and Chinese. `\n` in the source text forces a new column, the same way
- * it forces a new line in horizontal text.
- *
- * @example
- * ```ts
- * import { layoutVertical } from '@datamoc/mw_games/two-d/ui';
- *
- * const glyphs = layoutVertical('AB', { lineHeight: 10, columnHeight: 100 });
- * console.log(glyphs[0]); // { char: 'A', x: -5, y: 5, rotate: true } - Latin letters rotate by default
- * console.log(glyphs[1]); // { char: 'B', x: -5, y: 15, rotate: true }
- * ```
- */
-export function layoutVertical(text, options) {
-    const { lineHeight, columnHeight } = options;
-    const rotate = options.rotate ?? DEFAULT_ROTATE;
-    const glyphs = [];
-    let column = 0;
-    let row = 0;
-    for (const char of text) {
-        if (char === '\n') {
-            column++;
-            row = 0;
-            continue;
-        }
-        if (row * lineHeight >= columnHeight) {
-            column++;
-            row = 0;
-        }
-        const doRotate = rotate.test(char);
-        //`column` is 0 at the start; -0 * lineHeight is still -0, which is never a value worth
-        //exposing over a plain 0
-        const columnX = column === 0 ? 0 : -column * lineHeight;
-        glyphs.push({
-            char,
-            x: doRotate ? columnX - lineHeight / 2 : columnX,
-            y: doRotate ? row * lineHeight + lineHeight / 2 : row * lineHeight,
-            rotate: doRotate,
-        });
-        row++;
-    }
-    return glyphs;
-}
-/**
- * Text laid out top to bottom, column by column, right to left - vertical writing, which
- * canvas has no writing-mode for at all. Each character is its own `Text`, positioned by
- * `layoutVertical`; this is real per-glyph work, not a flag, which is why the README
- * schedules it separately from left-to-right/right-to-left (see `mwg/i18n`).
- *
- * What this does not do: tate-chu-yoko (shrinking a short latin/digit run to sit upright
- * within one column instead of rotating whole characters), and it does not reposition
- * punctuation to a cell's corner the way professionally typeset Japanese does. Both are
- * real refinements a native reader would want on top of this, not included here.
- *
- * @example
- * ```ts
- * import { VerticalLabel } from '@datamoc/mw_games/two-d/ui';
- *
- * const sign = new VerticalLabel({ text: '出口', columnHeight: 200, size: 24 });
- * sign.x = 400;
- * sign.y = 40;
- * ```
- */
-export class VerticalLabel extends Container {
-    constructor(options) {
-        super();
-        this.themeListener = (t) => this.build(t);
-        this.opts = options;
-        this.build(theme());
-        themeChanged.add(this.themeListener);
-    }
-    /** rebuilds every glyph from scratch - font family, and possibly size, both follow the theme */
-    build(t) {
-        this.removeChildren().forEach((child) => child.destroy());
-        const size = this.opts.size ?? t.font.size;
-        const lineHeight = Math.ceil(size * t.font.lineHeight);
-        const glyphs = layoutVertical(this.opts.text, {
-            lineHeight,
-            columnHeight: this.opts.columnHeight,
-            rotate: this.opts.rotate,
-        });
-        for (const glyph of glyphs) {
-            const text = new Text({
-                text: glyph.char,
-                style: { fontFamily: t.font.family, fontSize: size, fill: this.opts.color ?? t.color.text },
-            });
-            if (glyph.rotate) {
-                text.anchor.set(0.5);
-                text.rotation = Math.PI / 2;
-            }
-            text.x = glyph.x;
-            text.y = glyph.y;
-            this.addChild(text);
-        }
-    }
-    destroy(options) {
-        themeChanged.remove(this.themeListener);
-        super.destroy(options);
-    }
-}
-//# sourceMappingURL=VerticalLabel.js.map

package/dist/two-d/ui/VerticalLabel.js.map

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

package/dist/two-d/ui/Window.d.ts

@@ -1,188 +0,0 @@
-import { Container } from 'pixi.js';
-import { Signal } from '../../core/Signal.ts';
-import { type OpenAnimationKind } from '../render/SceneTransition.ts';
-import type { Action } from '../../core/Input.ts';
-export interface WindowColors {
-    background?: number;
-    border?: number;
-    title?: number;
-}
-/** how a window opens or closes: `pop` (springs out), `grow`, `slide` (up from below) or `fade` */
-export interface WindowAnimation {
-    animation: OpenAnimationKind;
-    /** where `pop` and `grow` come from and go back to, in the window's parent space; the window's centre when omitted */
-    from?: {
-        x: number;
-        y: number;
-    };
-    /** seconds; 0.25 when omitted */
-    duration?: number;
-}
-export interface WindowOptions {
-    width: number;
-    height: number;
-    title?: string;
-    /** Local palette overrides; omitted fields keep following the active theme. */
-    colors?: WindowColors;
-    /** a modal window swallows input; anything below it stops responding */
-    modal?: boolean;
-    /** whether `cancel` closes it; false for a window that must be answered */
-    closable?: boolean;
-    /**
-     * Draws a visible close mark (✕) in the title corner of a closable window, so a touch
-     * player can see how to dismiss it. Off by default: `cancel` and a click outside already
-     * close it, and a mark would change every existing window's look.
-     */
-    closeButton?: boolean;
-    /**
-     * Whether the world behind is dimmed. Defaults to true for a modal window.
-     *
-     * A dialogue box over a conversation scene is the case for false: it takes the input
-     * like any modal, but the scene behind it is what the player is meant to be looking at,
-     * so dimming it would be backwards.
-     */
-    dims?: boolean;
-    /** where the stack puts it; 'bottom' is the usual place for a dialogue box */
-    anchor?: 'center' | 'bottom' | 'top';
-    /**
-     * Whether a click anywhere is swallowed rather than reaching what is underneath, and closes
-     * the window when it lands outside it. A window left to itself is not clickable - only the
-     * widgets inside it are - so a click on a map under an open inventory still reaches the map;
-     * this is the layer that stops it, and the tap-outside-to-dismiss a phone user expects.
-     *
-     * Off by default, since it is a change to what the whole screen answers to.
-     */
-    blocker?: boolean;
-}
-/**
- * A panel with a frame, a title and a content area.
- *
- * Windows are the interface: inventory, dialogue, character sheets, confirmations. They
- * live in a `WindowStack`, which decides which one has the keyboard.
- *
- * Contents go in `content`, whose origin is already inset past the frame and padding, so a
- * child placed at 0,0 sits correctly whatever the theme's border is.
- *
- * The window's own area is not clickable: the frame, the title and any part of the body with
- * no widget in it let a click travel to whatever is underneath, so a window over a map is not
- * by itself a wall. `blocker` is the option that makes one, and it is what a window that has
- * to be answered should set.
- *
- * @example
- * ```ts
- * import { Window, Label } from '@datamoc/mw_games/two-d/ui';
- *
- * const confirm = new Window({ width: 200, height: 100, title: 'Leave?', anchor: 'center', blocker: true });
- * confirm.content.addChild(new Label({ text: 'Progress since your last save will be lost.' }));
- * confirm.onClose.add(() => console.log('window closed'));
- *
- * confirm.place(800, 600); // centres it in an 800x600 viewport
- * confirm.handleAction('cancel'); // closable defaults to true, so this closes it
- * ```
- */
-export declare class Window extends Container {
-    readonly content: Container<import("pixi.js").ContainerChild>;
-    readonly onClose: Signal<void>;
-    readonly modal: boolean;
-    readonly closable: boolean;
-    readonly dims: boolean;
-    readonly anchor: 'center' | 'bottom' | 'top';
-    private background;
-    private titleLabel;
-    private closeMark;
-    private innerWidth;
-    private innerHeight;
-    private currentWidth;
-    private currentHeight;
-    /** the full-viewport click layer, first child so every widget of the window sits above it */
-    private blocker;
-    private readonly themeListener;
-    private isClosed;
-    private motion;
-    private colors;
-    constructor(options: WindowOptions);
-    /** reapplies the current theme to the frame and title, without changing size or content */
-    private restyle;
-    resize(width: number, height: number): void;
-    /** the space available inside the frame, which is what contents should lay out against */
-    get contentWidth(): number;
-    get contentHeight(): number;
-    setTitle(text: string): void;
-    /** Replaces this window's palette without changing its contents or lifecycle. */
-    setColors(colors: WindowColors): void;
-    /**
-     * A widget offered actions before the window itself sees them.
-     *
-     * Set it to the list or field the window exists to show. Without it, every window
-     * holding a widget has to override `handleAction` just to forward, which is noise at
-     * best and, done by assigning over the method, a trap.
-     */
-    delegate: {
-        handleAction(action: Action): boolean;
-    } | null;
-    /**
-     * Offered every action while this window is on top of the stack.
-     *
-     * @returns true if the window used it, which stops it going any further down
-     */
-    handleAction(action: Action): boolean;
-    /**
-     * true once `close()` (or `destroy()`) has run. A closed window is spent: `close()` freed it
-     * and its contents through Pixi, so the caller's `this.someWindow` reference must not be
-     * written to any more. Guard with this rather than discovering it as a null-internal throw,
-     * and drop the reference.
-     */
-    get closed(): boolean;
-    /** called each frame while this window is the top of the stack */
-    update(dt: number): void;
-    /** puts the window at `progress` of its animation: scaled about the origin, faded, pushed down by a slide */
-    private applyMotion;
-    /**
-     * Plays the opening animation from the window's current position. The stack calls `update(dt)`
-     * on its top window, which drives it. Under reduced motion the window simply appears.
-     *
-     * @example
-     * ```ts
-     * import { Window } from '@datamoc/mw_games/two-d/ui';
-     *
-     * const window = new Window({ width: 240, height: 120, title: 'Result' });
-     * window.open({ animation: 'pop' });
-     * window.update(0.25); // normally the WindowStack's update does this
-     * console.log(window.scale.x); // 1
-     * ```
-     */
-    open(animation?: WindowAnimation): void;
-    /**
-     * Announces the close and frees this window and its contents. Idempotent, so a second
-     * `close()` (a `pop()` racing a `cancel`, a `closeAll()` after a manual close) is a no-op
-     * rather than a second `destroy`. The instance is spent afterwards; see `closed`.
-     *
-     * With `animation` it plays the opening backwards first and closes when it ends (driven by
-     * `update(dt)`), unless reduced motion is on, when it closes at once.
-     */
-    close(animation?: WindowAnimation): void;
-    /** positions the window in a viewport of the given size, per its anchor */
-    place(viewportWidth: number, viewportHeight: number): void;
-    /**
-     * The blocker's hit area is the whole viewport, expressed in the window's own coordinates,
-     * which is where the blocker's local space starts. It covers the window itself as well as
-     * the space around it, so nothing at all is clicked through while it is there; whether the
-     * click also closes the window is `handleOutsideClick`'s question, not the shape's.
-     */
-    private fitBlocker;
-    private readonly onBlockerDown;
-    /**
-     * Offered a click that landed on the blocker, at `x, y` in this window's own coordinates
-     * (its top-left corner is 0, 0). A click outside the window closes it when it is closable -
-     * the pointer's answer to `handleAction('cancel')` - and a click on the window itself is
-     * swallowed without closing, so its frame and empty body are never a dismiss button.
-     *
-     * The blocker calls this for every click it takes, which is all a game usually needs; it is
-     * public because it is also the whole decision, and a headless test can ask it directly.
-     *
-     * @returns true when the click closed the window
-     */
-    handleOutsideClick(x: number, y: number): boolean;
-    destroy(options?: Parameters<Container['destroy']>[0]): void;
-}
-//# sourceMappingURL=Window.d.ts.map

package/dist/two-d/ui/Window.d.ts.map

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