@benev/tact 0.1.0-1

package/x/nubs/stick-graphic/types/basis.d.ts

@@ -0,0 +1,4 @@
+export type Basis = {
+    rect: DOMRect;
+    radius: number;
+};

package/x/nubs/stick-graphic/types/basis.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=basis.js.map

package/x/nubs/stick-graphic/types/basis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basis.js","sourceRoot":"","sources":["../../../../s/nubs/stick-graphic/types/basis.ts"],"names":[],"mappings":""}

package/x/nubs/stick-graphic/utils/calculate_basis.d.ts

@@ -0,0 +1,2 @@
+import { Basis } from "../types/basis.js";
+export declare function calculate_basis(base: HTMLElement, over: HTMLElement): Basis;

package/x/nubs/stick-graphic/utils/calculate_basis.js

@@ -0,0 +1,10 @@
+export function calculate_basis(base, over) {
+    const rect = base.getBoundingClientRect();
+    const half_base = (rect.width / 2);
+    const quarter_stick = (over.getBoundingClientRect().width / 4);
+    return {
+        rect,
+        radius: half_base - quarter_stick,
+    };
+}
+//# sourceMappingURL=calculate_basis.js.map

package/x/nubs/stick-graphic/utils/calculate_basis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculate_basis.js","sourceRoot":"","sources":["../../../../s/nubs/stick-graphic/utils/calculate_basis.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,eAAe,CAC7B,IAAiB,EACjB,IAAiB;IAGlB,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAA;IAEzC,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAA;IAClC,MAAM,aAAa,GAAG,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAA;IAE9D,OAAO;QACN,IAAI;QACJ,MAAM,EAAE,SAAS,GAAG,aAAa;KACjC,CAAA;AACF,CAAC"}

package/x/nubs/stick-graphic/utils/stick_vector_to_pixels.d.ts

@@ -0,0 +1,2 @@
+import { Vec2 } from "@benev/math";
+export declare function stick_vector_to_pixels(radius: number | undefined, vector: Vec2): Vec2;

package/x/nubs/stick-graphic/utils/stick_vector_to_pixels.js

@@ -0,0 +1,7 @@
+import { Vec2 } from "@benev/math";
+export function stick_vector_to_pixels(radius, vector) {
+    return radius !== undefined
+        ? vector.clone().multiply_(radius, -radius)
+        : Vec2.zero();
+}
+//# sourceMappingURL=stick_vector_to_pixels.js.map

package/x/nubs/stick-graphic/utils/stick_vector_to_pixels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stick_vector_to_pixels.js","sourceRoot":"","sources":["../../../../s/nubs/stick-graphic/utils/stick_vector_to_pixels.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,aAAa,CAAA;AAEhC,MAAM,UAAU,sBAAsB,CACpC,MAA0B,EAC1B,MAAY;IAGb,OAAO,MAAM,KAAK,SAAS;QAC1B,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC;QAC3C,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAA;AACf,CAAC"}

package/x/nubs/stick-graphic/utils/transform.d.ts

@@ -0,0 +1,2 @@
+import { Vec2 } from "@benev/math";
+export declare const transform: ({ x, y }: Vec2) => string;

package/x/nubs/stick-graphic/utils/transform.js

@@ -0,0 +1,7 @@
+export const transform = ({ x, y }) => `
+	transform: translate(
+		${x}px,
+		${y}px
+	);
+`;
+//# sourceMappingURL=transform.js.map

package/x/nubs/stick-graphic/utils/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../../s/nubs/stick-graphic/utils/transform.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAC,CAAC,EAAE,CAAC,EAAO,EAAE,EAAE,CAAC;;IAEvC,CAAC;IACD,CAAC;;CAEJ,CAAA"}

package/x/nubs/stick-graphic/view.d.ts

@@ -0,0 +1,3 @@
+import { Vec2 } from "@benev/math";
+import { Basis } from "./types/basis.js";
+export declare const NubStickGraphic: import("@e280/sly").View<[vector: Vec2, updateBasis: (basis: Basis) => void]>;

package/x/nubs/stick-graphic/view.js

