@benev/tact 0.2.0 → 0.3.0-2

package/x/demo/main.css

@@ -1,13 +1,13 @@
 
-@layer vars, core, basics, page;
+@layer vars, core, page;
 
 @layer vars {
 	:root {
 		color-scheme: dark;
+
 		--link: cyan;
-		--prime: #ccc;
+		--text: #ccc;
 		--bg: #181818;
-		--bg2: #111111;
 	}
 }
 
@@ -42,19 +42,17 @@
 	}
 }
 
-@layer basics {
+@layer page {
 	html { height: 100%; }
 	body { min-height: 100%; }
 
 	html, body {
 		font-family: sans-serif;
-		font-size: 12px;
-		color: var(--prime);
+		font-size: 16px;
+		color: var(--text);
 		background: var(--bg);
 	}
-}
 
-@layer page {
 	body {
 		display: flex;
 		flex-direction: column;

package/x/device/devices.d.ts

@@ -0,0 +1,7 @@
+import { Device } from "../core/types.js";
+export declare class Devices implements Device {
+    #private;
+    set: Set<Device>;
+    constructor(...devices: Device[]);
+    samples(): Generator<[string, number], void, unknown>;
+}

package/x/device/devices.js

@@ -0,0 +1,17 @@
+import { SampleMap } from "../core/parts/sample-map.js";
+export class Devices {
+    set = new Set();
+    #sampleMap = new SampleMap();
+    constructor(...devices) {
+        for (const device of devices)
+            this.set.add(device);
+    }
+    *samples() {
+        this.#sampleMap.zero();
+        for (const device of this.set)
+            for (const sample of device.samples())
+                this.#sampleMap.merge(sample);
+        yield* this.#sampleMap;
+    }
+}
+//# sourceMappingURL=devices.js.map

package/x/device/devices.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"devices.js","sourceRoot":"","sources":["../../s/device/devices.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAC,MAAM,6BAA6B,CAAA;AAErD,MAAM,OAAO,OAAO;IACnB,GAAG,GAAG,IAAI,GAAG,EAAU,CAAA;IACvB,UAAU,GAAG,IAAI,SAAS,EAAE,CAAA;IAE5B,YAAY,GAAG,OAAiB;QAC/B,KAAK,MAAM,MAAM,IAAI,OAAO;YAC3B,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;IACtB,CAAC;IAED,CAAC,OAAO;QACP,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAA;QAEtB,KAAK,MAAM,MAAM,IAAI,IAAI,CAAC,GAAG;YAC5B,KAAK,MAAM,MAAM,IAAI,MAAM,CAAC,OAAO,EAAE;gBACpC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QAE/B,KAAK,CAAC,CAAC,IAAI,CAAC,UAAU,CAAA;IACvB,CAAC;CACD"}

package/x/device/gamepad.d.ts

@@ -0,0 +1,9 @@
+import { Pad } from "./pad/pad.js";
+import { SamplerDevice } from "./sampler.js";
+export declare class GamepadDevice extends SamplerDevice {
+    #private;
+    pad: Pad;
+    constructor(pad: Pad);
+    get gamepad(): Gamepad;
+    samples(): Generator<[string, number], void, unknown>;
+}

package/x/device/gamepad.js

@@ -0,0 +1,37 @@
+import { SamplerDevice } from "./sampler.js";
+import { splitAxis } from "../utils/split-axis.js";
+export class GamepadDevice extends SamplerDevice {
+    pad;
+    constructor(pad) {
+        super();
+        this.pad = pad;
+    }
+    get gamepad() {
+        return this.pad.gamepad;
+    }
+    *samples() {
+        this.#pollButtons(this.pad.gamepad);
+        this.#pollSticks(this.pad.gamepad);
+        yield* super.samples();
+    }
+    #pollButtons(gamepad) {
+        let anyButtonValue = 0;
+        for (const [index, button] of gamepad.buttons.entries()) {
+            const i = index + 1;
+            const value = button.value;
+            anyButtonValue = Math.max(anyButtonValue, value);
+            this.setSample(`gamepad.button.${i}`, value);
+        }
+        this.setSample("gamepad.button.any", anyButtonValue);
+    }
+    #pollSticks(gamepad) {
+        for (const [index, axis] of gamepad.axes.entries()) {
+            const i = index + 1;
+            this.setSample(`gamepad.axis.${i}`, axis);
+            const [neg, pos] = splitAxis(axis);
+            this.setSample(`gamepad.axis.${i}.neg`, neg);
+            this.setSample(`gamepad.axis.${i}.pos`, pos);
+        }
+    }
+}
+//# sourceMappingURL=gamepad.js.map

package/x/device/gamepad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gamepad.js","sourceRoot":"","sources":["../../s/device/gamepad.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,aAAa,EAAC,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAA;AAEhD,MAAM,OAAO,aAAc,SAAQ,aAAa;IAC5B,GAAG;IAAtB,YAAmB,GAAQ;QAC1B,KAAK,EAAE,CAAA;mBADW,GAAG;IAEtB,CAAC;IAED,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAA;IACxB,CAAC;IAED,CAAC,OAAO;QACP,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;QACnC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;QAClC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAA;IACvB,CAAC;IAED,YAAY,CAAC,OAAgB;QAC5B,IAAI,cAAc,GAAG,CAAC,CAAA;QACtB,KAAK,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;YACzD,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC,CAAA;YACnB,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;YAC1B,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,EAAE,KAAK,CAAC,CAAA;YAChD,IAAI,CAAC,SAAS,CAAC,kBAAkB,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;QAC7C,CAAC;QACD,IAAI,CAAC,SAAS,CAAC,oBAAoB,EAAE,cAAc,CAAC,CAAA;IACrD,CAAC;IAED,WAAW,CAAC,OAAgB;QAC3B,KAAK,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;YACpD,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC,CAAA;YACnB,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;YACzC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;YAClC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;YAC5C,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;QAC7C,CAAC;IACF,CAAC;CACD"}

package/x/{core/devices/standard → device}/keyboard.d.ts

@@ -1,4 +1,4 @@
-import { SamplerDevice } from "../infra/sampler.js";
+import { SamplerDevice } from "./sampler.js";
 export declare class KeyboardDevice extends SamplerDevice {
     #private;
     dispose: import("@e280/stz").Disposer;

package/x/{core/devices/standard → device}/keyboard.js

@@ -1,5 +1,5 @@
 import { disposer, ev } from "@e280/stz";
-import { SamplerDevice } from "../infra/sampler.js";
+import { SamplerDevice } from "./sampler.js";
 export class KeyboardDevice extends SamplerDevice {
     dispose = disposer();
     constructor(target = window) {
@@ -12,16 +12,18 @@ export class KeyboardDevice extends SamplerDevice {
             if (event.repeat)
                 return null;
             this.setSample(event.code, 1);
+            this.setSample("keyboard.any", 1);
         },
         keyup: (event) => {
             if (event.repeat)
                 return null;
             this.setSample(event.code, 0);
+            this.setSample("keyboard.any", 0);
         },
     };
     #windowListeners = {
         blur: () => {
-            this.sampleMap.zero();
+            this.zero();
         },
     };
 }

package/x/device/keyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard.js","sourceRoot":"","sources":["../../s/device/keyboard.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,EAAE,EAAC,MAAM,WAAW,CAAA;AACtC,OAAO,EAAC,aAAa,EAAC,MAAM,cAAc,CAAA;AAE1C,MAAM,OAAO,cAAe,SAAQ,aAAa;IAChD,OAAO,GAAG,QAAQ,EAAE,CAAA;IAEpB,YAAY,MAAM,GAAgB,MAAM;QACvC,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAA;QACxD,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAA;IACzD,CAAC;IAED,gBAAgB,GAAG;QAClB,OAAO,EAAE,CAAC,KAAoB,EAAE,EAAE;YACjC,IAAI,KAAK,CAAC,MAAM;gBAAE,OAAO,IAAI,CAAA;YAC7B,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;YAC7B,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,CAAC,CAAC,CAAA;QAClC,CAAC;QACD,KAAK,EAAE,CAAC,KAAoB,EAAE,EAAE;YAC/B,IAAI,KAAK,CAAC,MAAM;gBAAE,OAAO,IAAI,CAAA;YAC7B,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;YAC7B,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,CAAC,CAAC,CAAA;QAClC,CAAC;KACD,CAAA;IAED,gBAAgB,GAAG;QAClB,IAAI,EAAE,GAAG,EAAE;YACV,IAAI,CAAC,IAAI,EAAE,CAAA;QACZ,CAAC;KACD,CAAA;CACD"}

package/x/device/pad/on-pad.d.ts

@@ -0,0 +1,3 @@
+import { Pad } from "./pad.js";
+/** listen for gamepads coming and going */
+export declare function onPad(fn: (pad: Pad) => () => void): () => void;

package/x/device/pad/on-pad.js

@@ -0,0 +1,42 @@
+import { ev } from "@e280/stz";
+import { Pad } from "./pad.js";
+import { evergreen } from "../../utils/evergreen.js";
+/** listen for gamepads coming and going */
+export function onPad(fn) {
+    const known = new Map();
+    function refresh() {
+        addNew();
+        deleteOld();
+    }
+    function addNew() {
+        for (const gamepad of navigator.getGamepads()) {
+            if (gamepad?.connected && !known.has(gamepad.index)) {
+                const get = () => navigator.getGamepads()[gamepad.index];
+                const pad = new Pad(evergreen(gamepad, get));
+                const dispose = fn(pad);
+                known.set(gamepad.index, { pad, dispose });
+            }
+        }
+    }
+    function deleteOld() {
+        for (const [index, { pad, dispose }] of known) {
+            const gamepad = navigator.getGamepads()[pad.gamepad.index];
+            if (!gamepad?.connected) {
+                dispose();
+                known.delete(index);
+            }
+        }
+    }
+    refresh();
+    const unlisten = ev(window, {
+        gamepadconnected: refresh,
+        gamepaddisconnected: refresh,
+    });
+    return () => {
+        unlisten();
+        for (const { dispose } of known.values())
+            dispose();
+        known.clear();
+    };
+}
+//# sourceMappingURL=on-pad.js.map

package/x/device/pad/on-pad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"on-pad.js","sourceRoot":"","sources":["../../../s/device/pad/on-pad.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,EAAE,EAAC,MAAM,WAAW,CAAA;AAC5B,OAAO,EAAC,GAAG,EAAC,MAAM,UAAU,CAAA;AAC5B,OAAO,EAAC,SAAS,EAAC,MAAM,0BAA0B,CAAA;AAElD,2CAA2C;AAC3C,MAAM,UAAU,KAAK,CAAC,EAA4B;IACjD,MAAM,KAAK,GAAG,IAAI,GAAG,EAA2C,CAAA;IAEhE,SAAS,OAAO;QACf,MAAM,EAAE,CAAA;QACR,SAAS,EAAE,CAAA;IACZ,CAAC;IAED,SAAS,MAAM;QACd,KAAK,MAAM,OAAO,IAAI,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;YAC/C,IAAI,OAAO,EAAE,SAAS,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;gBACrD,MAAM,GAAG,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;gBACxD,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAA;gBAC5C,MAAM,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,CAAA;gBACvB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,EAAC,GAAG,EAAE,OAAO,EAAC,CAAC,CAAA;YACzC,CAAC;QACF,CAAC;IACF,CAAC;IAED,SAAS,SAAS;QACjB,KAAK,MAAM,CAAC,KAAK,EAAE,EAAC,GAAG,EAAE,OAAO,EAAC,CAAC,IAAI,KAAK,EAAE,CAAC;YAC7C,MAAM,OAAO,GAAG,SAAS,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;YAC1D,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,CAAC;gBACzB,OAAO,EAAE,CAAA;gBACT,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACpB,CAAC;QACF,CAAC;IACF,CAAC;IAED,OAAO,EAAE,CAAA;IAET,MAAM,QAAQ,GAAG,EAAE,CAAC,MAAM,EAAE;QAC3B,gBAAgB,EAAE,OAAO;QACzB,mBAAmB,EAAE,OAAO;KAC5B,CAAC,CAAA;IAEF,OAAO,GAAG,EAAE;QACX,QAAQ,EAAE,CAAA;QACV,KAAK,MAAM,EAAC,OAAO,EAAC,IAAI,KAAK,CAAC,MAAM,EAAE;YACrC,OAAO,EAAE,CAAA;QACV,KAAK,CAAC,KAAK,EAAE,CAAA;IACd,CAAC,CAAA;AACF,CAAC"}

package/x/device/pad/pad.d.ts

@@ -0,0 +1,6 @@
+/** stable reference to a gamepad, has a getter to get the latest gamepad snapshot */
+export declare class Pad {
+    private get;
+    constructor(get: () => Gamepad);
+    get gamepad(): Gamepad;
+}

package/x/device/pad/pad.js

@@ -0,0 +1,11 @@
+/** stable reference to a gamepad, has a getter to get the latest gamepad snapshot */
+export class Pad {
+    get;
+    constructor(get) {
+        this.get = get;
+    }
+    get gamepad() {
+        return this.get();
+    }
+}
+//# sourceMappingURL=pad.js.map

package/x/device/pad/pad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pad.js","sourceRoot":"","sources":["../../../s/device/pad/pad.ts"],"names":[],"mappings":"AACA,qFAAqF;AACrF,MAAM,OAAO,GAAG;IACK,GAAG;IAAvB,YAAoB,GAAkB;mBAAlB,GAAG;IAAkB,CAAC;IAE1C,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,GAAG,EAAE,CAAA;IAClB,CAAC;CACD"}

package/x/{core/devices/standard → device}/pointer.d.ts

@@ -1,5 +1,5 @@
 import { Vec2 } from "@benev/math";
-import { SamplerDevice } from "../infra/sampler.js";
+import { SamplerDevice } from "./sampler.js";
 export declare class PointerDevice extends SamplerDevice {
     #private;
     client: Vec2;
@@ -8,5 +8,5 @@ export declare class PointerDevice extends SamplerDevice {
     constructor(target?: EventTarget);
     static buttonCode(event: PointerEvent): string;
     static wheelCodes(event: WheelEvent): [string, number][];
-    samples(): Generator<import("../types.js").Sample, void, unknown>;
+    samples(): Generator<[string, number], void, unknown>;
 }

package/x/{core/devices/standard → device}/pointer.js

@@ -1,7 +1,7 @@
 import { Vec2 } from "@benev/math";
 import { disposer, ev } from "@e280/stz";
-import { SamplerDevice } from "../infra/sampler.js";
-import { splitAxis } from "../../../utils/split-axis.js";
+import { SamplerDevice } from "./sampler.js";
+import { splitAxis } from "../utils/split-axis.js";
 export class PointerDevice extends SamplerDevice {
     client = new Vec2(0, 0);
     movement = new Vec2(0, 0);
@@ -55,9 +55,9 @@ export class PointerDevice extends SamplerDevice {
             ]);
         return movements;
     }
-    samples() {
+    *samples() {
         this.#specialPreProcessing();
-        return super.samples();
+        yield* super.samples();
     }
     #specialPreProcessing() {
         const [x, y] = this.movement;

package/x/device/pointer.js.map

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

package/x/device/sampler.d.ts

@@ -0,0 +1,9 @@
+import { Device, Sample } from "../core/types.js";
+import { SampleMap } from "../core/parts/sample-map.js";
+export declare class SamplerDevice implements Device {
+    on: import("@e280/stz").Sub<Sample>;
+    sampleMap: SampleMap;
+    setSample(code: string, value: number): this;
+    zero(): void;
+    samples(): Generator<[string, number], void, unknown>;
+}

package/x/device/sampler.js

@@ -0,0 +1,19 @@
+import { sub } from "@e280/stz";
+import { SampleMap } from "../core/parts/sample-map.js";
+export class SamplerDevice {
+    on = sub();
+    sampleMap = new SampleMap();
+    setSample(code, value) {
+        this.sampleMap.set(code, value);
+        this.on.pub(code, value);
+        return this;
+    }
+    zero() {
+        for (const code of this.sampleMap.keys())
+            this.setSample(code, 0);
+    }
+    *samples() {
+        yield* this.sampleMap;
+    }
+}
+//# sourceMappingURL=sampler.js.map

package/x/device/sampler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sampler.js","sourceRoot":"","sources":["../../s/device/sampler.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,WAAW,CAAA;AAE7B,OAAO,EAAC,SAAS,EAAC,MAAM,6BAA6B,CAAA;AAErD,MAAM,OAAO,aAAa;IACzB,EAAE,GAAG,GAAG,EAAU,CAAA;IAClB,SAAS,GAAG,IAAI,SAAS,EAAE,CAAA;IAE3B,SAAS,CAAC,IAAY,EAAE,KAAa;QACpC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QAC/B,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QACxB,OAAO,IAAI,CAAA;IACZ,CAAC;IAED,IAAI;QACH,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;YACvC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;IACzB,CAAC;IAED,CAAC,OAAO;QACP,KAAK,CAAC,CAAC,IAAI,CAAC,SAAS,CAAA;IACtB,CAAC;CACD"}

package/x/{core/devices/standard → device}/stick.d.ts

@@ -1,7 +1,6 @@
 import { Vec2 } from "@benev/math";
-import { Sample } from "../types.js";
-import { Device } from "../device.js";
-export declare class StickDevice extends Device {
+import { Device, Sample } from "../core/types.js";
+export declare class StickDevice implements Device {
     channel: string;
     $vector: import("@e280/strata").Signal<Vec2>;
     $breakdown: import("@e280/strata").Derived<{

package/x/{core/devices/standard → device}/stick.js

@@ -1,18 +1,16 @@
 import { Vec2 } from "@benev/math";
 import { derived, signal } from "@e280/strata";
-import { Device } from "../device.js";
-import { splitVector } from "../../../utils/split-axis.js";
-export class StickDevice extends Device {
+import { splitVector } from "../utils/split-axis.js";
+export class StickDevice {
     channel;
     $vector = signal(Vec2.zero());
-    $breakdown = derived(() => splitVector(this.$vector.get()));
+    $breakdown = derived(() => splitVector(this.$vector()));
     constructor(channel = "stick") {
-        super();
         this.channel = channel;
     }
     samples() {
         const { channel } = this;
-        const { up, down, left, right } = this.$breakdown.get();
+        const { up, down, left, right } = this.$breakdown();
         return [
             [`${channel}.up`, up],
             [`${channel}.down`, down],

package/x/device/stick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stick.js","sourceRoot":"","sources":["../../s/device/stick.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAA;AAChC,OAAO,EAAC,OAAO,EAAE,MAAM,EAAC,MAAM,cAAc,CAAA;AAE5C,OAAO,EAAC,WAAW,EAAC,MAAM,wBAAwB,CAAA;AAElD,MAAM,OAAO,WAAW;IAIJ,OAAO;IAH1B,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAA;IAC7B,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;IAEvD,YAAmB,OAAO,GAAG,OAAO;uBAAjB,OAAO;IAAa,CAAC;IAExC,OAAO;QACN,MAAM,EAAC,OAAO,EAAC,GAAG,IAAI,CAAA;QACtB,MAAM,EAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,GAAG,IAAI,CAAC,UAAU,EAAE,CAAA;QACjD,OAAO;YACN,CAAC,GAAG,OAAO,KAAK,EAAE,EAAE,CAAC;YACrB,CAAC,GAAG,OAAO,OAAO,EAAE,IAAI,CAAC;YACzB,CAAC,GAAG,OAAO,OAAO,EAAE,IAAI,CAAC;YACzB,CAAC,GAAG,OAAO,QAAQ,EAAE,KAAK,CAAC;SACf,CAAA;IACd,CAAC;CACD"}

package/x/gamepad/gamepad-app/element.d.ts

@@ -0,0 +1 @@
+export declare const GamepadApp: new () => HTMLElement;

package/x/gamepad/gamepad-app/element.js

@@ -0,0 +1,54 @@
+import { html } from "lit";
+import { cycle, nap } from "@e280/stz";
+import { RMap, RSet } from "@e280/strata";
+import { shadowElement, useCss, useMount, useOnce } from "@e280/sly";
+import styleCss from "./style.css.js";
+import { onPad } from "../../device/pad/on-pad.js";
+import { GamepadDevice } from "../../device/gamepad.js";
+export const GamepadApp = shadowElement(() => {
+    useCss(styleCss);
+    const connected = useOnce(() => new RSet());
+    useMount(() => onPad(pad => {
+        const device = new GamepadDevice(pad);
+        const connectee = { device, samples: new RMap() };
+        connected.add(connectee);
+        return () => connected.delete(connectee);
+    }));
+    useMount(() => cycle(async () => {
+        for (const conn of connected) {
+            for (const [code, value] of conn.device.samples())
+                conn.samples.set(code, value);
+        }
+        await nap(1000 / 60);
+    }));
+    const renderSample = ([code, value]) => html `
+		<li style="${`--percent: ${value * 100}%;`}">
+			<span>${code}</span>
+			<span>${value.toFixed(3)}</span>
+		</li>
+	`;
+    return html `
+		<div class=plate>
+			${connected.size > 0 ? [...connected].map(({ samples, device: { gamepad } }) => html `
+				<div class=device>
+					<h2>🎮 ${gamepad.id}</h2>
+					<div class=stats>
+						<span>index ${gamepad.index}</span>
+						<span>connected ${gamepad.connected ? "yes" : "no"}</span>
+						<span>mapping ${gamepad.mapping}</span>
+						<span>vibrationActuator ${gamepad.vibrationActuator ? "yes" : "no"}</span>
+					</div>
+					<ul>
+						${[...samples].filter(([code]) => code.startsWith("gamepad.button")).map(renderSample)}
+					</ul>
+					<ul>
+						${[...samples].filter(([code]) => code.startsWith("gamepad.axis")).map(renderSample)}
+					</ul>
+				</div>
+			`) : html `
+				<h2>no gamepads detected :(</h2>
+			`}
+		</div>
+	`;
+});
+//# sourceMappingURL=element.js.map

package/x/gamepad/gamepad-app/element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../s/gamepad/gamepad-app/element.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,KAAK,EAAE,GAAG,EAAC,MAAM,WAAW,CAAA;AACpC,OAAO,EAAC,IAAI,EAAE,IAAI,EAAC,MAAM,cAAc,CAAA;AACvC,OAAO,EAAC,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAC,MAAM,WAAW,CAAA;AAElE,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AACrC,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAA;AAChD,OAAO,EAAC,aAAa,EAAC,MAAM,yBAAyB,CAAA;AAErD,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,GAAG,EAAE;IAC5C,MAAM,CAAC,QAAQ,CAAC,CAAA;IAEhB,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,EAGpC,CAAC,CAAA;IAEL,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;QAC1B,MAAM,MAAM,GAAG,IAAI,aAAa,CAAC,GAAG,CAAC,CAAA;QACrC,MAAM,SAAS,GAAG,EAAC,MAAM,EAAE,OAAO,EAAE,IAAI,IAAI,EAAkB,EAAC,CAAA;QAC/D,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;QACxB,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;IACzC,CAAC,CAAC,CAAC,CAAA;IAEH,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,IAAG,EAAE;QAC9B,KAAK,MAAM,IAAI,IAAI,SAAS,EAAE,CAAC;YAC9B,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;gBAChD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QAC/B,CAAC;QACD,MAAM,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAA;IACrB,CAAC,CAAC,CAAC,CAAA;IAEH,MAAM,YAAY,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,CAAmB,EAAE,EAAE,CAAC,IAAI,CAAA;eAChD,cAAc,KAAK,GAAG,GAAG,IAAI;WACjC,IAAI;WACJ,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;;EAEzB,CAAA;IAED,OAAO,IAAI,CAAA;;KAEP,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,EAAC,OAAO,EAAE,MAAM,EAAE,EAAC,OAAO,EAAC,EAAC,EAAE,EAAE,CAAC,IAAI,CAAA;;cAErE,OAAO,CAAC,EAAE;;oBAEJ,OAAO,CAAC,KAAK;wBACT,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;sBAClC,OAAO,CAAC,OAAO;gCACL,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;;;QAGhE,CAAC,GAAG,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC;;;QAGpF,CAAC,GAAG,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC;;;IAGtF,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;;IAER;;EAEF,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/gamepad/gamepad-app/style.css.js

@@ -0,0 +1,72 @@
+import { css } from "lit";
+export default css `
+
+* {
+	padding: 0;
+	margin: 0;
+	box-sizing: border-box;
+}
+
+.plate {
+	display: flex;
+	flex-direction: column;
+	gap: 1em;
+}
+
+.stats {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 0.3em;
+	> span {
+		display: block;
+		background: #333;
+		border-radius: 1em;
+		padding: 0.1em 0.3em;
+		border: 1px solid #8888;
+	}
+}
+
+.device {
+	display: flex;
+	flex-direction: column;
+	gap: 0.4em;
+
+	ul {
+		display: flex;
+		flex-wrap: wrap;
+		list-style: none;
+		gap: 0.2em;
+		padding: 0;
+
+		font-family: monospace;
+
+		> li {
+			position: relative;
+			display: flex;
+			justify-content: space-between;
+
+			font-size: 0.6em;
+			padding: 0.2em;
+			min-width: 16em;
+			background: #555;
+
+			&::before {
+				position: absolute;
+				z-index: 1;
+				display: block;
+				content: "";
+				inset: 0;
+				background: #f004;
+				width: var(--percent);
+			}
+
+			> span {
+				position: relative;
+				z-index: 2;
+			}
+		}
+	}
+}
+
+`;
+//# sourceMappingURL=style.css.js.map

package/x/gamepad/gamepad-app/style.css.js.map

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

package/x/gamepad/index.html

@@ -0,0 +1,35 @@
+<!doctype html>
+<html>
+	<head>
+		<title>@benev/tact gamepad</title>
+
+		<meta charset="utf-8"/>
+		<meta name="viewport" content="width=device-width,initial-scale=1"/>
+		<meta name="darkreader-lock"/>
+		<style>@layer base{html{background:#000}}</style>
+
+		<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='0.9em' font-size='90'>🎮</text></svg>"/>
+		<link rel="stylesheet" href="main.css?v=875383d23fac"/>
+		<script type="module" src="main.bundle.min.js?v=028f0adf0490"></script>
+
+
+<meta property="og:type" content="website"/>
+<meta property="og:title" content="@benev/tact gamepad"/>
+<meta property="og:description" content="tact gamepad tester"/>
+<meta property="og:site_name" content="tact.benev.gg"/>
+<meta name="theme-color" content="#f2ea8e"/>
+<meta property="og:image" content="https://tact.benev.gg/assets/b.png"/>
+
+
+	</head>
+	<body>
+		<header>
+			<h1>
+				<strong>@benev/tact gamepad</strong>
+				<small>v0.3.0-2</small>
+			</h1>
+		</header>
+
+		<gamepad-app></gamepad-app>
+	</body>
+</html>

package/x/gamepad/index.html.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@e280/scute").TemplateFn;
+export default _default;

package/x/gamepad/index.html.js

@@ -0,0 +1,41 @@
+import { template, html, dataSvgEmoji, socialCard } from "@e280/scute";
+const title = "@benev/tact gamepad";
+const domain = "tact.benev.gg";
+const favicon = "/assets/b.png";
+const description = "tact gamepad tester";
+export default template(import.meta.url, async (orb) => html `
+	<!doctype html>
+	<html>
+		<head>
+			<title>${title}</title>
+
+			<meta charset="utf-8"/>
+			<meta name="viewport" content="width=device-width,initial-scale=1"/>
+			<meta name="darkreader-lock"/>
+			<style>@layer base{html{background:#000}}</style>
+
+			<link rel="icon" href="${dataSvgEmoji("🎮")}"/>
+			<link rel="stylesheet" href="${orb.hashurl("main.css")}"/>
+			<script type="module" src="${orb.hashurl("main.bundle.min.js")}"></script>
+
+			${socialCard({
+    title,
+    description,
+    themeColor: "#f2ea8e",
+    siteName: domain,
+    image: `https://${domain}${favicon}`,
+})}
+		</head>
+		<body>
+			<header>
+				<h1>
+					<strong>@benev/tact gamepad</strong>
+					<small>v${orb.packageVersion()}</small>
+				</h1>
+			</header>
+
+			<gamepad-app></gamepad-app>
+		</body>
+	</html>
+`);
+//# sourceMappingURL=index.html.js.map

package/x/gamepad/index.html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.html.js","sourceRoot":"","sources":["../../s/gamepad/index.html.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAC,MAAM,aAAa,CAAA;AAEpE,MAAM,KAAK,GAAG,qBAAqB,CAAA;AACnC,MAAM,MAAM,GAAG,eAAe,CAAA;AAC9B,MAAM,OAAO,GAAG,eAAe,CAAA;AAC/B,MAAM,WAAW,GAAG,qBAAqB,CAAA;AAEzC,eAAe,QAAQ,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE,KAAK,EAAC,GAAG,EAAC,EAAE,CAAC,IAAI,CAAA;;;;YAI9C,KAAK;;;;;;;4BAOW,YAAY,CAAC,IAAI,CAAC;kCACZ,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC;gCACzB,GAAG,CAAC,OAAO,CAAC,oBAAoB,CAAC;;KAE5D,UAAU,CAAC;IACZ,KAAK;IACL,WAAW;IACX,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,WAAW,MAAM,GAAG,OAAO,EAAE;CACpC,CAAC;;;;;;eAMU,GAAG,CAAC,cAAc,EAAE;;;;;;;CAOlC,CAAC,CAAA"}

package/x/gamepad/main.bundle.js

@@ -0,0 +1,4 @@
+import { dom } from "@e280/sly";
+import { GamepadApp } from "./gamepad-app/element.js";
+dom.register({ GamepadApp });
+//# sourceMappingURL=main.bundle.js.map

package/x/gamepad/main.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.bundle.js","sourceRoot":"","sources":["../../s/gamepad/main.bundle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,WAAW,CAAA;AAC7B,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAA;AAEnD,GAAG,CAAC,QAAQ,CAAC,EAAC,UAAU,EAAC,CAAC,CAAA"}