@benev/tact 0.1.0-2 → 0.1.0-4

package/x/deck/deck.d.ts

@@ -0,0 +1,35 @@
+import { Kv } from "@e280/kv";
+import { Db } from "./parts/db.js";
+import { Hub } from "../core/hub/hub.js";
+import { Bindings } from "../core/bindings/types.js";
+import { MetaBindings } from "../core/hub/types.js";
+import { DeviceSkins } from "./parts/device-skins/device-skin.js";
+import { OverlayVisibility } from "./parts/overlay-visibility.js";
+import { PrimaryDevice } from "../core/devices/standard/primary.js";
+export type DeckOptions<B extends Bindings, MB extends MetaBindings = any> = {
+    kv: Kv;
+    bindings: B;
+    portCount: number;
+    metaBindings?: MB;
+};
+export declare class Deck<B extends Bindings, MB extends MetaBindings = any> {
+    hub: Hub<B, MB>;
+    db: Db;
+    static load<B extends Bindings, MB extends MetaBindings = any>(options: DeckOptions<B, MB>): Promise<Deck<B, any>>;
+    dispose: {
+        (): void;
+        schedule(fn: () => void): any;
+    };
+    deviceSkins: DeviceSkins;
+    overlayVisibility: OverlayVisibility;
+    primaryDevice: PrimaryDevice;
+    views: {
+        DeckOverlay: import("@e280/sly").View<[]>;
+    };
+    components: {
+        DeckOverlay: import("@e280/sly").ComponentClass<import("@e280/stz").Constructor<import("@e280/sly").BaseElement>, []>;
+    };
+    registerComponents(): void;
+    constructor(hub: Hub<B, MB>, db: Db);
+    get catalog(): import("./index.js").Catalog;
+}

package/x/deck/deck.js

@@ -0,0 +1,50 @@
+import { disposer, ob, range } from "@e280/stz";
+import { Db } from "./parts/db.js";
+import { Hub } from "../core/hub/hub.js";
+import { Port } from "../core/hub/port.js";
+import { mergeBindings } from "./parts/merge-bindings.js";
+import { metaMode } from "../core/hub/types.js";
+import { DeckOverlay } from "./views/deck-overlay/component.js";
+import { makeMetaBindings } from "../core/hub/meta-bindings.js";
+import { DeviceSkins } from "./parts/device-skins/device-skin.js";
+import { OverlayVisibility } from "./parts/overlay-visibility.js";
+import { PrimaryDevice } from "../core/devices/standard/primary.js";
+import { dom } from "@e280/sly";
+export class Deck {
+    hub;
+    db;
+    static async load(options) {
+        const db = await Db.load(options.kv.store("catalog"));
+        const ports = range(options.portCount)
+            .map(index => db.$catalog().getProfileForPort(index))
+            .map(profile => mergeBindings(options.bindings, profile?.bindings))
+            .map(bindings => new Port(bindings));
+        const hub = new Hub(ports, db.$catalog().metaBindings
+            ?? options.metaBindings
+            ?? makeMetaBindings());
+        return new this(hub, db);
+    }
+    dispose = disposer();
+    deviceSkins = new DeviceSkins();
+    overlayVisibility;
+    primaryDevice = new PrimaryDevice();
+    views = ob({ DeckOverlay }).map(fn => fn(this));
+    components = ob(this.views).map(v => v.component().props(_c => []));
+    registerComponents() {
+        dom.register(this.components);
+    }
+    constructor(hub, db) {
+        this.hub = hub;
+        this.db = db;
+        this.overlayVisibility = new OverlayVisibility(hub, this.deviceSkins);
+        // meta reveal overlay
+        this.dispose.schedule(hub.metaPort.actions[metaMode].revealOverlay.on(action => {
+            if (action.pressed)
+                this.overlayVisibility.bump();
+        }));
+    }
+    get catalog() {
+        return this.db.$catalog();
+    }
+}
+//# sourceMappingURL=deck.js.map

package/x/deck/deck.js.map

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

package/x/deck/index.d.ts