@@ -0,0 +1,30 @@
+import { html } from "lit";
+import { view } from "@e280/sly";
+import { styles } from "./styles.js";
+import { transform } from "./utils/transform.js";
+import { calculate_basis } from "./utils/calculate_basis.js";
+import { stick_vector_to_pixels } from "./utils/stick_vector_to_pixels.js";
+export const NubStickGraphic = view(use => (vector, updateBasis) => {
+    use.name("nub-stick-graphic");
+    use.styles(styles);
+    const basis = use.signal(null);
+    use.rendered.then(() => {
+        const base = use.shadow.querySelector(`[part="base"]`);
+        const over = use.shadow.querySelector(`[part="over"]`);
+        if (base && over) {
+            const newBasis = calculate_basis(base, over);
+            basis.value = newBasis;
+            updateBasis(newBasis);
+        }
+    });
+    const pixels = stick_vector_to_pixels(basis.value?.radius, vector);
+    const over_style = transform(pixels);
+    const under_style = transform(pixels.clone().half());
+    return html `
+		<div part=base>
+			<div part=under style="${under_style}"></div>
+			<div part=over style="${over_style}"></div>
+		</div>
+	`;
+});
+//# sourceMappingURL=view.js.map

package/x/nubs/stick-graphic/view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../s/nubs/stick-graphic/view.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,IAAI,EAAC,MAAM,WAAW,CAAA;AAG9B,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAA;AAElC,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAC,sBAAsB,EAAC,MAAM,mCAAmC,CAAA;AAExE,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CACzC,MAAY,EACZ,WAAmC,EAClC,EAAE;IAEJ,GAAG,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAA;IAC7B,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;IAElB,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAe,IAAI,CAAC,CAAA;IAE5C,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE;QACtB,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,aAAa,CAAc,eAAe,CAAC,CAAA;QACnE,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,aAAa,CAAc,eAAe,CAAC,CAAA;QACnE,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;YAClB,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;YAC5C,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAA;YACtB,WAAW,CAAC,QAAQ,CAAC,CAAA;QACtB,CAAC;IACF,CAAC,CAAC,CAAA;IAEF,MAAM,MAAM,GAAG,sBAAsB,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAClE,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,CAAA;IACpC,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,CAAA;IAEpD,OAAO,IAAI,CAAA;;4BAEgB,WAAW;2BACZ,UAAU;;EAEnC,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/nubs/virtual-gamepad/device.d.ts

@@ -0,0 +1,7 @@
+import { StickDevice } from "../stick/device.js";
+import { SamplerDevice } from "../../station/devices/infra/sampler.js";
+export declare class VirtualGamepadDevice extends SamplerDevice {
+    stickLeft: StickDevice;
+    stickRight: StickDevice;
+    takeSamples(): import("../../index.js").Sample[];
+}

package/x/nubs/virtual-gamepad/device.js

@@ -0,0 +1,20 @@
+import { StickDevice } from "../stick/device.js";
+import { SamplerDevice } from "../../station/devices/infra/sampler.js";
+export class VirtualGamepadDevice extends SamplerDevice {
+    stickLeft = new StickDevice();
+    stickRight = new StickDevice();
+    takeSamples() {
+        const left = this.stickLeft.breakdown();
+        this.setSample("gamepad.stick.left.up", left.up);
+        this.setSample("gamepad.stick.left.down", left.down);
+        this.setSample("gamepad.stick.left.left", left.left);
+        this.setSample("gamepad.stick.left.right", left.right);
+        const right = this.stickRight.breakdown();
+        this.setSample("gamepad.stick.right.up", right.up);
+        this.setSample("gamepad.stick.right.down", right.down);
+        this.setSample("gamepad.stick.right.left", right.left);
+        this.setSample("gamepad.stick.right.right", right.right);
+        return super.takeSamples();
+    }
+}
+//# sourceMappingURL=device.js.map

