@benev/tact 0.4.0-0 → 0.4.0-10

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

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

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

@@ -0,0 +1,17 @@
+
+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`
+		<slot></slot>
+		<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/hash.ts

@@ -0,0 +1,47 @@
+
+import {blake3} from "@awasm/noble/js.js"
+import {dataViewFrom, txt} from "@e280/stz"
+
+const endian = false
+enum EntropyType {String, Number, Bytes}
+
+export function hash(...entropy: (string | number | Uint8Array)[]) {
+	if (entropy.length === 0)
+		throw new RangeError("hash requires entropy")
+
+	const hasher = blake3.create()
+	const typeTag = new Uint8Array(1)
+	const lengthTag = new Uint8Array(4)
+	const lengthDataview = dataViewFrom(lengthTag)
+
+	for (const part of entropy) {
+		if (typeof part === "string") {
+			const bytes = txt.toBytes(part)
+			typeTag[0] = EntropyType.String
+			lengthDataview.setUint32(0, bytes.byteLength, endian)
+			hasher.update(typeTag)
+			hasher.update(lengthTag)
+			hasher.update(bytes)
+		}
+		else if (typeof part === "number") {
+			const bytes = new Uint8Array(8)
+			dataViewFrom(bytes).setFloat64(0, part, endian)
+			typeTag[0] = EntropyType.Number
+			lengthDataview.setUint32(0, bytes.byteLength, endian)
+			hasher.update(typeTag)
+			hasher.update(lengthTag)
+			hasher.update(bytes)
+		}
+		else if (part instanceof Uint8Array) {
+			typeTag[0] = EntropyType.Bytes
+			lengthDataview.setUint32(0, part.byteLength, endian)
+			hasher.update(typeTag)
+			hasher.update(lengthTag)
+			hasher.update(part)
+		}
+		else throw new Error("unknown part type")
+	}
+
+	return hasher.digest() as Uint8Array
+}
+

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,6 +1,19 @@
 import { dom } from "@e280/sly";
-import { setupDemoApp } from "./demo-app/element.js";
-dom.register({
-    DemoApp: setupDemoApp(),
+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":"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"}
+{"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"}