@@ -0,0 +1,10 @@
+export * from "./parts/device-skins/device-icons.js";
+export * from "./parts/device-skins/device-skin.js";
+export * from "./parts/catalog.js";
+export * from "./parts/db.js";
+export * from "./parts/local-storage-kv.js";
+export * from "./parts/merge-bindings.js";
+export * from "./parts/overlay-visibility.js";
+export * from "./views/deck-overlay/component.js";
+export * from "./views/deck-overlay/style.css.js";
+export * from "./deck.js";

package/x/deck/index.js

@@ -0,0 +1,11 @@
+export * from "./parts/device-skins/device-icons.js";
+export * from "./parts/device-skins/device-skin.js";
+export * from "./parts/catalog.js";
+export * from "./parts/db.js";
+export * from "./parts/local-storage-kv.js";
+export * from "./parts/merge-bindings.js";
+export * from "./parts/overlay-visibility.js";
+export * from "./views/deck-overlay/component.js";
+export * from "./views/deck-overlay/style.css.js";
+export * from "./deck.js";
+//# sourceMappingURL=index.js.map

package/x/deck/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../s/deck/index.ts"],"names":[],"mappings":"AACA,cAAc,sCAAsC,CAAA;AACpD,cAAc,qCAAqC,CAAA;AACnD,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,+BAA+B,CAAA;AAE7C,cAAc,mCAAmC,CAAA;AACjD,cAAc,mCAAmC,CAAA;AAEjD,cAAc,WAAW,CAAA"}

package/x/deck/parts/catalog.d.ts

@@ -0,0 +1,23 @@
+import { MapG } from "@e280/stz";
+import { MetaBindings } from "../../core/hub/types.js";
+import { Bindings } from "../../core/bindings/types.js";
+export type Profile = {
+    id: string;
+    label: string;
+    bindings: Bindings;
+};
+export type CatalogData = {
+    profiles: Profile[];
+    portProfiles: (string | null)[];
+    metaBindings: MetaBindings | null;
+};
+export declare class Catalog {
+    profiles: MapG<string, Profile>;
+    portProfiles: (string | null)[];
+    metaBindings: MetaBindings | null;
+    constructor(data?: CatalogData);
+    toJSON(): CatalogData;
+    clone(): Catalog;
+    getProfile(profileId: string): Profile | undefined;
+    getProfileForPort(portIndex: number): Profile | undefined;
+}

package/x/deck/parts/catalog.js

@@ -0,0 +1,35 @@
+import { deep, MapG } from "@e280/stz";
+export class Catalog {
+    profiles = new MapG();
+    portProfiles = [];
+    metaBindings = null;
+    constructor(data) {
+        if (data) {
+            for (const profile of data.profiles)
+                this.profiles.set(profile.id, profile);
+            this.portProfiles = data.portProfiles
+                .map(id => id && (this.profiles.has(id) ? id : null));
+            this.metaBindings = data.metaBindings;
+        }
+    }
+    toJSON() {
+        return deep.clone({
+            profiles: [...this.profiles.values()],
+            portProfiles: this.portProfiles,
+            metaBindings: this.metaBindings,
+        });
+    }
+    clone() {
+        return new Catalog(this.toJSON());
+    }
+    getProfile(profileId) {
+        return this.profiles.get(profileId);
+    }
+    getProfileForPort(portIndex) {
+        const profileId = this.portProfiles.at(portIndex);
+        return profileId
+            ? this.getProfile(profileId)
+            : undefined;
+    }
+}
+//# sourceMappingURL=catalog.js.map

package/x/deck/parts/catalog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog.js","sourceRoot":"","sources":["../../../s/deck/parts/catalog.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,WAAW,CAAA;AAgBpC,MAAM,OAAO,OAAO;IACnB,QAAQ,GAAG,IAAI,IAAI,EAAmB,CAAA;IACtC,YAAY,GAAsB,EAAE,CAAA;IACpC,YAAY,GAAwB,IAAI,CAAA;IAExC,YAAY,IAAkB;QAC7B,IAAI,IAAI,EAAE,CAAC;YACV,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,QAAQ;gBAClC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,CAAA;YAEvC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY;iBACnC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA,EAAE,CAAC,CAAC,CAAA,IAAI,CAAC,CAAC,CAAA;YAEpD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAA;QACtC,CAAC;IACF,CAAC;IAED,MAAM;QACL,OAAO,IAAI,CAAC,KAAK,CAAC;YACjB,QAAQ,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACrC,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,YAAY,EAAE,IAAI,CAAC,YAAY;SAC/B,CAAC,CAAA;IACH,CAAC;IAED,KAAK;QACJ,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAA;IAClC,CAAC;IAED,UAAU,CAAC,SAAiB;QAC3B,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACpC,CAAC;IAED,iBAAiB,CAAC,SAAiB;QAClC,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;QACjD,OAAO,SAAS;YACf,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC;YAC5B,CAAC,CAAC,SAAS,CAAA;IACb,CAAC;CACD"}

