@datamoc/mw_games 0.7.6 → 0.7.8

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

@@ -0,0 +1,170 @@
+import { Container, Graphics } from 'pixi.js';
+import { Signal } from '../../core/Signal.js';
+import { theme, themeChanged } from './theme.js';
+/**
+ * Where `value` sits in `[min, max]`, 0 to 1, clamped. A degenerate range reads 0 rather than
+ * dividing by zero.
+ *
+ * @example
+ * ```ts
+ * import { sliderFraction } from '@datamoc/mw_games/two-d/ui';
+ *
+ * console.log(sliderFraction(30, 0, 60)); // 0.5
+ * ```
+ */
+export function sliderFraction(value, min = 0, max = 1) {
+    if (!(max > min))
+        return 0;
+    return Math.max(0, Math.min(1, (value - min) / (max - min)));
+}
+/**
+ * The value at a 0-to-1 position on the track, snapped to `step` and clamped to `[min, max]`.
+ * The snap is rounded to the step's own number of decimals, so a 0.1 step reads `0.3` rather
+ * than `0.30000000000000004`.
+ *
+ * @example
+ * ```ts
+ * import { sliderValueAt } from '@datamoc/mw_games/two-d/ui';
+ *
+ * console.log(sliderValueAt(0.5, 0, 10, 1)); // 5
+ * ```
+ */
+export function sliderValueAt(fraction, min = 0, max = 1, step = 0) {
+    const clamped = Math.max(0, Math.min(1, fraction));
+    const raw = min + clamped * (max - min);
+    if (!(step > 0))
+        return raw;
+    const decimals = (String(step).split('.')[1] ?? '').length;
+    const snapped = min + Math.round((raw - min) / step) * step;
+    return Number(Math.max(min, Math.min(max, snapped)).toFixed(decimals));
+}
+/**
+ * A draggable knob on a track, for a volume, difficulty or zoom setting.
+ *
+ * The track is drawn from the theme and a partial fill shows where the knob is; the value is
+ * always a number in `[min, max]`, and `sliderValueAt` is the arithmetic that turns a click or
+ * drag into one, exported so a game routing input itself gets the same snapping.
+ *
+ * @example
+ * ```ts
+ * import { Slider } from '@datamoc/mw_games/two-d/ui';
+ *
+ * const volume = new Slider({ width: 200, min: 0, max: 100, step: 5, value: 40 });
+ * volume.onChange.add((value) => console.log('volume', value));
+ * volume.setValue(75);
+ * ```
+ */
+export class Slider extends Container {
+    constructor(options) {
+        super();
+        this.onChange = new Signal();
+        this.track = new Graphics();
+        this.fill = new Graphics();
+        this.knob = new Graphics();
+        this.dragging = false;
+        this.themeListener = () => this.draw();
+        this.handleDown = (event) => {
+            if (this.disabled_)
+                return;
+            this.dragging = true;
+            this.setFraction(this.fractionAt(this.toLocal(event.global).x));
+        };
+        this.handleMove = (event) => {
+            if (!this.dragging || this.disabled_)
+                return;
+            this.setFraction(this.fractionAt(this.toLocal(event.global).x));
+        };
+        this.handleUp = () => {
+            this.dragging = false;
+        };
+        this.width_ = options.width;
+        this.height_ = options.height ?? 6;
+        this.knobSize = options.knobSize ?? Math.max(12, this.height_ * 2);
+        this.min = options.min ?? 0;
+        this.max = options.max ?? 1;
+        this.step = options.step ?? 0;
+        this.value_ = this.snap(options.value ?? this.min);
+        this.disabled_ = options.disabled ?? false;
+        this.addChild(this.track);
+        this.addChild(this.fill);
+        this.addChild(this.knob);
+        this.draw();
+        this.eventMode = 'static';
+        this.cursor = 'pointer';
+        this.on('pointerdown', this.handleDown);
+        this.on('pointermove', this.handleMove);
+        this.on('pointerup', this.handleUp);
+        this.on('pointerupoutside', this.handleUp);
+        themeChanged.add(this.themeListener);
+    }
+    /** the current value, in `[min, max]` */
+    get value() {
+        return this.value_;
+    }
+    /** where the knob sits, 0 to 1 */
+    get fraction() {
+        return sliderFraction(this.value_, this.min, this.max);
+    }
+    get disabled() {
+        return this.disabled_;
+    }
+    setDisabled(disabled) {
+        this.disabled_ = disabled;
+        this.cursor = disabled ? 'default' : 'pointer';
+        this.draw();
+    }
+    setValue(value) {
+        const snapped = this.snap(value);
+        if (snapped === this.value_) {
+            this.draw();
+            return;
+        }
+        this.value_ = snapped;
+        this.draw();
+        this.onChange.dispatch(snapped);
+    }
+    /** moves the knob to a 0-to-1 position, the arithmetic a track click uses */
+    setFraction(fraction) {
+        this.setValue(sliderValueAt(fraction, this.min, this.max, this.step));
+    }
+    resize(width, height) {
+        this.width_ = width;
+        this.height_ = height;
+        this.draw();
+    }
+    get trackLength() {
+        return Math.max(0, this.width_ - this.knobSize);
+    }
+    snap(value) {
+        return sliderValueAt(sliderFraction(value, this.min, this.max), this.min, this.max, this.step);
+    }
+    fractionAt(localX) {
+        return this.trackLength > 0 ? Math.max(0, Math.min(1, (localX - this.knobSize / 2) / this.trackLength)) : 0;
+    }
+    draw() {
+        const t = theme();
+        const color = this.disabled_ ? t.color.textDim : t.color.textHighlight;
+        const trackColor = t.color.panelFill;
+        const top = (this.knobSize - this.height_) / 2;
+        this.track
+            .clear()
+            .roundRect(0, top, this.width_, this.height_, this.height_ / 2)
+            .fill({ color: trackColor });
+        const knobX = this.knobSize / 2 + this.fraction * this.trackLength;
+        this.fill.clear();
+        if (knobX > this.knobSize / 2) {
+            this.fill
+                .roundRect(this.knobSize / 2, top, knobX - this.knobSize / 2, this.height_, this.height_ / 2)
+                .fill({ color });
+        }
+        this.knob
+            .clear()
+            .circle(knobX, this.knobSize / 2, this.knobSize / 2)
+            .fill({ color });
+    }
+    destroy(options) {
+        themeChanged.remove(this.themeListener);
+        super.destroy(options);
+    }
+}
+//# sourceMappingURL=Slider.js.map

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

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

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

