@benev/tact 0.3.0-4 → 0.4.0-0

package/s/lib/test.ts

@@ -0,0 +1,180 @@
+
+import {expect, run, suite, test} from "@e280/science"
+import {asBindings} from "./input/types.js"
+import {InputEncoder} from "./input/encoder.js"
+import {PlainSource} from "./input/sources/plain.js"
+import {quickbind} from "./input/testing/quickbind.js"
+
+await run({
+	input: suite({
+		"roundtrip": test(async() => {
+			const {sample, solve} = quickbind("KeyE")
+
+			sample({code: "KeyE", value: 0})
+			expect(solve().value).is(0)
+
+			sample({code: "KeyE", value: 1})
+			const inputs = solve()
+			expect(inputs.value).is(1)
+			expect(inputs.was).is(0)
+			expect(inputs.delta).is(1)
+		}),
+
+		"update bindings": test(async() => {
+			const {sample, solve, encoder} = quickbind("KeyA")
+
+			sample({code: "KeyA", value: 1})
+			expect(solve().value).is(1)
+
+			sample({code: "KeyA", value: 0})
+			expect(solve().value).is(0)
+
+			encoder.bindings = "KeyB"
+			expect(encoder.bindings).is("KeyB")
+			sample({code: "KeyA", value: 1})
+			expect(solve().value).is(0)
+
+			sample({code: "KeyA", value: 0})
+			sample({code: "KeyB", value: 1})
+			expect(solve().value).is(1)
+		}),
+
+		"pointer movement accumulation": test(async() => {
+			const {sample, solve} = quickbind(["accumulate", ["sum", "pointer.x"]])
+			let inputs = solve()
+
+			sample({code: "pointer.x", value: 0})
+			sample({code: "pointer.x", value: 1})
+			sample({code: "pointer.x", value: 2})
+			sample({code: "pointer.x", value: -5})
+			inputs = solve()
+			expect(inputs.value).is(-2)
+			expect(inputs.delta).is(-2)
+
+			sample({code: "pointer.x", value: 2})
+			sample({code: "pointer.x", value: 5})
+			inputs = solve()
+			expect(inputs.value).is(5)
+			expect(inputs.delta).is(7)
+		}),
+
+		"rapid transitions": test(async() => {
+			const {sample, solve} = quickbind({
+				key: "KeyE",
+				downs: ["down", "KeyE"],
+				ups: ["up", "KeyE"],
+			})
+
+			for (const value of [1, 0, 1, 0, 1])
+				sample({code: "KeyE", value})
+
+			let inputs = solve()
+			expect(inputs.key.value).is(1)
+			expect(inputs.downs.value).is(3)
+			expect(inputs.ups.value).is(2)
+
+			inputs = solve()
+			expect(inputs.key.value).is(1)
+			expect(inputs.downs.value).is(0)
+			expect(inputs.ups.value).is(0)
+		}),
+
+		"double tap in one frame": test(async() => {
+			const {sample, solve} = quickbind(
+				["taps", 2, 300, ["down", "KeyE"]]
+			)
+
+			for (const value of [1, 0, 1, 0])
+				sample({code: "KeyE", value})
+
+			expect(solve(100).value).is(1)
+			expect(solve(200).value).is(0)
+		}),
+
+		"held across empty frames": test(async() => {
+			const {sample, solve} = quickbind(
+				["held", 300, "KeyE"]
+			)
+
+			solve(0)
+			sample({code: "KeyE", value: 1})
+
+			expect(solve(100).value).is(0)
+			expect(solve(399).value).is(0)
+			expect(solve(400).value).is(1)
+			expect(solve(500).value).is(1)
+
+			sample({code: "KeyE", value: 0})
+			expect(solve(501).value).is(0)
+
+			sample({code: "KeyE", value: 1})
+			expect(solve(600).value).is(0)
+			expect(solve(900).value).is(1)
+		}),
+
+		"joystick integration": test(async() => {
+			const {sample, solve} = quickbind(
+				["accumulate", ["*", "gamepad.x", ["dt"]]]
+			)
+
+			solve(0)
+			sample({code: "gamepad.x", value: 1})
+
+			expect(solve(500).value).is(0.5)
+			expect(solve(1000).value).is(1)
+
+			sample({code: "gamepad.x", value: 0})
+			expect(solve(1500).value).is(1)
+		}),
+
+		"taps and holds coexist": test(async() => {
+			const {sample, solve} = quickbind({
+				tapper: ["taps", 1, 10, ["down", "KeyE"]],
+				holder: ["held", 10, "KeyE"],
+			})
+
+			solve(0)
+
+			sample({code: "KeyE", value: 1})
+			expect(solve(1).tapper.value).is(1)
+
+			sample({code: "KeyE", value: 0})
+			const released = solve(2)
+			expect(released.tapper.value).is(0)
+			expect(released.holder.value).is(0)
+
+			sample({code: "KeyE", value: 1})
+			const pressed = solve(3)
+			expect(pressed.tapper.value).is(1)
+			expect(pressed.holder.value).is(0)
+
+			const holding = solve(13)
+			expect(holding.tapper.value).is(0)
+			expect(holding.holder.value).is(1)
+		}),
+
+		"independent encoder consumers": test(async() => {
+			const source = new PlainSource()
+			const bindings = asBindings({
+				downs: ["down", "KeyE"],
+				ups: ["up", "KeyE"],
+			})
+
+			const fast = new InputEncoder(source, bindings)
+			const slow = new InputEncoder(source, bindings)
+
+			source.onSample.publish({code: "KeyE", value: 1})
+			expect([...fast.evaluate(1)].map(i => i.value)).deep([1, 0])
+
+			source.onSample.publish({code: "KeyE", value: 0})
+			expect([...fast.evaluate(2)].map(i => i.value)).deep([0, 1])
+
+			// slow consumer receives both transitions in one batch.
+			expect([...slow.evaluate(20)].map(i => i.value)).deep([1, 1])
+
+			fast.dispose()
+			slow.dispose()
+		}),
+	}),
+})
+

