@benev/tact 0.3.0-5 → 0.4.0-1

package/s/lib/ui/views/visualizer/style.css.ts

@@ -0,0 +1,23 @@
+
+import {css} from "lit"
+export default css`@layer view {
+
+:host {
+	display: block;
+}
+
+output {
+	opacity: 0.5;
+	color: var(--prime);
+	font-size: 1em;
+	font-family: monospace;
+	display: block;
+	overflow-wrap: anywhere;
+	text-overflow: ellipsis;
+	height: 8em;
+	padding: 0 4em;
+	overflow: hidden;
+}
+
+}`
+

package/s/lib/ui/views/visualizer/view.ts

@@ -0,0 +1,16 @@
+
+import {html} from "lit"
+import {shadowDuplex, useCss} from "@e280/sly"
+
+import styleCss from "./style.css.js"
+import themeCss from "../theme.css.js"
+import {Visualizer} from "./visualizer.js"
+
+export const [VisualizerView, makeVisualizerElement] = shadowDuplex((visualizer: Visualizer) => {
+	useCss(themeCss, styleCss)
+
+	return html`
+		<output class=viz>${visualizer.$hex()}</output>
+	`
+})
+

package/s/lib/ui/views/visualizer/visualizer.ts

@@ -0,0 +1,17 @@
+
+import {signal} from "@e280/strata"
+import {debounce, hex} from "@e280/stz"
+
+export class Visualizer {
+	$hex = signal("")
+
+	clear = debounce(250, () => {
+		this.$hex.set("")
+	})
+
+	update(data: ArrayBuffer) {
+		this.$hex(hex(new Uint8Array(data)))
+		this.clear()
+	}
+}
+

package/s/lib/utils/ellipsis.ts

@@ -0,0 +1,7 @@
+
+export function ellipsis(s: string, max: number) {
+	return s.length > max
+		? s.slice(0, max) + "..."
+		: s
+}
+

package/s/lib/utils/hueify.ts

@@ -0,0 +1,5 @@
+
+export function hueify(n: number) {
+	return n * 137.508
+}
+

package/x/demo/main.bundle.js

@@ -1,55 +1,19 @@
 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),
-    }),
+import { cycle, nap } from "@e280/stz";
+import { presets } from "./presets.js";
+import { setupTact } from "../lib/ui/deck/setup/tact.js";
+const tact = await setupTact({ presets, maxPlayers: 4 });
+tact.mouseKeyboard();
+tact.gamepads("gamer");
+tact.registerElements();
+cycle(async () => {
+    const data = tact.deck.hub.encodeAll();
+    tact.visualizer.update(data);
+    await nap(1000 / 60);
 });
+{
+    const input = dom('input[type="color"]');
+    input.value = "#ffbb00";
+    input.oninput = () => document.body.style.setProperty("--tact-prime", input.value);
+}
 //# 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,KAAK,EAAE,GAAG,EAAC,MAAM,WAAW,CAAA;AACpC,OAAO,EAAC,OAAO,EAAC,MAAM,cAAc,CAAA;AACpC,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAA;AAEtD,MAAM,IAAI,GAAG,MAAM,SAAS,CAAC,EAAC,OAAO,EAAE,UAAU,EAAE,CAAC,EAAC,CAAC,CAAA;AACtD,IAAI,CAAC,aAAa,EAAE,CAAA;AACpB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;AACtB,IAAI,CAAC,gBAAgB,EAAE,CAAA;AAEvB,KAAK,CAAC,KAAK,IAAG,EAAE;IACf,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAA;IACtC,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAC5B,MAAM,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAA;AACrB,CAAC,CAAC,CAAA;AAEF,CAAC;IACA,MAAM,KAAK,GAAG,GAAG,CAAmB,qBAAqB,CAAC,CAAA;IAC1D,KAAK,CAAC,KAAK,GAAG,SAAS,CAAA;IACvB,KAAK,CAAC,OAAO,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;AACnF,CAAC"}