package/x/deck/parts/db.d.ts

@@ -0,0 +1,20 @@
+import { SignalFn } from "@e280/strata";
+import { Store } from "@e280/kv";
+import { Bindings } from "../../core/bindings/types.js";
+import { Catalog, CatalogData, Profile } from "./catalog.js";
+export declare class Db {
+    #private;
+    private store;
+    $catalog: SignalFn<Catalog>;
+    static load(store: Store<CatalogData>): Promise<Db>;
+    dispose: {
+        (): void;
+        schedule(fn: () => void): any;
+    };
+    constructor(store: Store<CatalogData>, $catalog: SignalFn<Catalog>);
+    reload(): Promise<void>;
+    save(catalog: Catalog): Promise<void>;
+    createProfile(label: string, bindings: Bindings): Promise<Profile>;
+    deleteProfile(id: string): Promise<void>;
+    assignPortToProfile(index: number, profileId: string | null): Promise<void>;
+}

package/x/deck/parts/db.js

@@ -0,0 +1,52 @@
+import { disposer, Hex } from "@e280/stz";
+import { signal } from "@e280/strata";
+import { StorageDriver } from "@e280/kv";
+import { Catalog } from "./catalog.js";
+export class Db {
+    store;
+    $catalog;
+    static async load(store) {
+        const $catalog = signal(new Catalog(await store.get()));
+        return new this(store, $catalog);
+    }
+    dispose = disposer();
+    constructor(store, $catalog) {
+        this.store = store;
+        this.$catalog = $catalog;
+        this.dispose.schedule(StorageDriver.onStorageEvent(async () => this.reload()));
+    }
+    async reload() {
+        const fresh = new Catalog(await this.store.get());
+        await this.$catalog.set(fresh);
+    }
+    async save(catalog) {
+        await this.store.set(catalog.toJSON());
+        await this.$catalog(catalog);
+    }
+    async #mutateAndSave(fn) {
+        const catalog = this.$catalog().clone();
+        const result = fn(catalog);
+        await this.store.set(catalog.toJSON());
+        await this.$catalog(catalog);
+        return result;
+    }
+    async createProfile(label, bindings) {
+        return this.#mutateAndSave(catalog => {
+            const id = Hex.random();
+            const profile = { id, label, bindings };
+            catalog.profiles.set(id, profile);
+            return profile;
+        });
+    }
+    async deleteProfile(id) {
+        return this.#mutateAndSave(catalog => {
+            catalog.profiles.delete(id);
+        });
+    }
+    async assignPortToProfile(index, profileId) {
+        return this.#mutateAndSave(catalog => {
+            catalog.portProfiles[index] = profileId;
+        });
+    }
+}
+//# sourceMappingURL=db.js.map