package/x/nubs/virtual-gamepad/device.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device.js","sourceRoot":"","sources":["../../../s/nubs/virtual-gamepad/device.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAA;AAEpE,MAAM,OAAO,oBAAqB,SAAQ,aAAa;IACtD,SAAS,GAAG,IAAI,WAAW,EAAE,CAAA;IAC7B,UAAU,GAAG,IAAI,WAAW,EAAE,CAAA;IAE9B,WAAW;QACV,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,CAAA;QACvC,IAAI,CAAC,SAAS,CAAC,uBAAuB,EAAE,IAAI,CAAC,EAAE,CAAC,CAAA;QAChD,IAAI,CAAC,SAAS,CAAC,yBAAyB,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;QACpD,IAAI,CAAC,SAAS,CAAC,yBAAyB,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;QACpD,IAAI,CAAC,SAAS,CAAC,0BAA0B,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;QAEtD,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,CAAA;QACzC,IAAI,CAAC,SAAS,CAAC,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,CAAA;QAClD,IAAI,CAAC,SAAS,CAAC,0BAA0B,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;QACtD,IAAI,CAAC,SAAS,CAAC,0BAA0B,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;QACtD,IAAI,CAAC,SAAS,CAAC,2BAA2B,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;QAExD,OAAO,KAAK,CAAC,WAAW,EAAE,CAAA;IAC3B,CAAC;CACD"}

package/x/nubs/virtual-gamepad/styles.css.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/x/nubs/virtual-gamepad/styles.css.js

@@ -0,0 +1,133 @@
+import { css } from "lit";
+export default css `
+
+:host {
+	pointer-events: none;
+
+	display: flex;
+	flex-direction: column;
+	container: my-layout / size;
+
+	width: 100%;
+	height: 100%;
+}
+
+* {
+	user-drag: none;
+	user-select: none;
+}
+
+button, [view="nub-stick"] {
+	pointer-events: all;
+}
+
+button {
+	font-size: 0.5em;
+	color: #fff;
+	text-shadow: .1em .2em .1em #000;
+	text-transform: uppercase;
+	display: inline-flex;
+	justify-content: center;
+	align-items: center;
+	background: #888;
+	box-shadow: .2em .4em .1em #000;
+
+	-webkit-tap-highlight-color: transparent;
+	&:is(:focus, :hover) {
+		outline: none;
+		background: #888;
+		filter: none;
+	}
+}
+
+.upper {
+	flex: 1 1 auto;
+	display: flex;
+	justify-content: center;
+	align-items: start;
+	gap: 0.5em;
+}
+
+.lower {
+	display: flex;
+	justify-content: space-between;
+}
+
+.side {
+	display: flex;
+	flex-direction: column;
+	gap: 1em;
+}
+
+.pad {
+	display: flex;
+	gap: 0.5em;
+
+	> div {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		gap: 0.5em;
+	}
+}
+
+.shoulder {
+	display: flex;
+	gap: 0.5em;
+}
+
+.right {
+	align-items: end;
+}
+
+.right .shoulder {
+	flex-direction: row-reverse;
+}
+
+[x-code^="g.trigger"] {
+	width: 6em;
+}
+
+[x-code^="g.bumper"] {
+	width: 4em;
+}
+
+.stick {
+	width: 4em;
+}
+
+@container (min-width: 0px) {
+	.upper, .lower {
+		padding: 2cqh 2cqw;
+	}
+
+	button {
+		font-size: min(3cqh, 3cqw);
+		width: 7cqw;
+		height: 6cqh;
+	}
+
+	.upper button {
+		width: unset;
+		height: unset;
+	}
+
+	.shoulder button {
+		height: 9cqh;
+	}
+
+	.stick {
+		width: max(15cqw, 15cqh);
+	}
+
+	[x-code^="g.trigger"] {
+		width: 9cqw;
+	}
+
+	[x-code^="g.bumper"] {
+		width: 7cqw;
+	}
+}
+
+`;
+//# sourceMappingURL=styles.css.js.map

package/x/nubs/virtual-gamepad/styles.css.js.map

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

package/x/nubs/virtual-gamepad/utils/gamepad-inputs.d.ts

@@ -0,0 +1,29 @@
+export type GamepadInputs = ReturnType<typeof gamepadInputs>;
+export declare function gamepadInputs(): {
+    "gamepad.any": number;
+    "gamepad.stick.left.up": number;
+    "gamepad.stick.left.down": number;
+    "gamepad.stick.left.left": number;
+    "gamepad.stick.left.right": number;
+    "gamepad.stick.right.up": number;
+    "gamepad.stick.right.down": number;
+    "gamepad.stick.right.left": number;
+    "gamepad.stick.right.right": number;
+    "gamepad.stick.left.click": number;
+    "gamepad.stick.right.click": number;
+    "gamepad.a": number;
+    "gamepad.b": number;
+    "gamepad.x": number;
+    "gamepad.y": number;
+    "gamepad.up": number;
+    "gamepad.down": number;
+    "gamepad.left": number;
+    "gamepad.right": number;
+    "gamepad.trigger.left": number;
+    "gamepad.trigger.right": number;
+    "gamepad.bumper.left": number;
+    "gamepad.bumper.right": number;
+    "gamepad.alpha": number;
+    "gamepad.beta": number;
+    "gamepad.gamma": number;
+};

