@benev/tact 0.4.0-0 → 0.4.0-2

package/s/_archive/deck/deck.ts

@@ -1,92 +0,0 @@
-
-import {Cubby, debounce, guarantee} from "@e280/stz"
-import {Port} from "./port.js"
-import {Device} from "../core/types.js"
-import {Runtime} from "./parts/runtime.js"
-import {Controller} from "./controller.js"
-import {Profiles} from "./parts/profiles.js"
-import {Settings} from "./parts/settings.js"
-import {DeckState, Profile, ProfileKey} from "./types.js"
-
-export class Deck<StockProfileKey extends ProfileKey = ProfileKey> {
-	profiles
-	settings
-	#runtime = new Runtime()
-
-	constructor(options: {
-			store: Cubby<DeckState>
-			stockProfiles: Record<StockProfileKey, Profile>
-		}) {
-		this.settings = new Settings(options.store)
-		this.profiles = new Profiles(options.stockProfiles, this.settings.customProfiles)
-	}
-
-	async load() {
-		await this.settings.load()
-		for (const controller of this.#runtime.controllers.keys())
-			this.#applyControllerProfile(controller)
-	}
-
-	#save = debounce(100, () => this.settings.save())
-
-	get ports() {
-		return [...this.#runtime.ports]
-	}
-
-	get controllers() {
-		return [...this.#runtime.controllers]
-	}
-
-	get unassignedControllers() {
-		return [...this.#runtime.controllers]
-			.filter(controller => !this.#runtime.portAssignments.get(controller))
-	}
-
-	createPort() {
-		const port = new Port(this.#runtime)
-		this.#runtime.ports.add(port)
-		return port
-	}
-
-	deletePort(port: Port) {
-		for (const controller of port.controllers)
-			port.unplug(controller)
-		this.#runtime.ports.delete(port)
-	}
-
-	createController<D extends Device = Device>(
-			handle: string,
-			stockProfileKey: StockProfileKey,
-			device: D,
-		) {
-		const profileKey = guarantee(this.settings.profileAssignments, handle, () => stockProfileKey)
-		const profile = this.profiles.get(profileKey)
-		const controller = new Controller(handle, profile.bindings, device)
-		this.#runtime.controllers.add(controller)
-		return controller
-	}
-
-	deleteController(controller: Controller) {
-		this.#runtime.controllers.delete(controller)
-		this.#runtime.portAssignments.delete(controller)
-	}
-
-	async assignControllerProfile(controller: Controller, profileKey: StockProfileKey | ProfileKey) {
-		this.settings.profileAssignments.set(controller.handle, profileKey)
-		this.#applyControllerProfile(controller)
-		await this.#save()
-	}
-
-	queryController(controller: Controller) {
-		const port = this.#runtime.portAssignments.get(controller)
-		const profileKey = this.settings.profileAssignments.get(controller.handle)
-		const profile = this.profiles.get(profileKey)
-		return {controller, port, profileKey, profile}
-	}
-
-	#applyControllerProfile(controller: Controller) {
-		const profileKey = this.settings.profileAssignments.get(controller.handle)
-		controller.bindings = this.profiles.get(profileKey).bindings
-	}
-}
-

package/s/_archive/deck/parts/profiles.ts

@@ -1,39 +0,0 @@
-
-import {RMap} from "@e280/strata"
-import {need, setEntries} from "@e280/stz"
-import {Profile, ProfileKey} from "../types.js"
-
-export class Profiles {
-	stock
-
-	constructor(stock: Record<ProfileKey, Profile>, public custom: RMap<ProfileKey, Profile>) {
-		this.stock = new RMap<ProfileKey, Profile>()
-		setEntries(this.stock, Object.entries(stock))
-
-		if (this.stock.size === 0)
-			throw new Error("must be at least one stock profile")
-	}
-
-	get all() {
-		return [...this.stock, ...this.custom]
-	}
-
-	normalizeKey(key?: ProfileKey) {
-		return key && (this.stock.has(key) || this.custom.has(key))
-			? key
-			: this.defaultId
-	}
-
-	get defaultId() {
-		return [...this.stock.keys()][0]
-	}
-
-	get(key?: ProfileKey) {
-		return this.need(this.normalizeKey(key))
-	}
-
-	need(key: ProfileKey) {
-		return this.stock.get(key) ?? need(this.custom, key)
-	}
-}
-

package/s/_archive/deck/parts/runtime.ts

@@ -1,11 +0,0 @@
-
-import {RMap, RSet} from "@e280/strata"
-import {Port} from "../port.js"
-import {Controller} from "../controller.js"
-
-export class Runtime {
-	ports = new RSet<Port>()
-	controllers = new RSet<Controller>()
-	portAssignments = new RMap<Controller, Port | undefined>()
-}
-

package/s/_archive/deck/parts/settings.ts

@@ -1,30 +0,0 @@
-
-import {RMap} from "@e280/strata"
-import {Cubby, setEntries} from "@e280/stz"
-import {shiftLimit} from "../../utils/shift-limit.js"
-import {ControllerHandle, DeckState, Profile, ProfileKey} from "../types.js"
-
-const limit = 256
-
-export class Settings {
-	profileAssignments = new RMap<ControllerHandle, ProfileKey>()
-	customProfiles = new RMap<ProfileKey, Profile>()
-
-	constructor(private store: Cubby<DeckState>) {}
-
-	async save() {
-		await this.store.set({
-			customProfiles: shiftLimit(limit, [...this.customProfiles]),
-			profileAssignments: shiftLimit(limit, [...this.profileAssignments]),
-		})
-	}
-
-	async load() {
-		const state = await this.store.get()
-		this.customProfiles.clear()
-		this.profileAssignments.clear()
-		setEntries(this.customProfiles, state?.customProfiles ?? [])
-		setEntries(this.profileAssignments, state?.profileAssignments ?? [])
-	}
-}
-

package/s/_archive/deck/port.ts

@@ -1,35 +0,0 @@
-
-import {derived} from "@e280/strata"
-import {Runtime} from "./parts/runtime.js"
-import {Controller} from "./controller.js"
-
-export class Port {
-	#runtime
-	#controllers
-
-	constructor(runtime: Runtime) {
-		this.#runtime = runtime
-		this.#controllers = derived(
-			() => [...this.#runtime.controllers]
-				.filter(controller => this.#runtime.portAssignments.get(controller) === this)
-		)
-	}
-
-	get controllers() {
-		return this.#controllers()
-	}
-
-	plug(controller: Controller) {
-		this.#runtime.portAssignments.set(controller, this)
-	}
-
-	unplug(controller: Controller) {
-		this.#runtime.portAssignments.delete(controller)
-	}
-
-	resolveIntents(now: number) {
-		return this.controllers
-			.flatMap(controller => controller.resolveIntents(now))
-	}
-}
-

package/s/_archive/deck/types.ts

@@ -1,16 +0,0 @@
-
-import {Bindings} from "../core/types.js"
-
-export type ProfileKey = string
-export type ControllerHandle = string
-
-export type Profile = {
-	label: string
-	bindings: Bindings
-}
-
-export type DeckState = {
-	customProfiles: [key: ProfileKey, profile: Profile][]
-	profileAssignments: [handle: ControllerHandle, key: ProfileKey][]
-}
-

package/s/_archive/demo/demo-app/element.ts

@@ -1,17 +0,0 @@
-
-import {html} from "lit"
-import {shadowElement, useCss} from "@e280/sly"
-import styleCss from "./style.css.js"
-import {Deck} from "../../deck/deck.js"
-import {DeskOptions, DeskView} from "../../ui/views/desk/view.js"
-
-export const setupDemoApp = (deck: Deck, options: DeskOptions = {}) => shadowElement(() => {
-	useCss(styleCss)
-
-	return html`
-		<div class=plate>
-			${DeskView(deck, options)}
-		</div>
-	`
-})
-

package/s/_archive/demo/demo-app/style.css.ts

@@ -1,10 +0,0 @@
-
-import {css} from "lit"
-export default css`
-
-.plate {
-	background: black;
-}
-
-`
-

package/s/_archive/demo/main.bundle.ts

@@ -1,71 +0,0 @@
-
-import {Content, dom} from "@e280/sly"
-import {LocalStore} from "@e280/strata"
-
-import {Deck} from "../deck/deck.js"
-import {DeckState} from "../deck/types.js"
-import {asBindings} from "../core/types.js"
-import {Devices} from "../device/devices.js"
-import {onPad} from "../device/pad/on-pad.js"
-import {Controller} from "../deck/controller.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<DeckState>("tactDeck")
-
-const deck = new Deck({
-	store,
-	stockProfiles: {
-		standard: {label: "📜standard", bindings},
-		micro: {label: "🦠micro", bindings: asBindings<typeof bindings>({
-			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<Controller, Content>()
-	.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),
-	}),
-})
-

package/s/_archive/demo/main.css

@@ -1,83 +0,0 @@
-
-@layer vars, core, page;
-
-@layer vars {
-	:root {
-		color-scheme: dark;
-
-		--link: cyan;
-		--text: #ccc;
-		--bg: #181818;
-	}
-}
-
-@layer core {
-	* {
-		padding: 0;
-		margin: 0;
-		box-sizing: border-box;
-	}
-
-	::-webkit-scrollbar { width: 4px; }
-	::-webkit-scrollbar-track { background: transparent; }
-	::-webkit-scrollbar-thumb { background: #333; border-radius: 1em; }
-	::-webkit-scrollbar-thumb:hover { background: #444; }
-
-	a {
-		color: var(--link);
-		text-decoration: none;
-
-		&:visited {
-			color: color-mix(in srgb, var(--link), purple 30%);
-		}
-
-		&:hover {
-			color: color-mix(in srgb, var(--link), white 10%);
-			text-decoration: underline;
-		}
-
-		&:active {
-			color: color-mix(in srgb, var(--link), white 50%);
-		}
-	}
-}
-
-@layer page {
-	html { height: 100%; }
-	body { min-height: 100%; }
-
-	html, body {
-		font-family: sans-serif;
-		font-size: 16px;
-		color: var(--text);
-		background: var(--bg);
-	}
-
-	body {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-
-		gap: 1em;
-		padding: 2em;
-
-		> * {
-			width: 100%;
-			max-width: 42em;
-		}
-
-		> header {
-			padding: 0 2em;
-			h1 small { font-size: 0.6em; font-weight: normal; }
-			* + * { margin-top: 0.5em; }
-		}
-
-		> section {
-			padding: 0 2em;
-			ul {
-				padding-left: 1em;
-			}
-		}
-	}
-}
-

package/s/_archive/device/devices.ts

@@ -1,24 +0,0 @@
-
-import {Device} from "../core/types.js"
-import {SampleMap} from "../core/parts/sample-map.js"
-
-export class Devices implements Device {
-	set = new Set<Device>()
-	#sampleMap = new SampleMap()
-
-	constructor(...devices: Device[]) {
-		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
-	}
-}
-

package/s/_archive/device/gamepad.ts

@@ -1,42 +0,0 @@
-
-import {Pad} from "./pad/pad.js"
-import {SamplerDevice} from "./sampler.js"
-import {splitAxis} from "../utils/split-axis.js"
-
-export class GamepadDevice extends SamplerDevice {
-	constructor(public pad: Pad) {
-		super()
-	}
-
-	get gamepad() {
-		return this.pad.gamepad
-	}
-
-	*samples() {
-		this.#pollButtons(this.pad.gamepad)
-		this.#pollSticks(this.pad.gamepad)
-		yield* super.samples()
-	}
-
-	#pollButtons(gamepad: 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: 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)
-		}
-	}
-}
-

package/s/_archive/device/keyboard.ts

@@ -1,33 +0,0 @@
-
-import {disposer, ev} from "@e280/stz"
-import {SamplerDevice} from "./sampler.js"
-
-export class KeyboardDevice extends SamplerDevice {
-	dispose = disposer()
-
-	constructor(target: EventTarget = window) {
-		super()
-		this.dispose.schedule(ev(target, this.#targetListeners))
-		this.dispose.schedule(ev(window, this.#windowListeners))
-	}
-
-	#targetListeners = {
-		keydown: (event: KeyboardEvent) => {
-			if (event.repeat) return null
-			this.setSample(event.code, 1)
-			this.setSample("keyboard.any", 1)
-		},
-		keyup: (event: KeyboardEvent) => {
-			if (event.repeat) return null
-			this.setSample(event.code, 0)
-			this.setSample("keyboard.any", 0)
-		},
-	}
-
-	#windowListeners = {
-		blur: () => {
-			this.zero()
-		},
-	}
-}
-

package/s/_archive/device/pad/on-pad.ts

@@ -1,50 +0,0 @@
-
-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: (pad: Pad) => () => void) {
-	const known = new Map<number, {pad: Pad, dispose: () => void}>()
-
-	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()
-	}
-}
-

package/s/_archive/device/pad/pad.ts

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

package/s/_archive/device/pointer.ts

@@ -1,89 +0,0 @@
-
-import {Vec2} from "@benev/math"
-import {disposer, ev} from "@e280/stz"
-import {SamplerDevice} from "./sampler.js"
-import {splitAxis} from "../utils/split-axis.js"
-
-export class PointerDevice extends SamplerDevice {
-	client = new Vec2()
-	movement = new Vec2()
-	dispose = disposer()
-
-	constructor(target: EventTarget = window) {
-		super()
-
-		this.dispose.schedule(ev(target, {
-			pointerdown: (event: PointerEvent) => {
-				const code = PointerDevice.buttonCode(event)
-				this.setSample(code, 1)
-			},
-
-			pointerup: (event: PointerEvent) => {
-				const code = PointerDevice.buttonCode(event)
-				this.setSample(code, 0)
-			},
-
-			pointermove: (event: PointerEvent) => {
-				this.client.x = event.clientX
-				this.client.y = event.clientY
-				this.movement.x += event.movementX
-				this.movement.y += event.movementY
-			},
-
-			wheel: (event: WheelEvent) => {
-				this.sampleMap.set("pointer.wheel.right", 0)
-				this.sampleMap.set("pointer.wheel.left", 0)
-				this.sampleMap.set("pointer.wheel.up", 0)
-				this.sampleMap.set("pointer.wheel.down", 0)
-				for (const [code, value] of PointerDevice.wheelCodes(event))
-					this.setSample(code, value)
-			},
-		}))
-	}
-
-	static buttonCode(event: PointerEvent) {
-		switch (event.button) {
-			case 0: return "pointer.button.left"
-			case 1: return "pointer.button.middle"
-			case 2: return "pointer.button.right"
-			default: return `pointer.button.${event.button + 1}`
-		}
-	}
-
-	static wheelCodes(event: WheelEvent) {
-		const movements: [string, number][] = []
-
-		if (event.deltaX)
-			movements.push([
-				event.deltaX > 0 ? "pointer.wheel.right" : "pointer.wheel.left",
-				event.deltaX,
-			])
-
-		if (event.deltaY)
-			movements.push([
-				event.deltaY > 0 ? "pointer.wheel.down" : "pointer.wheel.up",
-				event.deltaY,
-			])
-
-		return movements
-	}
-
-	*samples() {
-		this.#specialPreProcessing()
-		yield* super.samples()
-	}
-
-	#specialPreProcessing() {
-		const {x, y} = this.movement
-		const [right, left] = splitAxis(x)
-		const [down, up] = splitAxis(y)
-
-		this.setSample("pointer.move.left", left)
-		this.setSample("pointer.move.right", right)
-		this.setSample("pointer.move.up", up)
-		this.setSample("pointer.move.down", down)
-
-		this.movement.set_(0, 0)
-	}
-}
-

package/s/_archive/device/sampler.ts

@@ -1,25 +0,0 @@
-
-import {sub} from "@e280/stz"
-import {Device, Sample} from "../core/types.js"
-import {SampleMap} from "../core/parts/sample-map.js"
-
-export class SamplerDevice implements Device {
-	on = sub<Sample>()
-	sampleMap = new SampleMap()
-
-	setSample(code: string, value: number) {
-		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
-	}
-}
-