package/x/deck/parts/db.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"db.js","sourceRoot":"","sources":["../../../s/deck/parts/db.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,GAAG,EAAC,MAAM,WAAW,CAAA;AACvC,OAAO,EAAC,MAAM,EAAW,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAC,aAAa,EAAQ,MAAM,UAAU,CAAA;AAG7C,OAAO,EAAC,OAAO,EAAuB,MAAM,cAAc,CAAA;AAE1D,MAAM,OAAO,EAAE;IASJ;IACD;IATT,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAyB;QAC1C,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAA;QACvD,OAAO,IAAI,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IACjC,CAAC;IAED,OAAO,GAAG,QAAQ,EAAE,CAAA;IAEpB,YACU,KAAyB,EAC1B,QAA2B;QAD1B,UAAK,GAAL,KAAK,CAAoB;QAC1B,aAAQ,GAAR,QAAQ,CAAmB;QAGnC,IAAI,CAAC,OAAO,CAAC,QAAQ,CACpB,aAAa,CAAC,cAAc,CAAC,KAAK,IAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CACtD,CAAA;IACF,CAAC;IAED,KAAK,CAAC,MAAM;QACX,MAAM,KAAK,GAAG,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAA;QACjD,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAC/B,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,OAAgB;QAC1B,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA;QACtC,MAAM,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IAC7B,CAAC;IAED,KAAK,CAAC,cAAc,CAAI,EAA2B;QAClD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAA;QACvC,MAAM,MAAM,GAAG,EAAE,CAAC,OAAO,CAAC,CAAA;QAC1B,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA;QACtC,MAAM,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;QAC5B,OAAO,MAAM,CAAA;IACd,CAAC;IAED,KAAK,CAAC,aAAa,CAAC,KAAa,EAAE,QAAkB;QACpD,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;YACpC,MAAM,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,CAAA;YACvB,MAAM,OAAO,GAAY,EAAC,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAC,CAAA;YAC9C,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,EAAE,OAAO,CAAC,CAAA;YACjC,OAAO,OAAO,CAAA;QACf,CAAC,CAAC,CAAA;IACH,CAAC;IAED,KAAK,CAAC,aAAa,CAAC,EAAU;QAC7B,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;YACpC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;QAC5B,CAAC,CAAC,CAAA;IACH,CAAC;IAED,KAAK,CAAC,mBAAmB,CAAC,KAAa,EAAE,SAAwB;QAChE,OAAO,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;YACpC,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,SAAS,CAAA;QACxC,CAAC,CAAC,CAAA;IACH,CAAC;CACD"}

package/x/deck/parts/device-skins/device-icons.d.ts

@@ -0,0 +1,12 @@
+import { Content } from "@e280/sly";
+import { Constructor } from "@e280/stz";
+import { Device } from "../../../core/devices/device.js";
+export type DeviceIconEntry = [DeviceClass: Constructor<Device>, icon: Content];
+export declare class DeviceIcons {
+    #private;
+    fallback: Content;
+    constructor(entries?: DeviceIconEntry[]);
+    get(DeviceClass: Constructor<Device>): Content;
+    add(...entries: DeviceIconEntry[]): this;
+    clear(): this;
+}

package/x/deck/parts/device-skins/device-icons.js

@@ -0,0 +1,27 @@
+import { VpadDevice } from "../../../core/devices/standard/vpad.js";
+import { PrimaryDevice } from "../../../core/devices/standard/primary.js";
+import { GamepadDevice } from "../../../core/devices/standard/gamepad.js";
+export class DeviceIcons {
+    fallback = "❔";
+    #map = new Map();
+    constructor(entries = [
+        [PrimaryDevice, "💻"],
+        [GamepadDevice, "🎮"],
+        [VpadDevice, "📱"],
+    ]) {
+        this.add(...entries);
+    }
+    get(DeviceClass) {
+        return this.#map.get(DeviceClass) ?? this.fallback;
+    }
+    add(...entries) {
+        for (const [dc, icon] of entries)
+            this.#map.set(dc, icon);
+        return this;
+    }
+    clear() {
+        this.#map.clear();
+        return this;
+    }
+}
+//# sourceMappingURL=device-icons.js.map

package/x/deck/parts/device-skins/device-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-icons.js","sourceRoot":"","sources":["../../../../s/deck/parts/device-skins/device-icons.ts"],"names":[],"mappings":"AAIA,OAAO,EAAC,UAAU,EAAC,MAAM,wCAAwC,CAAA;AACjE,OAAO,EAAC,aAAa,EAAC,MAAM,2CAA2C,CAAA;AACvE,OAAO,EAAC,aAAa,EAAC,MAAM,2CAA2C,CAAA;AAIvE,MAAM,OAAO,WAAW;IACvB,QAAQ,GAAY,GAAG,CAAA;IACvB,IAAI,GAAG,IAAI,GAAG,EAAgC,CAAA;IAE9C,YAAY,UAA6B;QACvC,CAAC,aAAa,EAAE,IAAI,CAAC;QACrB,CAAC,aAAa,EAAE,IAAI,CAAC;QACrB,CAAC,UAAU,EAAE,IAAI,CAAC;KAClB;QACD,IAAI,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,CAAA;IACrB,CAAC;IAED,GAAG,CAAC,WAAgC;QACnC,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAA;IACnD,CAAC;IAED,GAAG,CAAC,GAAG,OAA0B;QAChC,KAAK,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,OAAO;YAC/B,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;QACxB,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,KAAK;QACJ,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAA;QACjB,OAAO,IAAI,CAAA;IACZ,CAAC;CACD"}