package/x/nubs/virtual-gamepad/utils/gamepad-inputs.js

@@ -0,0 +1,31 @@
+export function gamepadInputs() {
+    return {
+        "gamepad.any": 0,
+        "gamepad.stick.left.up": 0,
+        "gamepad.stick.left.down": 0,
+        "gamepad.stick.left.left": 0,
+        "gamepad.stick.left.right": 0,
+        "gamepad.stick.right.up": 0,
+        "gamepad.stick.right.down": 0,
+        "gamepad.stick.right.left": 0,
+        "gamepad.stick.right.right": 0,
+        "gamepad.stick.left.click": 0,
+        "gamepad.stick.right.click": 0,
+        "gamepad.a": 0,
+        "gamepad.b": 0,
+        "gamepad.x": 0,
+        "gamepad.y": 0,
+        "gamepad.up": 0,
+        "gamepad.down": 0,
+        "gamepad.left": 0,
+        "gamepad.right": 0,
+        "gamepad.trigger.left": 0,
+        "gamepad.trigger.right": 0,
+        "gamepad.bumper.left": 0,
+        "gamepad.bumper.right": 0,
+        "gamepad.alpha": 0,
+        "gamepad.beta": 0,
+        "gamepad.gamma": 0,
+    };
+}
+//# sourceMappingURL=gamepad-inputs.js.map

package/x/nubs/virtual-gamepad/utils/gamepad-inputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gamepad-inputs.js","sourceRoot":"","sources":["../../../../s/nubs/virtual-gamepad/utils/gamepad-inputs.ts"],"names":[],"mappings":"AAGA,MAAM,UAAU,aAAa;IAC5B,OAAO;QACN,aAAa,EAAE,CAAC;QAEhB,uBAAuB,EAAE,CAAC;QAC1B,yBAAyB,EAAE,CAAC;QAC5B,yBAAyB,EAAE,CAAC;QAC5B,0BAA0B,EAAE,CAAC;QAE7B,wBAAwB,EAAE,CAAC;QAC3B,0BAA0B,EAAE,CAAC;QAC7B,0BAA0B,EAAE,CAAC;QAC7B,2BAA2B,EAAE,CAAC;QAE9B,0BAA0B,EAAE,CAAC;QAC7B,2BAA2B,EAAE,CAAC;QAE9B,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,CAAC;QAEd,YAAY,EAAE,CAAC;QACf,cAAc,EAAE,CAAC;QACjB,cAAc,EAAE,CAAC;QACjB,eAAe,EAAE,CAAC;QAElB,sBAAsB,EAAE,CAAC;QACzB,uBAAuB,EAAE,CAAC;QAE1B,qBAAqB,EAAE,CAAC;QACxB,sBAAsB,EAAE,CAAC;QAEzB,eAAe,EAAE,CAAC;QAClB,cAAc,EAAE,CAAC;QACjB,eAAe,EAAE,CAAC;KAClB,CAAA;AACF,CAAC"}

package/x/nubs/virtual-gamepad/utils/prevent-default-touch-shenanigans.d.ts

@@ -0,0 +1 @@
+export declare function preventDefaultTouchShenanigans(): () => void;

package/x/nubs/virtual-gamepad/utils/prevent-default-touch-shenanigans.js

@@ -0,0 +1,9 @@
+export function preventDefaultTouchShenanigans() {
+    const preventer = (e) => e.preventDefault();
+    const opts = { passive: false };
+    window.addEventListener("touchmove", preventer, opts);
+    return () => {
+        window.removeEventListener("touchmove", preventer);
+    };
+}
+//# sourceMappingURL=prevent-default-touch-shenanigans.js.map