package/x/_archive/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/demo/demo-app/element.d.ts

@@ -1,3 +1 @@
-import { Deck } from "../../deck/deck.js";
-import { DeskOptions } from "../../ui/views/desk/view.js";
-export declare const setupDemoApp: (deck: Deck, options?: DeskOptions) => new () => HTMLElement;
+export declare const setupDemoApp: () => new () => HTMLElement;

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

@@ -1,12 +1,11 @@
 import { html } from "lit";
 import { shadowElement, useCss } from "@e280/sly";
 import styleCss from "./style.css.js";
-import { DeskView } from "../../ui/views/desk/view.js";
-export const setupDemoApp = (deck, options = {}) => shadowElement(() => {
+export const setupDemoApp = () => shadowElement(() => {
     useCss(styleCss);
     return html `
 		<div class=plate>
-			${DeskView(deck, options)}
+			coming soon, lol
 		</div>
 	`;
 });

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

@@ -1 +1 @@
-{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../s/demo/demo-app/element.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,aAAa,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AAC/C,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AAErC,OAAO,EAAc,QAAQ,EAAC,MAAM,6BAA6B,CAAA;AAEjE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAU,EAAE,OAAO,GAAgB,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,GAAG,EAAE;IACzF,MAAM,CAAC,QAAQ,CAAC,CAAA;IAEhB,OAAO,IAAI,CAAA;;KAEP,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;;EAE1B,CAAA;AACF,CAAC,CAAC,CAAA"}
+{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../s/demo/demo-app/element.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAA;AACxB,OAAO,EAAC,aAAa,EAAE,MAAM,EAAC,MAAM,WAAW,CAAA;AAC/C,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AAErC,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,GAAG,EAAE;IACpD,MAAM,CAAC,QAAQ,CAAC,CAAA;IAEhB,OAAO,IAAI,CAAA;;;;EAIV,CAAA;AACF,CAAC,CAAC,CAAA"}

package/x/demo/main.bundle.js

@@ -1,55 +1,6 @@
 import { dom } from "@e280/sly";
-import { LocalStore } from "@e280/strata";
-import { Deck } from "../deck/deck.js";
-import { asBindings } from "../core/types.js";
-import { Devices } from "../device/devices.js";
-import { onPad } from "../device/pad/on-pad.js";
-import { PointerDevice } from "../device/pointer.js";
-import { GamepadDevice } from "../device/gamepad.js";
 import { setupDemoApp } from "./demo-app/element.js";
-import { KeyboardDevice } from "../device/keyboard.js";
-const bindings = asBindings({
-    play: {
-        action: ["or", "Space", "pointer.button.left", "gamepad.button.1"],
-        up: ["or", "KeyW", "gamepad.axis.2.pos"],
-        down: ["or", "KeyS", "gamepad.axis.2.neg"],
-        left: ["or", "KeyA", "gamepad.axis.1.pos"],
-        right: ["or", "KeyD", "gamepad.axis.1.neg"],
-    },
-});
-const store = new LocalStore("tactDeck");
-const deck = new Deck({
-    store,
-    stockProfiles: {
-        standard: { label: "📜standard", bindings },
-        micro: { label: "🦠micro", bindings: asBindings({
-                play: {
-                    action: ["or", "Space", "pointer.button.left", "gamepad.button.1"],
-                    up: ["or", "KeyW", "gamepad.axis.2.pos"],
-                    down: ["or", "KeyS", "gamepad.axis.2.neg"],
-                    left: ["or", "KeyA", "gamepad.axis.1.pos"],
-                    right: ["or", "KeyD", "gamepad.axis.1.neg"],
-                },
-            }) },
-    },
-});
-await deck.load();
-store.onStorageEvent(() => deck.load());
-const port = deck.createPort();
-const controller = deck.createController("primary", "standard", new Devices(new KeyboardDevice(), new PointerDevice()));
-port.plug(controller);
-const labels = new Map()
-    .set(controller, "⌨️🖱keyboard+mouse");
-onPad(pad => {
-    const handle = `(${pad.gamepad.index + 1}) ${pad.gamepad.id}`;
-    const controller = deck.createController(handle, "standard", new GamepadDevice(pad));
-    labels.set(controller, `🎮${handle}`);
-    port.plug(controller);
-    return () => deck.deleteController(controller);
-});
 dom.register({
-    DemoApp: setupDemoApp(deck, {
-        getControllerLabel: labels.get.bind(labels),
-    }),
+    DemoApp: setupDemoApp(),
 });
 //# sourceMappingURL=main.bundle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"main.bundle.js","sourceRoot":"","sources":["../../s/demo/main.bundle.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"main.bundle.js","sourceRoot":"","sources":["../../s/demo/main.bundle.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,GAAG,EAAC,MAAM,WAAW,CAAA;AAC7B,OAAO,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAA;AAElD,GAAG,CAAC,QAAQ,CAAC;IACZ,OAAO,EAAE,YAAY,EAAE;CACvB,CAAC,CAAA"}