package/x/deck/parts/device-skins/device-skin.d.ts

@@ -0,0 +1,14 @@
+import { Content } from "@e280/sly";
+import { DeviceIcons } from "./device-icons.js";
+import { Device } from "../../../core/devices/device.js";
+export declare class DeviceSkin {
+    icon: Content;
+    label: string;
+    color: string;
+    constructor(icon: Content, label: string, color: string);
+}
+export declare class DeviceSkins {
+    #private;
+    icons: DeviceIcons;
+    get(device: Device): DeviceSkin;
+}

package/x/deck/parts/device-skins/device-skin.js

@@ -0,0 +1,22 @@
+import { Hex, WeakMapG } from "@e280/stz";
+import { DeviceIcons } from "./device-icons.js";
+import { ColorDispenser } from "../../../utils/dispensers.js";
+export class DeviceSkin {
+    icon;
+    label;
+    color;
+    constructor(icon, label, color) {
+        this.icon = icon;
+        this.label = label;
+        this.color = color;
+    }
+}
+export class DeviceSkins {
+    icons = new DeviceIcons();
+    #map = new WeakMapG();
+    #colors = new ColorDispenser();
+    get(device) {
+        return this.#map.guarantee(device, () => new DeviceSkin(this.icons.get(device.constructor), Hex.random(4), this.#colors.takeFirst()));
+    }
+}
+//# sourceMappingURL=device-skin.js.map

package/x/deck/parts/device-skins/device-skin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-skin.js","sourceRoot":"","sources":["../../../../s/deck/parts/device-skins/device-skin.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,GAAG,EAAE,QAAQ,EAAC,MAAM,WAAW,CAAA;AACvC,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAA;AAE7C,OAAO,EAAC,cAAc,EAAC,MAAM,8BAA8B,CAAA;AAE3D,MAAM,OAAO,UAAU;IAEd;IACA;IACA;IAHR,YACQ,IAAa,EACb,KAAa,EACb,KAAa;QAFb,SAAI,GAAJ,IAAI,CAAS;QACb,UAAK,GAAL,KAAK,CAAQ;QACb,UAAK,GAAL,KAAK,CAAQ;IAClB,CAAC;CACJ;AAED,MAAM,OAAO,WAAW;IACvB,KAAK,GAAG,IAAI,WAAW,EAAE,CAAA;IACzB,IAAI,GAAG,IAAI,QAAQ,EAAsB,CAAA;IACzC,OAAO,GAAG,IAAI,cAAc,EAAE,CAAA;IAE9B,GAAG,CAAC,MAAc;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,UAAU,CACtD,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,WAAkB,CAAC,EACzC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EACb,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CACxB,CAAC,CAAA;IACH,CAAC;CACD"}

package/x/deck/parts/local-storage-kv.d.ts

@@ -0,0 +1,2 @@
+import { Kv } from "@e280/kv";
+export declare function localStorageKv(): Kv<any>;

package/x/deck/parts/local-storage-kv.js

@@ -0,0 +1,6 @@
+import { Kv, StorageDriver } from "@e280/kv";
+export function localStorageKv() {
+    const driver = new StorageDriver(window.localStorage);
+    return new Kv(driver).scope("tact");
+}
+//# sourceMappingURL=local-storage-kv.js.map

package/x/deck/parts/local-storage-kv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"local-storage-kv.js","sourceRoot":"","sources":["../../../s/deck/parts/local-storage-kv.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,EAAE,EAAE,aAAa,EAAC,MAAM,UAAU,CAAA;AAE1C,MAAM,UAAU,cAAc;IAC7B,MAAM,MAAM,GAAG,IAAI,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;IACrD,OAAO,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;AACpC,CAAC"}

package/x/deck/parts/merge-bindings.d.ts

