@datamoc/mw_games 0.1.1

package/dist/stage/twee.js

@@ -0,0 +1,169 @@
+/**
+ * Reads a `.twee` file into a `StoryScript`.
+ *
+ * Twee was chosen over Twine's `<tw-passagedata>` HTML export on purpose: it is
+ * plain text, so this stays a pure string parser with no DOM - testable under
+ * `node --test` and loadable through `mwg/assets` like any other text asset.
+ *
+ * Only structure is imported, and that answers the format question the roadmap
+ * left open: each passage's text lines become `say` commands and its
+ * `[[links]]` become one closing `ask` whose choices jump (`[[text]]`,
+ * `[[text->target]]` and `[[target<-text]]`) - the last text line doubles as
+ * the question, since a choice box needs a prompt and repeating it works.
+ * No story-format macro language
+ * (Harlowe, SugarCube, Chapbook) is interpreted - body text reaches the stage
+ * untouched, and a link carrying a setter throws instead of silently dropping
+ * the behaviour the setter described.
+ *
+ * ```twee
+ * :: Start
+ * You stand at a crossroads.
+ *
+ * [[Take the left path->Left]]
+ * [[Take the right path->Right]]
+ *
+ * :: Left
+ * The path ends at a wall.
+ * [[Go back->Start]]
+ * ```
+ */
+export function importTwee(source) {
+    const passages = splitPassages(source);
+    if (passages.length === 0)
+        throw new Error('this twee source has no passages - passages start with ":: Name"');
+    const story = {};
+    let title;
+    let start;
+    for (const passage of passages) {
+        if (passage.name === 'StoryTitle') {
+            title = passage.body.trim() || undefined;
+            continue;
+        }
+        if (passage.name === 'StoryData') {
+            start = readStart(passage.body);
+            continue;
+        }
+        if (Object.prototype.hasOwnProperty.call(story, passage.name)) {
+            throw new Error(`this twee source defines "${passage.name}" twice`);
+        }
+        story[passage.name] = passageCommands(passage.name, passage.body);
+    }
+    const names = Object.keys(story);
+    if (names.length === 0)
+        throw new Error('this twee source has no story passages, only StoryTitle/StoryData');
+    if (start !== undefined && !Object.prototype.hasOwnProperty.call(story, start)) {
+        throw new Error(`StoryData starts at "${start}", which is not a passage in this file`);
+    }
+    for (const [name, commands] of Object.entries(story)) {
+        for (const command of commands) {
+            if ('ask' in command) {
+                for (const choice of command.choices) {
+                    if (choice.goto !== undefined && !Object.prototype.hasOwnProperty.call(story, choice.goto)) {
+                        throw new Error(`passage "${name}" links to "${choice.goto}", which is not a passage in this file`);
+                    }
+                }
+            }
+        }
+    }
+    return { story, start: start ?? names[0], title };
+}
+/** cuts the source at every line starting with `::`, parsing headers into names */
+function splitPassages(source) {
+    const out = [];
+    let name = null;
+    let body = [];
+    const flush = () => {
+        if (name !== null)
+            out.push({ name, body: body.join('\n') });
+    };
+    for (const line of source.split('\n')) {
+        if (line.startsWith('::')) {
+            flush();
+            name = parseHeader(line);
+            body = [];
+        }
+        else if (name !== null) {
+            body.push(line);
+        }
+    }
+    flush();
+    return out;
+}
+/** `:: Name [tags] {"meta": true}` - only the name survives; tags and position are editor concerns */
+function parseHeader(line) {
+    const rest = line.slice(2).trim();
+    const tagAt = rest.search(/[[{]/);
+    const name = (tagAt === -1 ? rest : rest.slice(0, tagAt)).trim();
+    if (!name)
+        throw new Error(`a twee passage header needs a name, got "${line}"`);
+    return name;
+}
+/** StoryData is JSON; only `start` matters to the runner, the rest is player furniture */
+function readStart(body) {
+    let data;
+    try {
+        data = JSON.parse(body.trim());
+    }
+    catch {
+        throw new Error('StoryData must be JSON - check the braces');
+    }
+    if (typeof data !== 'object' || data === null || Array.isArray(data)) {
+        throw new Error('StoryData must be a JSON object');
+    }
+    const start = data.start;
+    if (start !== undefined && typeof start !== 'string') {
+        throw new Error('StoryData "start" must be a passage name');
+    }
+    return start;
+}
+/** text lines speak in order; the last one doubles as the prompt when links follow it */
+function passageCommands(passage, body) {
+    const lines = [];
+    const choices = [];
+    for (const line of body.split('\n')) {
+        const text = extractLinks(line, choices, passage).replace(/\s+/g, ' ').trim();
+        if (text !== '')
+            lines.push(text);
+    }
+    if (choices.length === 0)
+        return lines.map((say) => ({ say }));
+    const prompt = lines.pop() ?? '';
+    return [...lines.map((say) => ({ say })), { ask: prompt, choices }];
+}
+/**
+ * Pulls `[[links]]` out of a line, leaving the surrounding text behind.
+ * Returns the line with the links removed.
+ */
+function extractLinks(line, choices, passage) {
+    let out = '';
+    let rest = line;
+    for (;;) {
+        const open = rest.indexOf('[[');
+        if (open === -1)
+            return out + rest;
+        const close = rest.indexOf(']]', open);
+        if (close === -1) {
+            throw new Error(`passage "${passage}" has a "[[" with no closing "]]" in "${line.trim()}"`);
+        }
+        out += rest.slice(0, open);
+        choices.push(parseLink(rest.slice(open + 2, close), passage));
+        rest = rest.slice(close + 2);
+    }
+}
+function parseLink(inner, passage) {
+    if (inner.includes('[') || inner.includes(']')) {
+        throw new Error(`passage "${passage}" links with a setter ("${inner.trim()}") - ` +
+            'story-format macros are not imported, so the link is refused rather than half-read');
+    }
+    const forward = inner.indexOf('->');
+    if (forward !== -1) {
+        return { text: inner.slice(0, forward).trim(), goto: inner.slice(forward + 2).trim() };
+    }
+    const backward = inner.indexOf('<-');
+    if (backward !== -1) {
+        return { text: inner.slice(backward + 2).trim(), goto: inner.slice(0, backward).trim() };
+    }
+    const target = inner.trim();
+    return { text: target, goto: target };
+}
+//# sourceMappingURL=twee.js.map

package/dist/stage/twee.js.map

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

package/dist/ui/IconGrid.d.ts

@@ -0,0 +1,110 @@
+import { Container } from 'pixi.js';
+import type { Action } from '../core/Input.ts';
+export interface IconGridItem {
+    /** the icon drawn in the cell, sized to fit it */
+    icon: Container;
+    /** a greyed-out cell can be looked at but not chosen */
+    disabled?: boolean;
+    /** anything the game wants to get back when the cell is chosen */
+    value?: unknown;
+    /** a stack count drawn as a small badge in the corner; 1 or omitted draws no badge */
+    quantity?: number;
+}
+export interface IconGridOptions {
+    width: number;
+    height: number;
+    /** cells per row */
+    columns: number;
+    items?: IconGridItem[];
+    /** side length of one cell; defaults to the width divided evenly across `columns` */
+    cellSize?: number;
+    /** seconds a cell must be held before it fires `onQuickslot` instead of a tap */
+    longPressDuration?: number;
+    onSelect?: (item: IconGridItem, index: number) => void;
+    onHighlight?: (item: IconGridItem, index: number) => void;
+    /** a cell held past `longPressDuration` - assigning it to a hotbar, typically */
+    onQuickslot?: (item: IconGridItem, index: number) => void;
+    /** one cell tapped, then a second - the game's own call what reordering means */
+    onReorder?: (fromIndex: number, toIndex: number) => void;
+}
+/**
+ * A grid of icons, driven by the keyboard or the pointer.
+ *
+ * `ListView` is a menu; this is a bag. SPD-sized item counts read better as rows of icons
+ * than as a scrolling list of names, and a grid is what supports two cells apart in the same
+ * row being adjacent choices rather than everything being one long column.
+ *
+ * Reordering is tap-then-tap, not a continuously-dragged ghost sprite: touch one cell to
+ * pick it up, touch a second to swap them. It reads as "drag and drop" to a player and costs
+ * none of the drag-threshold and global-pointer-tracking fragility an actually-followed ghost
+ * sprite would - and unlike a live drag, every step of it is a plain method call a test can
+ * drive without simulating pointer events at all.
+ */
+export declare class IconGrid extends Container {
+    private items;
+    private cells;
+    private cellsLayer;
+    private highlight;
+    private pickupHighlight;
+    private mask_;
+    private viewWidth;
+    private viewHeight;
+    private columns;
+    private cellSize;
+    private longPressDuration;
+    private index;
+    private scrollRow;
+    /** the cell a first tap picked up, awaiting a second tap to swap with */
+    private pickedUp;
+    private pressedIndex;
+    private pressTimer;
+    onSelect: ((item: IconGridItem, index: number) => void) | null;
+    onHighlight: ((item: IconGridItem, index: number) => void) | null;
+    onQuickslot: ((item: IconGridItem, index: number) => void) | null;
+    onReorder: ((fromIndex: number, toIndex: number) => void) | null;
+    constructor(options: IconGridOptions);
+    private drawMask;
+    get visibleRows(): number;
+    get rows(): number;
+    get selectedIndex(): number;
+    get selected(): IconGridItem | null;
+    get length(): number;
+    setItems(items: IconGridItem[]): void;
+    private releaseCell;
+    resize(width: number, height: number): void;
+    /**
+     * A frame-driven long-press timer, the same shape as `WindowStack.update` - no raw
+     * `setTimeout`, so a test can drive it exactly by calling `update` rather than waiting on
+     * a real clock.
+     */
+    update(dt: number): void;
+    /** first tap on a cell picks it up; a second tap on another swaps the two */
+    tapCell(index: number): void;
+    /**
+     * Swaps two cells' contents in place, rather than rebuilding through `setItems`.
+     *
+     * An icon is a `Container` the caller owns and hands in once; `setItems`'s teardown
+     * destroys a cell's children on the way out; rebuilding through it after a swap would
+     * destroy the very icons the swap means to keep. Moving each cell's children to the
+     * other cell sidesteps that - nothing is ever destroyed, so the icon and its quantity
+     * badge survive together, wherever the swap sends them.
+     */
+    private swapCells;
+    /** cancels a pending pick-up without swapping anything - what `cancel` should do */
+    cancelPickup(): void;
+    /**
+     * Moves the highlight by a row/column step, skipping disabled cells.
+     *
+     * Wraps at both ends of the grid, the same as `ListView.move`. `dx`/`dy` step by one cell
+     * each; a caller wanting arrow-key navigation passes `(±1, 0)` or `(0, ±1)`.
+     */
+    move(dx: number, dy: number): boolean;
+    select(index: number): void;
+    confirm(): boolean;
+    /** @returns true when the action was used */
+    handleAction(action: Action): boolean;
+    /** the pixel rect a cell index occupies within `cellsLayer` */
+    private cellRect;
+    private refresh;
+}
+//# sourceMappingURL=IconGrid.d.ts.map

package/dist/ui/IconGrid.d.ts.map

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

package/dist/ui/IconGrid.js

@@ -0,0 +1,284 @@
+import { Container, Graphics } from 'pixi.js';
+import { Label } from './Label.js';
+import { theme } from './theme.js';
+/**
+ * A grid of icons, driven by the keyboard or the pointer.
+ *
+ * `ListView` is a menu; this is a bag. SPD-sized item counts read better as rows of icons
+ * than as a scrolling list of names, and a grid is what supports two cells apart in the same
+ * row being adjacent choices rather than everything being one long column.
+ *
+ * Reordering is tap-then-tap, not a continuously-dragged ghost sprite: touch one cell to
+ * pick it up, touch a second to swap them. It reads as "drag and drop" to a player and costs
+ * none of the drag-threshold and global-pointer-tracking fragility an actually-followed ghost
+ * sprite would - and unlike a live drag, every step of it is a plain method call a test can
+ * drive without simulating pointer events at all.
+ */
+export class IconGrid extends Container {
+    constructor(options) {
+        super();
+        this.items = [];
+        this.cells = [];
+        this.cellsLayer = new Container();
+        this.highlight = new Graphics();
+        this.pickupHighlight = new Graphics();
+        this.mask_ = new Graphics();
+        this.index = 0;
+        this.scrollRow = 0;
+        /** the cell a first tap picked up, awaiting a second tap to swap with */
+        this.pickedUp = null;
+        this.pressedIndex = null;
+        this.pressTimer = 0;
+        this.viewWidth = options.width;
+        this.viewHeight = options.height;
+        this.columns = Math.max(1, options.columns);
+        this.cellSize = options.cellSize ?? Math.floor(this.viewWidth / this.columns);
+        this.longPressDuration = options.longPressDuration ?? 0.6;
+        this.onSelect = options.onSelect ?? null;
+        this.onHighlight = options.onHighlight ?? null;
+        this.onQuickslot = options.onQuickslot ?? null;
+        this.onReorder = options.onReorder ?? null;
+        this.addChild(this.highlight);
+        this.addChild(this.pickupHighlight);
+        this.addChild(this.cellsLayer);
+        //cells below the window are clipped rather than drawn over the frame
+        this.addChild(this.mask_);
+        this.cellsLayer.mask = this.mask_;
+        this.drawMask();
+        this.setItems(options.items ?? []);
+    }
+    drawMask() {
+        this.mask_.clear().rect(0, 0, this.viewWidth, this.viewHeight).fill({ color: 0xffffff });
+    }
+    get visibleRows() {
+        return Math.max(1, Math.floor(this.viewHeight / this.cellSize));
+    }
+    get rows() {
+        return Math.max(1, Math.ceil(this.items.length / this.columns));
+    }
+    get selectedIndex() {
+        return this.index;
+    }
+    get selected() {
+        return this.items[this.index] ?? null;
+    }
+    get length() {
+        return this.items.length;
+    }
+    setItems(items) {
+        this.items = items;
+        this.pickedUp = null;
+        this.pressedIndex = null;
+        for (const cell of this.cells)
+            cell.destroy({ children: true });
+        this.cells = [];
+        this.cellsLayer.removeChildren();
+        const t = theme();
+        items.forEach((item, i) => {
+            const row = Math.floor(i / this.columns);
+            const col = i % this.columns;
+            const cell = new Container();
+            cell.x = col * this.cellSize;
+            cell.y = row * this.cellSize;
+            cell.eventMode = 'static';
+            cell.cursor = item.disabled ? 'default' : 'pointer';
+            item.icon.x = Math.round((this.cellSize - item.icon.width) / 2);
+            item.icon.y = Math.round((this.cellSize - item.icon.height) / 2);
+            if (item.disabled)
+                item.icon.alpha = 0.4;
+            cell.addChild(item.icon);
+            if ((item.quantity ?? 1) > 1) {
+                const badge = new Label({ text: String(item.quantity), size: 10, color: t.color.textHighlight });
+                badge.x = this.cellSize - badge.width - 2;
+                badge.y = this.cellSize - badge.height - 1;
+                cell.addChild(badge);
+            }
+            cell.on('pointerdown', () => {
+                this.pressedIndex = i;
+                this.pressTimer = 0;
+            });
+            cell.on('pointerup', () => this.releaseCell(i));
+            cell.on('pointerupoutside', () => this.releaseCell(i));
+            this.cells.push(cell);
+            this.cellsLayer.addChild(cell);
+        });
+        this.index = this.items.findIndex((item) => !item.disabled);
+        if (this.index === -1)
+            this.index = 0;
+        this.scrollRow = 0;
+        this.refresh();
+    }
+    releaseCell(index) {
+        if (this.pressedIndex !== index)
+            return;
+        this.pressedIndex = null;
+        //still under the long-press threshold when released - a tap, not a quickslot
+        if (!this.items[index]?.disabled)
+            this.tapCell(index);
+    }
+    resize(width, height) {
+        this.viewWidth = width;
+        this.viewHeight = height;
+        this.drawMask();
+        this.refresh();
+    }
+    /**
+     * A frame-driven long-press timer, the same shape as `WindowStack.update` - no raw
+     * `setTimeout`, so a test can drive it exactly by calling `update` rather than waiting on
+     * a real clock.
+     */
+    update(dt) {
+        if (this.pressedIndex === null)
+            return;
+        this.pressTimer += dt;
+        if (this.pressTimer < this.longPressDuration)
+            return;
+        const index = this.pressedIndex;
+        this.pressedIndex = null; //fires once; releasing afterwards is not also a tap
+        const item = this.items[index];
+        if (item && !item.disabled)
+            this.onQuickslot?.(item, index);
+    }
+    /** first tap on a cell picks it up; a second tap on another swaps the two */
+    tapCell(index) {
+        if (index < 0 || index >= this.items.length)
+            return;
+        if (this.pickedUp === null) {
+            if (this.items[index].disabled)
+                return;
+            this.pickedUp = index;
+            this.refresh();
+            return;
+        }
+        const from = this.pickedUp;
+        this.pickedUp = null;
+        if (from !== index) {
+            this.swapCells(from, index);
+            this.onReorder?.(from, index);
+        }
+        this.refresh();
+    }
+    /**
+     * Swaps two cells' contents in place, rather than rebuilding through `setItems`.
+     *
+     * An icon is a `Container` the caller owns and hands in once; `setItems`'s teardown
+     * destroys a cell's children on the way out; rebuilding through it after a swap would
+     * destroy the very icons the swap means to keep. Moving each cell's children to the
+     * other cell sidesteps that - nothing is ever destroyed, so the icon and its quantity
+     * badge survive together, wherever the swap sends them.
+     */
+    swapCells(a, b) {
+        [this.items[a], this.items[b]] = [this.items[b], this.items[a]];
+        const cellA = this.cells[a];
+        const cellB = this.cells[b];
+        const childrenA = cellA.removeChildren();
+        const childrenB = cellB.removeChildren();
+        for (const child of childrenB)
+            cellA.addChild(child);
+        for (const child of childrenA)
+            cellB.addChild(child);
+        cellA.cursor = this.items[a].disabled ? 'default' : 'pointer';
+        cellB.cursor = this.items[b].disabled ? 'default' : 'pointer';
+    }
+    /** cancels a pending pick-up without swapping anything - what `cancel` should do */
+    cancelPickup() {
+        this.pickedUp = null;
+        this.refresh();
+    }
+    /**
+     * Moves the highlight by a row/column step, skipping disabled cells.
+     *
+     * Wraps at both ends of the grid, the same as `ListView.move`. `dx`/`dy` step by one cell
+     * each; a caller wanting arrow-key navigation passes `(±1, 0)` or `(0, ±1)`.
+     */
+    move(dx, dy) {
+        if (this.items.length === 0)
+            return false;
+        const total = this.items.length;
+        const rows = this.rows;
+        let row = Math.floor(this.index / this.columns);
+        let col = this.index % this.columns;
+        //at most one full pass over the grid, so an all-disabled grid terminates
+        for (let step = 0; step < rows * this.columns; step++) {
+            col = (col + dx + this.columns) % this.columns;
+            row = (row + dy + rows) % rows;
+            const next = row * this.columns + col;
+            if (next < total && !this.items[next].disabled) {
+                this.index = next;
+                this.refresh();
+                this.onHighlight?.(this.items[next], next);
+                return true;
+            }
+        }
+        return false;
+    }
+    select(index) {
+        if (index < 0 || index >= this.items.length || this.items[index].disabled)
+            return;
+        this.index = index;
+        this.refresh();
+        this.onHighlight?.(this.items[index], index);
+    }
+    confirm() {
+        const item = this.selected;
+        if (!item || item.disabled)
+            return false;
+        this.onSelect?.(item, this.index);
+        return true;
+    }
+    /** @returns true when the action was used */
+    handleAction(action) {
+        switch (action) {
+            case 'up':
+                return this.move(0, -1);
+            case 'down':
+                return this.move(0, 1);
+            case 'left':
+                return this.move(-1, 0);
+            case 'right':
+                return this.move(1, 0);
+            case 'confirm':
+                return this.confirm();
+            case 'cancel':
+                if (this.pickedUp === null)
+                    return false;
+                this.cancelPickup();
+                return true;
+            default:
+                return false;
+        }
+    }
+    /** the pixel rect a cell index occupies within `cellsLayer` */
+    cellRect(index) {
+        return {
+            x: (index % this.columns) * this.cellSize,
+            y: Math.floor(index / this.columns) * this.cellSize,
+        };
+    }
+    refresh() {
+        const visible = this.visibleRows;
+        const selectedRow = Math.floor(this.index / this.columns);
+        if (selectedRow < this.scrollRow) {
+            this.scrollRow = selectedRow;
+        }
+        else if (selectedRow >= this.scrollRow + visible) {
+            this.scrollRow = selectedRow - visible + 1;
+        }
+        this.scrollRow = Math.max(0, Math.min(this.scrollRow, Math.max(0, this.rows - visible)));
+        this.cellsLayer.y = -this.scrollRow * this.cellSize;
+        const t = theme();
+        this.pickupHighlight.clear();
+        if (this.pickedUp !== null) {
+            const { x, y } = this.cellRect(this.pickedUp);
+            this.pickupHighlight
+                .rect(x, y, this.cellSize, this.cellSize)
+                .stroke({ color: t.color.textHighlight, width: 2 });
+        }
+        this.highlight.clear();
+        if (this.items.length > 0) {
+            const { x, y } = this.cellRect(this.index);
+            this.highlight.rect(x, y, this.cellSize, this.cellSize).fill({ color: t.color.selection });
+        }
+    }
+}
+//# sourceMappingURL=IconGrid.js.map

package/dist/ui/IconGrid.js.map

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

package/dist/ui/Label.d.ts

@@ -0,0 +1,26 @@
+import { Text } from 'pixi.js';
+export interface LabelOptions {
+    text?: string;
+    color?: number;
+    size?: number;
+    /** wraps at this width in pixels; omit for a single unwrapped line */
+    wrapWidth?: number;
+    align?: 'left' | 'center' | 'right';
+    bold?: boolean;
+}
+/**
+ * A piece of text, styled from the theme.
+ *
+ * This is a thin wrapper over Pixi's `Text`, and its job is to stop every call site from
+ * repeating a style object. Pixi renders text to its own texture, so changing the string
+ * costs a re-render — cheap enough for a label, wasteful for something updated every
+ * frame, where a value that only changes on whole numbers should be guarded.
+ */
+export declare class Label extends Text {
+    constructor(options?: LabelOptions | string);
+    /** changes the colour without rebuilding the style object */
+    setColor(color: number): void;
+    /** avoids the re-render when the text has not actually changed */
+    setText(value: string): void;
+}
+//# sourceMappingURL=Label.d.ts.map

package/dist/ui/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/ui/Label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAC;AAG1C,MAAM,WAAW,YAAY;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED;;;;;;;GAOG;AACH,qBAAa,KAAM,SAAQ,IAAI;IAC9B,YAAY,OAAO,GAAE,YAAY,GAAG,MAAW,EAmB9C;IAED,6DAA6D;IAC7D,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAE5B;IAED,kEAAkE;IAClE,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAE3B;CACD"}