@@ -0,0 +1,67 @@
+import { Container } from 'pixi.js';
+import { Signal } from '../../core/Signal.ts';
+/**
+ * Steps a number by `delta`, snapped to `step` and kept in `[min, max]`. With `wrap`, passing
+ * the top starts again at the bottom and dropping below the bottom lands on the top; without it,
+ * the value clamps - a level cap or a bag size, where wrapping would be a surprise.
+ *
+ * @example
+ * ```ts
+ * import { spinValue } from '@datamoc/mw_games/two-d/ui';
+ *
+ * console.log(spinValue(10, 1, 0, 10, 1)); // 10, clamped
+ * console.log(spinValue(10, 1, 0, 10, 1, true)); // 0, wrapped
+ * ```
+ */
+export declare function spinValue(value: number, delta: number, min: number, max: number, step?: number, wrap?: boolean): number;
+export interface SpinnerOptions {
+    width?: number;
+    height?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    value?: number;
+    /** wrap past the ends instead of clamping */
+    wrap?: boolean;
+    disabled?: boolean;
+}
+/**
+ * A small up/down stepper: tap the top half to add one step, the bottom half to take one away.
+ * It draws only the arrows; the current value is a `Label` the game puts beside it, the same
+ * split `Checkbox` and `Slider` keep from their captions.
+ *
+ * @example
+ * ```ts
+ * import { Spinner } from '@datamoc/mw_games/two-d/ui';
+ *
+ * const level = new Spinner({ min: 1, max: 99, value: 1 });
+ * level.increment();
+ * console.log(level.value); // 2
+ * ```
+ */
+export declare class Spinner extends Container {
+    readonly onChange: Signal<number>;
+    private face;
+    private width_;
+    private height_;
+    private min;
+    private max;
+    private step;
+    private value_;
+    private wrap;
+    private disabled_;
+    private readonly themeListener;
+    constructor(options?: SpinnerOptions);
+    get value(): number;
+    get disabled(): boolean;
+    setDisabled(disabled: boolean): void;
+    setValue(value: number): void;
+    increment(): void;
+    decrement(): void;
+    resize(width: number, height: number): void;
+    private commit;
+    private readonly handleTap;
+    private draw;
+    destroy(options?: Parameters<Container['destroy']>[0]): void;
+}
+//# sourceMappingURL=Spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/two-d/ui/Spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,SAAI,EAAE,IAAI,UAAQ,GAAG,MAAM,CAUhH;AAED,MAAM,WAAW,cAAc;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,OAAQ,SAAQ,SAAS;IACrC,QAAQ,CAAC,QAAQ,iBAAwB;IAEzC,OAAO,CAAC,IAAI,CAAkB;IAE9B,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,GAAG,CAAS;IACpB,OAAO,CAAC,GAAG,CAAS;IACpB,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,IAAI,CAAU;IACtB,OAAO,CAAC,SAAS,CAAU;IAE3B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAqB;IAEnD,YAAY,OAAO,GAAE,cAAmB,EAoBvC;IAED,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,WAAW,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAInC;IAED,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAE5B;IAED,SAAS,IAAI,IAAI,CAEhB;IAED,SAAS,IAAI,IAAI,CAEhB;IAED,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAI1C;IAED,OAAO,CAAC,MAAM;IAUd,OAAO,CAAC,QAAQ,CAAC,SAAS,CAKxB;IAEF,OAAO,CAAC,IAAI;IA0BH,OAAO,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAGpE;CACD"}

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