package/x/nubs/virtual-gamepad/utils/prevent-default-touch-shenanigans.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prevent-default-touch-shenanigans.js","sourceRoot":"","sources":["../../../../s/nubs/virtual-gamepad/utils/prevent-default-touch-shenanigans.ts"],"names":[],"mappings":"AACA,MAAM,UAAU,8BAA8B;IAC7C,MAAM,SAAS,GAAG,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,CAAA;IACvD,MAAM,IAAI,GAAG,EAAC,OAAO,EAAE,KAAK,EAAC,CAAA;IAE7B,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,SAAS,EAAE,IAAI,CAAC,CAAA;IAErD,OAAO,GAAG,EAAE;QACX,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;IACnD,CAAC,CAAA;AACF,CAAC"}

package/x/nubs/virtual-gamepad/utils/touch-tracking.d.ts

@@ -0,0 +1,6 @@
+export declare function touchTracking({ target, buttons, touchdown, touchup }: {
+    target: Document | ShadowRoot;
+    buttons: Set<HTMLButtonElement>;
+    touchdown: (button: HTMLButtonElement) => void;
+    touchup: (button: HTMLButtonElement) => void;
+}): () => void;

package/x/nubs/virtual-gamepad/utils/touch-tracking.js

@@ -0,0 +1,55 @@
+import { ev, MapG } from "@e280/stz";
+export function touchTracking({ target, buttons, touchdown, touchup }) {
+    const tracks = new MapG;
+    function grabTrack(touch) {
+        return tracks.guarantee(touch.identifier, () => new Track(touchdown, touchup));
+    }
+    function underTouch(touch) {
+        const element = target.elementFromPoint(touch.clientX, touch.clientY);
+        return (element && element instanceof HTMLButtonElement && buttons.has(element))
+            ? element
+            : undefined;
+    }
+    function additive(event) {
+        for (const touch of Array.from(event.touches)) {
+            const track = grabTrack(touch);
+            track.button = underTouch(touch);
+        }
+    }
+    function subtractive(event) {
+        for (const touch of Array.from(event.changedTouches)) {
+            const track = grabTrack(touch);
+            track.button = undefined;
+            tracks.delete(touch.identifier);
+        }
+    }
+    return ev(window, {
+        touchstart: additive,
+        touchmove: additive,
+        touchcancel: subtractive,
+        touchend: subtractive,
+    });
+}
+class Track {
+    touchdown;
+    touchup;
+    #button = undefined;
+    constructor(touchdown, touchup) {
+        this.touchdown = touchdown;
+        this.touchup = touchup;
+    }
+    get button() {
+        return this.#button;
+    }
+    set button(next) {
+        const previous = this.#button;
+        const changed = next !== previous;
+        this.#button = next;
+        if (changed && previous) {
+            this.touchup(previous);
+        }
+        if (changed && next)
+            this.touchdown(next);
+    }
+}
+//# sourceMappingURL=touch-tracking.js.map

package/x/nubs/virtual-gamepad/utils/touch-tracking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"touch-tracking.js","sourceRoot":"","sources":["../../../../s/nubs/virtual-gamepad/utils/touch-tracking.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,EAAE,EAAE,IAAI,EAAC,MAAM,WAAW,CAAA;AAElC,MAAM,UAAU,aAAa,CAAC,EAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAKhE;IAED,MAAM,MAAM,GAAG,IAAI,IAAmB,CAAA;IAEtC,SAAS,SAAS,CAAC,KAAY;QAC9B,OAAO,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,CACxD,SAAS,EACT,OAAO,CACP,CAAC,CAAA;IACH,CAAC;IAED,SAAS,UAAU,CAAC,KAAY;QAC/B,MAAM,OAAO,GAAG,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;QACrE,OAAO,CAAC,OAAO,IAAI,OAAO,YAAY,iBAAiB,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAC/E,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,SAAS,CAAA;IACb,CAAC;IAED,SAAS,QAAQ,CAAC,KAAiB;QAClC,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YAC/C,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;YAC9B,KAAK,CAAC,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;QACjC,CAAC;IACF,CAAC;IAED,SAAS,WAAW,CAAC,KAAiB;QACrC,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC;YACtD,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;YAC9B,KAAK,CAAC,MAAM,GAAG,SAAS,CAAA;YACxB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;QAChC,CAAC;IACF,CAAC;IAED,OAAO,EAAE,CAAC,MAAM,EAAE;QACjB,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,QAAQ;QACnB,WAAW,EAAE,WAAW;QACxB,QAAQ,EAAE,WAAW;KACrB,CAAC,CAAA;AACH,CAAC;AAED,MAAM,KAAK;IAIF;IACA;IAJR,OAAO,GAAkC,SAAS,CAAA;IAElD,YACQ,SAA8C,EAC9C,OAA4C;QAD5C,cAAS,GAAT,SAAS,CAAqC;QAC9C,YAAO,GAAP,OAAO,CAAqC;IACjD,CAAC;IAEJ,IAAI,MAAM;QACT,OAAO,IAAI,CAAC,OAAO,CAAA;IACpB,CAAC;IAED,IAAI,MAAM,CAAC,IAAmC;QAC7C,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAA;QAC7B,MAAM,OAAO,GAAG,IAAI,KAAK,QAAQ,CAAA;QAEjC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QAEnB,IAAI,OAAO,IAAI,QAAQ,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAA;QACvB,CAAC;QACD,IAAI,OAAO,IAAI,IAAI;YAClB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IACtB,CAAC;CACD"}