@@ -0,0 +1,2 @@
+import { Bindings } from "../../core/bindings/types.js";
+export declare function mergeBindings<B extends Bindings>(normative: B, sus?: B): B;

package/x/deck/parts/merge-bindings.js

@@ -0,0 +1,15 @@
+import { deep } from "@e280/stz";
+export function mergeBindings(normative, sus) {
+    const bindings = deep.clone(normative);
+    if (!sus)
+        return bindings;
+    for (const [mode, bracket] of Object.entries(bindings)) {
+        for (const actionKey of Object.keys(bracket)) {
+            const susAction = sus[mode]?.[actionKey];
+            if (susAction)
+                bracket[actionKey] = susAction;
+        }
+    }
+    return bindings;
+}
+//# sourceMappingURL=merge-bindings.js.map

package/x/deck/parts/merge-bindings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-bindings.js","sourceRoot":"","sources":["../../../s/deck/parts/merge-bindings.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAG9B,MAAM,UAAU,aAAa,CAAqB,SAAY,EAAE,GAAO;IACtE,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAEtC,IAAI,CAAC,GAAG;QACP,OAAO,QAAQ,CAAA;IAEhB,KAAK,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QACxD,KAAK,MAAM,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YAC9C,MAAM,SAAS,GAAG,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,CAAA;YACxC,IAAI,SAAS;gBACZ,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;QAChC,CAAC;IACF,CAAC;IAED,OAAO,QAAQ,CAAA;AAChB,CAAC"}

package/x/deck/parts/overlay-visibility.d.ts

@@ -0,0 +1,21 @@
+import { Hub } from "../../core/hub/hub.js";
+import { DeviceSkins } from "./device-skins/device-skin.js";
+export declare class OverlayVisibility {
+    #private;
+    hub: Hub<any>;
+    deviceSkins: DeviceSkins;
+    auto: boolean;
+    dispose: {
+        (): void;
+        schedule(fn: () => void): any;
+    };
+    /** manual override for whether the ports view should be visible */
+    readonly $manual: import("@e280/strata").SignalFn<boolean>;
+    /** derived signal about whether the ports view should be visible */
+    readonly $visible: import("@e280/strata").DerivedFn<boolean>;
+    /** whether or not to show labels in the overlay ui */
+    readonly $showLabels: import("@e280/strata").SignalFn<boolean>;
+    constructor(hub: Hub<any>, deviceSkins?: DeviceSkins);
+    bump(): Promise<void>;
+    toggle(active?: boolean): Promise<boolean>;
+}

package/x/deck/parts/overlay-visibility.js