@@ -0,0 +1,137 @@
+import { Container, Graphics } from 'pixi.js';
+import { Signal } from '../../core/Signal.js';
+import { theme, themeChanged } from './theme.js';
+/**
+ * Steps a number by `delta`, snapped to `step` and kept in `[min, max]`. With `wrap`, passing
+ * the top starts again at the bottom and dropping below the bottom lands on the top; without it,
+ * the value clamps - a level cap or a bag size, where wrapping would be a surprise.
+ *
+ * @example
+ * ```ts
+ * import { spinValue } from '@datamoc/mw_games/two-d/ui';
+ *
+ * console.log(spinValue(10, 1, 0, 10, 1)); // 10, clamped
+ * console.log(spinValue(10, 1, 0, 10, 1, true)); // 0, wrapped
+ * ```
+ */
+export function spinValue(value, delta, min, max, step = 1, wrap = false) {
+    if (!(max > min))
+        return min;
+    const grid = step > 0 ? step : 1;
+    const decimals = (String(grid).split('.')[1] ?? '').length;
+    const steps = Math.round((value - min) / grid) + Math.round(delta);
+    const count = Math.round((max - min) / grid) + 1;
+    let index = steps;
+    if (wrap)
+        index = ((index % count) + count) % count;
+    else
+        index = Math.max(0, Math.min(count - 1, index));
+    return Number((min + index * grid).toFixed(decimals));
+}
+/**
+ * A small up/down stepper: tap the top half to add one step, the bottom half to take one away.
+ * It draws only the arrows; the current value is a `Label` the game puts beside it, the same
+ * split `Checkbox` and `Slider` keep from their captions.
+ *
+ * @example
+ * ```ts
+ * import { Spinner } from '@datamoc/mw_games/two-d/ui';
+ *
+ * const level = new Spinner({ min: 1, max: 99, value: 1 });
+ * level.increment();
+ * console.log(level.value); // 2
+ * ```
+ */
+export class Spinner extends Container {
+    constructor(options = {}) {
+        super();
+        this.onChange = new Signal();
+        this.face = new Graphics();
+        this.themeListener = () => this.draw();
+        this.handleTap = (event) => {
+            if (this.disabled_)
+                return;
+            const local = this.toLocal(event.global);
+            if (local.y < this.height_ / 2)
+                this.increment();
+            else
+                this.decrement();
+        };
+        this.width_ = options.width ?? 24;
+        this.height_ = options.height ?? 32;
+        this.min = options.min ?? 0;
+        this.max = options.max ?? 9;
+        this.step = options.step ?? 1;
+        this.wrap = options.wrap ?? false;
+        this.disabled_ = options.disabled ?? false;
+        this.value_ = spinValue(options.value ?? this.min, 0, this.min, this.max, this.step, false);
+        this.addChild(this.face);
+        this.draw();
+        this.eventMode = 'static';
+        this.cursor = 'pointer';
+        this.on('pointertap', this.handleTap);
+        themeChanged.add(this.themeListener);
+    }
+    get value() {
+        return this.value_;
+    }
+    get disabled() {
+        return this.disabled_;
+    }
+    setDisabled(disabled) {
+        this.disabled_ = disabled;
+        this.cursor = disabled ? 'default' : 'pointer';
+        this.draw();
+    }
+    setValue(value) {
+        this.commit(spinValue(value, 0, this.min, this.max, this.step, this.wrap));
+    }
+    increment() {
+        this.commit(spinValue(this.value_, 1, this.min, this.max, this.step, this.wrap));
+    }
+    decrement() {
+        this.commit(spinValue(this.value_, -1, this.min, this.max, this.step, this.wrap));
+    }
+    resize(width, height) {
+        this.width_ = width;
+        this.height_ = height;
+        this.draw();
+    }
+    commit(next) {
+        if (next === this.value_) {
+            this.draw();
+            return;
+        }
+        this.value_ = next;
+        this.draw();
+        this.onChange.dispatch(next);
+    }
+    draw() {
+        const t = theme();
+        const color = this.disabled_ ? t.color.textDim : t.color.textHighlight;
+        this.face
+            .clear()
+            .roundRect(0, 0, this.width_, this.height_, 4)
+            .fill({ color: t.color.panelFill })
+            .stroke({ color: t.color.panelBorder, width: 1 });
+        const cx = this.width_ / 2;
+        const arrow = Math.min(this.width_ / 4, this.height_ / 5);
+        this.face
+            .moveTo(cx - arrow, arrow * 1.6)
+            .lineTo(cx, arrow * 0.6)
+            .lineTo(cx + arrow, arrow * 1.6)
+            .closePath()
+            .fill({ color });
+        this.face
+            .moveTo(cx - arrow, this.height_ - arrow * 1.6)
+            .lineTo(cx, this.height_ - arrow * 0.6)
+            .lineTo(cx + arrow, this.height_ - arrow * 1.6)
+            .closePath()
+            .fill({ color });
+    }
+    destroy(options) {
+        themeChanged.remove(this.themeListener);
+        super.destroy(options);
+    }
+}
+//# sourceMappingURL=Spinner.js.map

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

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

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