package/x/nubs/virtual-gamepad/view.d.ts

@@ -0,0 +1,2 @@
+import { VirtualGamepadDevice } from "./device.js";
+export declare const VirtualGamepad: import("@e280/sly").View<[device: VirtualGamepadDevice]>;

package/x/nubs/virtual-gamepad/view.js

@@ -0,0 +1,120 @@
+import { html } from "lit";
+import { view } from "@e280/sly";
+import { ev, MapG } from "@e280/stz";
+import stylesCss from "./styles.css.js";
+import { NubStick } from "../stick/view.js";
+import { touchTracking } from "./utils/touch-tracking.js";
+import { preventDefaultTouchShenanigans } from "./utils/prevent-default-touch-shenanigans.js";
+export const VirtualGamepad = view(use => (device) => {
+    use.name("virtual-gamepad");
+    use.css(stylesCss);
+    const buttons = use.once(() => new Set());
+    const codes = use.once(() => new MapG());
+    use.rendered.then(() => {
+        const elements = Array.from(use.shadow.querySelectorAll("button[x-code]"));
+        for (const button of elements) {
+            const code = button.getAttribute("x-code");
+            if (code) {
+                buttons.add(button);
+                codes.set(button, code);
+            }
+        }
+    });
+    use.mount(() => preventDefaultTouchShenanigans());
+    use.mount(() => touchTracking({
+        target: use.shadow,
+        buttons,
+        touchdown: button => {
+            const code = codes.require(button);
+            device.setSample(code, 1);
+        },
+        touchup: button => {
+            const code = codes.require(button);
+            device.setSample(code, 0);
+        },
+    }));
+    use.mount(() => ev(use.shadow, {
+        contextmenu: (e) => e.preventDefault(),
+    }));
+    function button(code, label) {
+        return html `
+			<button x-code="${code}">${label}</button>
+		`;
+    }
+    function renderDPad() {
+        return html `
+			<div class=pad>
+				<div>
+					${button("gamepad.left", "w")}
+				</div>
+				<div>
+					${button("gamepad.up", "n")}
+					${button("gamepad.down", "s")}
+				</div>
+				<div>
+					${button("gamepad.right", "e")}
+				</div>
+			</div>
+		`;
+    }
+    function renderButtonPad() {
+        return html `
+			<div class=pad>
+				<div>
+					${button("gamepad.x", "x")}
+				</div>
+				<div>
+					${button("gamepad.y", "y")}
+					${button("gamepad.a", "a")}
+				</div>
+				<div>
+					${button("gamepad.b", "b")}
+				</div>
+			</div>
+		`;
+    }
+    function renderLeftShoulder() {
+        return html `
+			<div class=shoulder>
+				${button("gamepad.trigger.left", "lt")}
+				${button("gamepad.bumper.left", "lb")}
+				${button("gamepad.stick.left.click", "lc")}
+			</div>
+		`;
+    }
+    function renderRightShoulder() {
+        return html `
+			<div class=shoulder>
+				${button("gamepad.trigger.right", "rt")}
+				${button("gamepad.bumper.right", "rb")}
+				${button("gamepad.stick.right.click", "rc")}
+			</div>
+		`;
+    }
+    return html `
+		<div class=upper>
+			${button("gamepad.alpha", "alpha")}
+			${button("gamepad.beta", "beta")}
+			${button("gamepad.gamma", "gamma")}
+		</div>
+
+		<div class=lower>
+			<div class="left side">
+				${renderLeftShoulder()}
+				${renderDPad()}
+				${NubStick
+        .attr("class", "stick")
+        .props(device.stickLeft)}
+			</div>
+
+			<div class="right side">
+				${renderRightShoulder()}
+				${renderButtonPad()}
+				${NubStick
+        .attr("class", "stick")
+        .props(device.stickRight)}
+			</div>
+		</div>
+	`;
+});
+//# sourceMappingURL=view.js.map