@@ -0,0 +1,35 @@
+import { signal } from "@e280/strata";
+import { debounce, disposer } from "@e280/stz";
+import { DeviceSkins } from "./device-skins/device-skin.js";
+export class OverlayVisibility {
+    hub;
+    deviceSkins;
+    auto = true;
+    dispose = disposer();
+    #created = Date.now();
+    #$auto = signal(false);
+    /** manual override for whether the ports view should be visible */
+    $manual = signal(false);
+    /** derived signal about whether the ports view should be visible */
+    $visible = signal.derived(() => (this.$manual() || (this.auto && this.#$auto())));
+    /** whether or not to show labels in the overlay ui */
+    $showLabels = signal(false);
+    constructor(hub, deviceSkins = new DeviceSkins()) {
+        this.hub = hub;
+        this.deviceSkins = deviceSkins;
+        this.dispose.schedule(hub.on(async () => {
+            const since = Date.now() - this.#created;
+            if (since > 100)
+                await this.bump();
+        }));
+    }
+    #autoOff = debounce(1500, () => this.#$auto(false));
+    async bump() {
+        await this.#$auto(true);
+        await this.#autoOff();
+    }
+    async toggle(active = !this.$manual()) {
+        return this.$manual.set(active);
+    }
+}
+//# sourceMappingURL=overlay-visibility.js.map

package/x/deck/parts/overlay-visibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-visibility.js","sourceRoot":"","sources":["../../../s/deck/parts/overlay-visibility.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAA;AACnC,OAAO,EAAC,QAAQ,EAAE,QAAQ,EAAC,MAAM,WAAW,CAAA;AAE5C,OAAO,EAAC,WAAW,EAAC,MAAM,+BAA+B,CAAA;AAEzD,MAAM,OAAO,iBAAiB;IAmBpB;IACA;IAnBT,IAAI,GAAG,IAAI,CAAA;IACX,OAAO,GAAG,QAAQ,EAAE,CAAA;IAEpB,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;IACrB,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAEtB,mEAAmE;IAC1D,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAEhC,oEAAoE;IAC3D,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CACxC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,CAC9C,CAAC,CAAA;IAEF,sDAAsD;IAC7C,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAEpC,YACS,GAAa,EACb,cAAc,IAAI,WAAW,EAAE;QAD/B,QAAG,GAAH,GAAG,CAAU;QACb,gBAAW,GAAX,WAAW,CAAoB;QAGvC,IAAI,CAAC,OAAO,CAAC,QAAQ,CACpB,GAAG,CAAC,EAAE,CAAC,KAAK,IAAG,EAAE;YAChB,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAA;YACxC,IAAI,KAAK,GAAG,GAAG;gBAAE,MAAM,IAAI,CAAC,IAAI,EAAE,CAAA;QACnC,CAAC,CAAC,CACF,CAAA;IACF,CAAC;IAED,QAAQ,GAAG,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;IAEnD,KAAK,CAAC,IAAI;QACT,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QACvB,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAA;IACtB,CAAC;IAED,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE;QACpC,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IAChC,CAAC;CACD"}

package/x/deck/views/deck-overlay/component.d.ts

@@ -0,0 +1,2 @@
+import { Deck } from "../../deck.js";
+export declare const DeckOverlay: (deck: Deck<any>) => import("@e280/sly").View<[]>;

package/x/deck/views/deck-overlay/component.js

@@ -0,0 +1,40 @@
+import { html } from "lit";
+import { cssReset } from "@e280/sly";
+import styleCss from "./style.css.js";
+import { deckView } from "../framework.js";
+export const DeckOverlay = deckView(deck => use => {
+    use.css(cssReset, styleCss);
+    use.attrs.string.deck = "overlay";
+    const { hub, deviceSkins, overlayVisibility: { $visible, $showLabels } } = deck;
+    function renderDevice(device) {
+        const skin = deviceSkins.get(device);
+        const style = `--color: ${skin.color};`;
+        const next = () => hub.shimmy(device, 1);
+        const previous = () => hub.shimmy(device, -1);
+        return html `
+			<div class=device style="${style}">
+				<div class="primary row">
+					<button @click="${previous}">&lt;</button>
+					<div class=icon>${skin.icon}</div>
+					<button @click="${next}">&gt;</button>
+				</div>
+				${$showLabels() ? html `
+					<div class="secondary row">
+						<div class=label>${skin.label}</div>
+					</div>
+				` : null}
+			</div>
+		`;
+    }
+    return html `
+		<div class=portlist ?data-active="${$visible()}">
+			${hub.ports.map((port, index) => html `
+				<div class=port>
+					<header>P${index + 1}</header>
+					${port.devices.array().map(renderDevice)}
+				</div>
+			`)}
+		</div>
+	`;
+});
+//# sourceMappingURL=component.js.map

package/x/deck/views/deck-overlay/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../s/deck/views/deck-overlay/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,QAAQ,EAAC,MAAM,WAAW,CAAA;AAElC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,QAAQ,EAAC,MAAM,iBAAiB,CAAA;AAGxC,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE;IACjD,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC3B,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,SAAS,CAAA;IAEjC,MAAM,EAAC,GAAG,EAAE,WAAW,EAAE,iBAAiB,EAAE,EAAC,QAAQ,EAAE,WAAW,EAAC,EAAC,GAAG,IAAI,CAAA;IAE3E,SAAS,YAAY,CAAC,MAAc;QACnC,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACpC,MAAM,KAAK,GAAG,YAAY,IAAI,CAAC,KAAK,GAAG,CAAA;QACvC,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;QACxC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAA;QAC7C,OAAO,IAAI,CAAA;8BACiB,KAAK;;uBAEZ,QAAQ;uBACR,IAAI,CAAC,IAAI;uBACT,IAAI;;MAErB,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;;yBAED,IAAI,CAAC,KAAK;;KAE9B,CAAC,CAAC,CAAC,IAAI;;GAET,CAAA;IACF,CAAC;IAED,OAAO,IAAI,CAAA;sCAC0B,QAAQ,EAAE;KAC3C,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;;gBAExB,KAAK,GAAG,CAAC;OAClB,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,YAAY,CAAC;;IAEzC,CAAC;;EAEH,CAAA;AAEF,CAAC,CAAC,CAAA"}

package/x/deck/views/deck-overlay/style.css.js

@@ -0,0 +1,109 @@
+import { css } from "lit";
+export default css `
+
+:host {
+	--gap: 0.3em;
+	pointer-events: none;
+	cursor: default;
+	user-select: none;
+}
+
+.portlist {
+	pointer-events: none;
+
+	display: flex;
+	align-items: start;
+
+	width: max-content;
+	gap: var(--gap);
+	padding: 0.5em;
+
+	color: #fff8;
+	background: #222a;
+	border-radius: 1em;
+
+	opacity: 0;
+	transition: opacity 300ms linear;
+
+	&[data-active] {
+		opacity: 1;
+		pointer-events: all;
+	}
+
+	.port {
+		flex: 1 0 0;
+		display: flex;
+		flex-direction: column;
+
+		min-width: 6em;
+		gap: var(--gap);
+
+		> * {
+			color: white;
+			font-weight: bold;
+			text-shadow: 0.05em 0.05em 0.1em #0008;
+			text-transform: uppercase;
+		}
+
+		header {
+			text-align: center;
+			color: #fff8;
+		}
+
+		.device {
+			display: flex;
+			flex-direction: column;
+			gap: var(--gap);
+
+			box-shadow: 0.1em 0.2em 0.7em #0004;
+			background: color-mix(in srgb, #fffa, var(--color) 50%);
+			border-top: 2px solid #fff8;
+			border-bottom: 2px solid #0004;
+			border-radius: 0.5em;
+
+			.row {
+				display: flex;
+				align-items: center;
+
+				&.primary {
+					justify-content: space-between;
+				}
+
+				&.secondary {
+					justify-content: center;
+				}
+			}
+
+			.icon {
+				font-size: 1.5em;
+			}
+
+			.label {
+				font-family: monospace;
+				font-size: 0.8em;
+				opacity: 0.5;
+				line-height: 0.9em;
+			}
+
+			button {
+				opacity: 0.2;
+				cursor: pointer;
+				padding: 0 0.2em;
+				font-family: monospace;
+				font-size: 1.5em;
+				font-weight: bold;
+
+				background: transparent;
+				border: 1px solid transparent;
+				text-shadow: inherit;
+
+				&:is(:hover, :focus-visible) {
+					opacity: 1;
+				}
+			}
+		}
+	}
+}
+
+`;
+//# sourceMappingURL=style.css.js.map

package/x/deck/views/deck-overlay/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.css.js","sourceRoot":"","sources":["../../../../s/deck/views/deck-overlay/style.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAA;AACvB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0GjB,CAAA"}

package/x/deck/views/framework.d.ts

@@ -0,0 +1,3 @@
+import { Content, Use } from "@e280/sly";
+import { Deck } from "../deck.js";
+export declare function deckView(fn: (deck: Deck<any>) => (use: Use) => Content): (deck: Deck<any>) => import("@e280/sly").View<[]>;

package/x/deck/views/framework.js

@@ -0,0 +1,8 @@
+import { view } from "@e280/sly";
+export function deckView(fn) {
+    return (deck) => {
+        const fn2 = fn(deck);
+        return view(use => () => fn2(use));
+    };
+}
+//# sourceMappingURL=framework.js.map

package/x/deck/views/framework.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"framework.js","sourceRoot":"","sources":["../../../s/deck/views/framework.ts"],"names":[],"mappings":"AACA,OAAO,EAAe,IAAI,EAAC,MAAM,WAAW,CAAA;AAG5C,MAAM,UAAU,QAAQ,CACtB,EAA8C;IAG/C,OAAO,CAAC,IAAe,EAAE,EAAE;QAC1B,MAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,CAAA;QACpB,OAAO,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;IACnC,CAAC,CAAA;AACF,CAAC"}