@@ -0,0 +1,118 @@
+import { Signal } from '../../core/Signal.ts';
+/** One tab: an id the caller's `rowsFor` understands, and the label a tab strip draws. */
+export interface ListTab {
+    id: string;
+    label: string;
+    /** a tab a player can see but not open */
+    disabled?: boolean;
+}
+export interface TabbedListOptions<T> {
+    /** the tabs, in display order; the first is selected at construction */
+    tabs: readonly ListTab[];
+    /** the rows of one tab before the query filter; the caller owns what a row is */
+    rowsFor: (tabId: string) => readonly T[];
+    /** how many rows make a page; 0 or omitted means every row is one page */
+    pageSize?: number;
+    /** the row's display text; defaults to `String(row)` */
+    label?: (row: T) => string;
+    /**
+     * Whether a row survives the current query. Defaults to the row's label containing the
+     * query, case-insensitively; an empty query keeps every row.
+     */
+    filter?: (row: T, query: string) => boolean;
+    /** a row a player can see but not choose; `move` skips it */
+    disabled?: (row: T) => boolean;
+}
+/**
+ * The model behind a tabbed, searchable, paged list - an inventory, journal, shop or codex -
+ * kept apart from how it is drawn, the same split `SelectionModel` already draws for plain
+ * lists. The caller supplies the tabs and the rows per tab (any type it likes, so no item
+ * taxonomy is assumed), plus optionally how a row labels, filters and disables itself; this
+ * owns the tab choice, the query, the selection, the page and the detail/close state.
+ *
+ * The page is derived from the selection rather than tracked beside it: a selection index
+ * into the filtered rows decides which page is visible, so the two can never disagree and
+ * `nextPage` is just a selection move of one page. `move` skips disabled rows.
+ *
+ * Rendering is the caller's: read `pageRows` and `selectedIndex` each frame, or listen to
+ * `onChange`.
+ *
+ * @example
+ * ```ts
+ * import { TabbedList } from '@datamoc/mw_games/two-d/ui';
+ *
+ * const items = [
+ *   { name: 'Sword', kind: 'weapon' },
+ *   { name: 'Bread', kind: 'food' },
+ *   { name: 'Shield', kind: 'armor' },
+ * ];
+ *
+ * const list = new TabbedList<(typeof items)[number]>({
+ *   tabs: [{ id: 'all', label: 'All' }, { id: 'weapon', label: 'Weapons' }],
+ *   rowsFor: (tab) => (tab === 'all' ? items : items.filter((item) => item.kind === tab)),
+ *   label: (item) => item.name,
+ *   pageSize: 2,
+ * });
+ *
+ * console.log(list.selected?.name); // 'Sword'
+ * list.setQuery('sh'); // filter down to Shield; selection and page reset
+ * console.log(list.rows.length, list.page); // 1 0
+ * list.openDetail(); // true, with the current row
+ * ```
+ */
+export declare class TabbedList<T> {
+    /** fires whenever the tab, query, selection, page or detail state changes */
+    readonly onChange: Signal<void>;
+    private readonly tabList;
+    private readonly rowsFor;
+    private readonly pageSize;
+    private readonly labelOf;
+    private readonly filterOf;
+    private readonly disabledOf;
+    private currentTabIndex;
+    private currentQuery;
+    private rows_;
+    private currentSelectedIndex;
+    private detail;
+    constructor(options: TabbedListOptions<T>);
+    /** every tab, in display order, for a tab strip to draw */
+    get tabs(): readonly ListTab[];
+    /** the currently open tab */
+    get tab(): ListTab;
+    get query(): string;
+    /** the filtered rows of the current tab, across every page */
+    get rows(): readonly T[];
+    /** how many pages `rows` fills; always at least 1, so an empty list is one empty page */
+    get pageCount(): number;
+    /** the page the selection is on, derived from it rather than tracked next to it */
+    get page(): number;
+    /** the rows the current page shows */
+    get pageRows(): readonly T[];
+    /** the selection's index into `rows` (not into `pageRows`) */
+    get selectedIndex(): number;
+    get selected(): T | null;
+    /** whether the detail view has been opened for the current selection */
+    get detailOpen(): boolean;
+    /** opens `id`'s tab; a disabled tab or an unknown id is ignored */
+    selectTab(id: string): void;
+    /** moves to the next enabled tab, `delta` steps on (wrapping); skips disabled tabs */
+    nextTab(delta?: number): void;
+    /** replaces the query; the selection and page reset to the first row that survives it */
+    setQuery(query: string): void;
+    /** moves the selection `delta` rows, skipping disabled ones and clamping at both ends */
+    move(delta: number): void;
+    /** jumps to a page by number, clamped; the selection moves to its first selectable row */
+    setPage(page: number): void;
+    /** moves `delta` pages; the selection lands on the target page's first selectable row */
+    nextPage(delta: number): void;
+    /** opens the detail view for the current selection; false when there is nothing to open */
+    openDetail(): boolean;
+    closeDetail(): void;
+    /** the first row on `page` that is not disabled, or its first row when all are */
+    private firstSelectableOnPage;
+    private firstSelectable;
+    /** rebuilds the visible rows and parks the selection on the first selectable one */
+    private recompute;
+    private emit;
+}
+//# sourceMappingURL=TabbedList.d.ts.map

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

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