package/x/nubs/virtual-gamepad/view.js.map

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

package/x/station/devices/gamepad.d.ts

@@ -0,0 +1,10 @@
+import { SamplerDevice } from "./infra/sampler.js";
+import { Pad } from "../../utils/gamepads.js";
+export declare class GamepadDevice extends SamplerDevice {
+    #private;
+    pad: Pad;
+    static on(fn: (device: GamepadDevice) => () => void): () => void;
+    constructor(pad: Pad);
+    get gamepad(): Gamepad;
+    takeSamples(): import("../types.js").Sample[];
+}

package/x/station/devices/gamepad.js

@@ -0,0 +1,70 @@
+import { tmax } from "../utils/tmax.js";
+import { SamplerDevice } from "./infra/sampler.js";
+import { splitAxis } from "../../utils/split-axis.js";
+import { gamepads } from "../../utils/gamepads.js";
+const gamepadButtonCodes = [
+    "gamepad.a",
+    "gamepad.b",
+    "gamepad.x",
+    "gamepad.y",
+    "gamepad.bumper.left",
+    "gamepad.bumper.right",
+    "gamepad.trigger.left",
+    "gamepad.trigger.right",
+    "gamepad.alpha",
+    "gamepad.beta",
+    "gamepad.stick.left.click",
+    "gamepad.stick.right.click",
+    "gamepad.up",
+    "gamepad.down",
+    "gamepad.left",
+    "gamepad.right",
+    "gamepad.gamma",
+];
+export class GamepadDevice extends SamplerDevice {
+    pad;
+    static on(fn) {
+        return gamepads(pad => fn(new this(pad)));
+    }
+    constructor(pad) {
+        super();
+        this.pad = pad;
+    }
+    get gamepad() {
+        return this.pad.gamepad;
+    }
+    takeSamples() {
+        const { gamepad } = this.pad;
+        this.#pollButtons(gamepad);
+        this.#pollSticks(gamepad);
+        return super.takeSamples();
+    }
+    #pollButtons(gamepad) {
+        let anyButtonValue = 0;
+        const recordAny = (value) => {
+            anyButtonValue = tmax([anyButtonValue, value]);
+        };
+        for (const [index, code] of gamepadButtonCodes.entries()) {
+            const value = gamepad.buttons.at(index)?.value ?? 0;
+            recordAny(value);
+            this.setSample(code, value);
+        }
+        this.setSample("gamepad.any", anyButtonValue);
+    }
+    #pollSticks(gamepad) {
+        const [leftY, leftX, rightY, rightX] = gamepad.axes;
+        const [leftUp, leftDown] = splitAxis(leftX);
+        const [leftLeft, leftRight] = splitAxis(leftY);
+        this.setSample("gamepad.stick.left.up", leftUp);
+        this.setSample("gamepad.stick.left.down", leftDown);
+        this.setSample("gamepad.stick.left.left", leftLeft);
+        this.setSample("gamepad.stick.left.right", leftRight);
+        const [rightUp, rightDown] = splitAxis(rightX);
+        const [rightLeft, rightRight] = splitAxis(rightY);
+        this.setSample("gamepad.stick.right.up", rightUp);
+        this.setSample("gamepad.stick.right.down", rightDown);
+        this.setSample("gamepad.stick.right.left", rightLeft);
+        this.setSample("gamepad.stick.right.right", rightRight);
+    }
+}
+//# sourceMappingURL=gamepad.js.map