@benev/tact 0.3.0-4 → 0.4.0-0

package/s/_archive/core/hub/hub.ts

@@ -1,118 +0,0 @@
-
-import {Scalar} from "@benev/math"
-import {debounce, MapG, sub} from "@e280/stz"
-import {Port} from "./port.js"
-import {Device} from "../devices/device.js"
-import {Bindings} from "../bindings/types.js"
-import {Connected} from "./parts/connected.js"
-import {MetaBindings, metaMode} from "./types.js"
-import {makeMetaBindings} from "./meta-bindings.js"
-
-export class Hub<B extends Bindings, MB extends MetaBindings = any> {
-
-	/** event fires whenever a device changes ports. */
-	readonly on = sub()
-
-	/** all devices known to this hub */
-	#connected = new MapG<Device, Connected>()
-
-	metaPort: Port<MB>
-
-	constructor(
-
-			/** available ports that devices can be assigned to. */
-			public readonly ports: Port<B>[],
-
-			/** special bindings for devices to shimmy between ports. */
-			public metaBindings = makeMetaBindings() as MB,
-		) {
-
-		this.metaPort = new Port<MB>(metaBindings)
-	}
-
-	/** poll every device, providing actions for each port, and internally handling meta actions. */
-	poll(now = Date.now()) {
-		this.#resolveMetaPort(now)
-		this.#actuateMetaActions(now)
-		return this.#resolvePorts(now)
-	}
-
-	portByIndex(index: number) {
-		const port = this.ports.at(index)
-		if (!port) throw new Error(`port ${index} not found`)
-		return port
-	}
-
-	portByDevice(device: Device) {
-		for (const port of this.ports) {
-			if (port.devices.has(device))
-				return port
-		}
-	}
-
-	/** move a player's device to the next or previous port */
-	shimmy(device: Device, indexDelta: 1 | -1) {
-		const oldIndex = this.ports.findIndex(port => port.devices.has(device))
-		const maxIndex = Math.max(0, this.ports.length - 1)
-		const newIndex = Scalar.clamp(oldIndex + indexDelta, 0, maxIndex)
-		const port = this.portByIndex(newIndex)
-		this.reassign(device, port)
-		return port
-	}
-
-	reassign(device: Device, port = this.getLonelyPort()) {
-		this.ports.forEach(port => port.devices.delete(device))
-		port.devices.add(device)
-		this.#dispatchChange()
-	}
-
-	/** unplug a device */
-	unplug(device: Device) {
-		this.ports.forEach(port => port.devices.delete(device))
-		this.#connected.delete(device)
-		this.#dispatchChange()
-	}
-
-	/** plug a device into a port */
-	plug = (device: Device, port = this.getLonelyPort()) => {
-		this.unplug(device)
-		this.#connected.set(device, new Connected(device, this.metaBindings))
-		port.devices.add(device)
-		this.#dispatchChange()
-		return () => this.unplug(device)
-	}
-
-	/** returns an unplugged port (otherwise the last one) */
-	getLonelyPort() {
-		let smallest = this.ports.at(0)!
-		for (const port of this.ports) {
-			if (port.devices.size < smallest.devices.size)
-				smallest = port
-		}
-		return smallest
-	}
-
-	#dispatchChange = debounce(0, () => this.on.publish())
-
-	#resolveMetaPort(now: number) {
-		this.metaPort.devices.clear()
-		this.metaPort.devices.adds(...this.#connected.keys())
-		this.metaPort.resolve(now)
-	}
-
-	#actuateMetaActions(now: number) {
-		for (const connected of this.#connected.values()) {
-			const actions = connected.metaPort.resolve(now)
-			if (actions[metaMode].shimmyNext.down) this.shimmy(connected.device, 1)
-			if (actions[metaMode].shimmyPrevious.down) this.shimmy(connected.device, -1)
-		}
-	}
-
-	#resolvePorts(now: number) {
-		return this.ports.map(port => {
-			port.resolve(now)
-			return port
-		})
-	}
-}
-

package/s/_archive/core/hub/meta-bindings.ts

@@ -1,23 +0,0 @@
-
-import {MetaBindings, metaMode} from "./types.js"
-
-export const makeMetaBindings = (): MetaBindings => ({
-	[metaMode]: {
-		revealOverlay: ["or",
-			"Backslash",
-			"gamepad.beta",
-			"gamepad.gamma",
-		],
-		shimmyNext: ["or",
-			"BracketRight",
-			["and", ["or", "gamepad.beta", "gamepad.gamma"], "gamepad.right"],
-			["and", ["or", "gamepad.beta", "gamepad.gamma"], "gamepad.bumper.right"],
-		],
-		shimmyPrevious: ["or",
-			"BracketLeft",
-			["and", ["or", "gamepad.beta", "gamepad.gamma"], "gamepad.left"],
-			["and", ["or", "gamepad.beta", "gamepad.gamma"], "gamepad.bumper.left"],
-		],
-	},
-})
-

package/s/_archive/core/hub/parts/connected.ts

@@ -1,15 +0,0 @@
-
-import {Port} from "../port.js"
-import {MetaBindings} from "../types.js"
-import {Device} from "../../devices/device.js"
-import {makeMetaBindings} from "../meta-bindings.js"
-
-export class Connected {
-	metaPort: Port<MetaBindings>
-
-	constructor(public device: Device, metaB = makeMetaBindings()) {
-		this.metaPort = new Port(metaB)
-		this.metaPort.devices.add(device)
-	}
-}
-

package/s/_archive/core/hub/port.ts

@@ -1,26 +0,0 @@
-
-import {SetG} from "@e280/stz"
-import {Bindings} from "../bindings/types.js"
-import {Resolver} from "../bindings/resolver.js"
-import {SampleMap} from "../bindings/sample-map.js"
-import {GroupDevice} from "../devices/infra/group.js"
-
-export class Port<B extends Bindings> extends Resolver<B> {
-	#group = new GroupDevice()
-
-	readonly devices = this.#group.devices
-	readonly modes = new SetG<keyof B>()
-
-	constructor(bindings: B) {
-		super(bindings)
-
-		// start with all modes enabled by default
-		this.modes.adds(...Object.keys(bindings))
-	}
-
-	resolve(now = Date.now()) {
-		const sampleMap = new SampleMap(this.#group.samples())
-		return super.resolve(now, this.modes, sampleMap)
-	}
-}
-

package/s/_archive/core/hub/types.ts

@@ -1,13 +0,0 @@
-
-import {AsBindings, Atom} from "../bindings/types.js"
-
-export const metaMode = "meta" as const
-
-export type MetaBindings = AsBindings<{
-	[metaMode]: {
-		revealOverlay: Atom
-		shimmyNext: Atom
-		shimmyPrevious: Atom
-	}
-}>
-

package/s/_archive/core/index.ts

@@ -1,19 +0,0 @@
-
-export * from "./bindings/action.js"
-export * from "./bindings/resolver.js"
-export * from "./bindings/sample-map.js"
-export * from "./bindings/types.js"
-
-export * from "./devices/infra/group.js"
-export * from "./devices/infra/sampler.js"
-export * from "./devices/standard/index.js"
-export * as devices from "./devices/standard/index.js"
-export * from "./devices/auto-gamepads.js"
-export * from "./devices/device.js"
-export * from "./devices/types.js"
-
-export * from "./hub/hub.js"
-export * from "./hub/meta-bindings.js"
-export * from "./hub/port.js"
-export * from "./hub/types.js"
-

package/s/_archive/core/testing/testing.ts

@@ -1,57 +0,0 @@
-
-import {Hub} from "../hub/hub.js"
-import {Port} from "../hub/port.js"
-import {Device} from "../devices/device.js"
-import {Resolver} from "../bindings/resolver.js"
-import {SampleMap} from "../bindings/sample-map.js"
-import {asBindings, Code} from "../bindings/types.js"
-import {SamplerDevice} from "../devices/infra/sampler.js"
-
-export class TestClock {
-	time = 0
-
-	set frame(frame: number) {
-		this.time = frame * (1000 / 60)
-	}
-}
-
-export function testBindings() {
-	return asBindings({
-		basic: {
-			jump: "Space",
-			shoot: "pointer.button.left",
-			grenade: <Code>["code", "KeyG", {timing: ["hold", 200]}]
-		},
-	})
-}
-
-export function testPlug<C extends Device>(hub: Hub<any>, device: C) {
-	hub.plug(device)
-	return device
-}
-
-export function testSetupAlpha() {
-	const clock = new TestClock()
-	const device = new SamplerDevice()
-	const resolver = new Resolver(testBindings())
-	const modes = new Set(Object.keys(resolver.bindings))
-	const actions = resolver.actions
-	const resolve = () => resolver.resolve(
-		clock.time,
-		modes as any,
-		new SampleMap(device.samples())
-	)
-	return {device, resolver, resolve, clock, actions}
-}
-
-export function testSetupBravo() {
-	const clock = new TestClock()
-	const port = () => {
-		const port = new Port(testBindings())
-		port.modes.adds("basic")
-		return port
-	}
-	const hub = new Hub([port(), port(), port(), port()])
-	return {hub, clock}
-}
-

package/s/_archive/deck/index.ts

@@ -1,13 +0,0 @@
-
-export * from "./parts/device-skins/device-icons.js"
-export * from "./parts/device-skins/device-skin.js"
-export * from "./parts/catalog.js"
-export * from "./parts/db.js"
-export * from "./parts/local-storage-kv.js"
-export * from "./parts/merge-bindings.js"
-export * from "./parts/overlay-visibility.js"
-
-export * from "./views/overlay/view.js"
-
-export * from "./deck.js"
-

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

@@ -1,58 +0,0 @@
-
-import {deep, MapG} from "@e280/stz"
-import {MetaBindings} from "../../core/hub/types.js"
-import {Bindings} from "../../core/bindings/types.js"
-
-export type Profile = {
-	id: string
-	label: string
-	bindings: Bindings
-}
-
-export type CatalogData = {
-	profiles: Profile[]
-	portProfiles: (string | null)[]
-	metaBindings: MetaBindings | null
-}
-
-export class Catalog {
-	profiles = new MapG<string, Profile>()
-	portProfiles: (string | null)[] = []
-	metaBindings: MetaBindings | null = null
-
-	constructor(data?: CatalogData) {
-		if (data) {
-			for (const profile of data.profiles)
-				this.profiles.set(profile.id, profile)
-
-			this.portProfiles = data.portProfiles
-				.map(id => id && (this.profiles.has(id) ?id :null))
-
-			this.metaBindings = data.metaBindings
-		}
-	}
-
-	toJSON(): CatalogData {
-		return deep.clone({
-			profiles: [...this.profiles.values()],
-			portProfiles: this.portProfiles,
-			metaBindings: this.metaBindings,
-		})
-	}
-
-	clone() {
-		return new Catalog(this.toJSON())
-	}
-
-	getProfile(profileId: string) {
-		return this.profiles.get(profileId)
-	}
-
-	getProfileForPort(portIndex: number) {
-		const profileId = this.portProfiles.at(portIndex)
-		return profileId
-			? this.getProfile(profileId)
-			: undefined
-	}
-}
-

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

@@ -1,65 +0,0 @@
-
-import {disposer, Hex} from "@e280/stz"
-import {signal, Signal} from "@e280/strata"
-import {StorageDriver, Store} from "@e280/kv"
-
-import {Bindings} from "../../core/bindings/types.js"
-import {Catalog, CatalogData, Profile} from "./catalog.js"
-
-export class Db {
-	static async load(store: Store<CatalogData>) {
-		const $catalog = signal(new Catalog(await store.get()))
-		return new this(store, $catalog)
-	}
-
-	dispose = disposer()
-
-	constructor(
-			private store: Store<CatalogData>,
-			public $catalog: Signal<Catalog>,
-		) {
-
-		this.dispose.schedule(
-			StorageDriver.onStorageEvent(async() => this.reload())
-		)
-	}
-
-	async reload() {
-		const fresh = new Catalog(await this.store.get())
-		await this.$catalog.set(fresh)
-	}
-
-	async save(catalog: Catalog) {
-		await this.store.set(catalog.toJSON())
-		await this.$catalog(catalog)
-	}
-
-	async #mutateAndSave<R>(fn: (catalog: Catalog) => R) {
-		const catalog = this.$catalog().clone()
-		const result = fn(catalog)
-		await this.store.set(catalog.toJSON())
-		await this.$catalog(catalog)
-		return result
-	}
-
-	async createProfile(label: string, bindings: Bindings) {
-		return this.#mutateAndSave(catalog => {
-			const id = Hex.random()
-			const profile: Profile = {id, label, bindings}
-			catalog.profiles.set(id, profile)
-			return profile
-		})
-	}
-
-	async deleteProfile(id: string) {
-		return this.#mutateAndSave(catalog => {
-			catalog.profiles.delete(id)
-		})
-	}
-
-	async assignPortProfile(index: number, profileId: string | null) {
-		return this.#mutateAndSave(catalog => {
-			catalog.portProfiles[index] = profileId
-		})
-	}
-}

package/s/_archive/deck/parts/device-skins/device-icons.ts

@@ -1,38 +0,0 @@
-
-import {Content} from "@e280/sly"
-import {Constructor} from "@e280/stz"
-import {Device} from "../../../core/devices/device.js"
-import {VpadDevice} from "../../../core/devices/standard/vpad.js"
-import {PrimaryDevice} from "../../../core/devices/standard/primary.js"
-import {GamepadDevice} from "../../../core/devices/standard/gamepad.js"
-
-export type DeviceIconEntry = [DeviceClass: Constructor<Device>, icon: Content]
-
-export class DeviceIcons {
-	fallback: Content = "❔"
-	#map = new Map<Constructor<Device>, Content>()
-
-	constructor(entries: DeviceIconEntry[] = [
-			[PrimaryDevice, "💻"],
-			[GamepadDevice, "🎮"],
-			[VpadDevice, "📱"],
-		]) {
-		this.add(...entries)
-	}
-
-	get(DeviceClass: Constructor<Device>) {
-		return this.#map.get(DeviceClass) ?? this.fallback
-	}
-
-	add(...entries: DeviceIconEntry[]) {
-		for (const [dc, icon] of entries)
-			this.#map.set(dc, icon)
-		return this
-	}
-
-	clear() {
-		this.#map.clear()
-		return this
-	}
-}
-

package/s/_archive/deck/parts/device-skins/device-skin.ts

@@ -1,29 +0,0 @@
-
-import {Content} from "@e280/sly"
-import {Hex, WeakMapG} from "@e280/stz"
-import {DeviceIcons} from "./device-icons.js"
-import {Device} from "../../../core/devices/device.js"
-import {ColorDispenser} from "../../../utils/dispensers.js"
-
-export class DeviceSkin {
-	constructor(
-		public icon: Content,
-		public label: string,
-		public color: string,
-	) {}
-}
-
-export class DeviceSkins {
-	icons = new DeviceIcons()
-	#map = new WeakMapG<Device, DeviceSkin>()
-	#colors = new ColorDispenser()
-
-	get(device: Device) {
-		return this.#map.guarantee(device, () => new DeviceSkin(
-			this.icons.get(device.constructor as any),
-			Hex.random(4),
-			this.#colors.takeFirst(),
-		))
-	}
-}
-

package/s/_archive/deck/parts/local-storage-kv.ts

@@ -1,8 +0,0 @@
-
-import {Kv, StorageDriver} from "@e280/kv"
-
-export function localStorageKv() {
-	const driver = new StorageDriver(window.localStorage)
-	return new Kv(driver).scope("tact")
-}
-

package/s/_archive/deck/parts/merge-bindings.ts

@@ -1,21 +0,0 @@
-
-import {deep} from "@e280/stz"
-import {Bindings} from "../../core/bindings/types.js"
-
-export function mergeBindings<B extends Bindings>(normative: B, sus?: B) {
-	const bindings = deep.clone(normative)
-
-	if (!sus)
-		return bindings
-
-	for (const [mode, bracket] of Object.entries(bindings)) {
-		for (const actionKey of Object.keys(bracket)) {
-			const susAction = sus[mode]?.[actionKey]
-			if (susAction)
-				bracket[actionKey] = susAction
-		}
-	}
-
-	return bindings
-}
-

package/s/_archive/deck/parts/overlay-visibility.ts

@@ -1,49 +0,0 @@
-
-import {signal} from "@e280/strata"
-import {debounce, disposer} from "@e280/stz"
-import {Hub} from "../../core/hub/hub.js"
-import {DeviceSkins} from "./device-skins/device-skin.js"
-
-export class OverlayVisibility {
-	auto = true
-	dispose = disposer()
-
-	#created = Date.now()
-	#$auto = signal(false)
-
-	/** manual override for whether the ports view should be visible */
-	readonly $manual = signal(false)
-
-	/** derived signal about whether the ports view should be visible */
-	readonly $visible = signal.derived(() => (
-		this.$manual() || (this.auto && this.#$auto())
-	))
-
-	/** whether or not to show labels in the overlay ui */
-	readonly $showLabels = signal(false)
-
-	constructor(
-			public hub: Hub<any>,
-			public deviceSkins = new DeviceSkins(),
-		) {
-
-		this.dispose.schedule(
-			hub.on(async() => {
-				const since = Date.now() - this.#created
-				if (since > 100) await this.bump()
-			})
-		)
-	}
-
-	#autoOff = debounce(1500, () => this.#$auto(false))
-
-	async bump() {
-		await this.#$auto(true)
-		await this.#autoOff()
-	}
-
-	async toggle(active = !this.$manual()) {
-		return this.$manual.set(active)
-	}
-}
-

package/s/_archive/deck/views/bindings/view.ts

@@ -1,95 +0,0 @@
-
-import {html} from "lit"
-import {bytename} from "@e280/stz"
-import {cssReset, shadow, useCss, useName, useSignal} from "@e280/sly"
-
-import {Deck} from "../../deck.js"
-import styleCss from "./style.css.js"
-import {Port} from "../../../core/hub/port.js"
-import {Profile} from "../../parts/catalog.js"
-import {Atom, Bindings, Bracket} from "../../../core/bindings/types.js"
-
-export const DeckBindings = shadow((deck: Deck<any>) => {
-	useCss(cssReset, styleCss)
-	useName("deck-bindings")
-	const {db, hub} = deck
-
-	const catalog = db.$catalog()
-	const defaultProfile: Profile = {id: "default", label: "default", bindings: deck.baseBindings}
-	const allProfiles = [defaultProfile, ...catalog.profiles.values()]
-	const $selectedProfileId = useSignal("default")
-	const profile = db.$catalog().getProfile($selectedProfileId()) ?? defaultProfile
-
-	function renderPort(_port: Port<Bindings>, index: number) {
-		const portProfile = catalog.getProfileForPort(index) ?? defaultProfile
-		return html`
-			<div class=port>
-				<span>port ${index + 1}</span>
-				<select>
-					${allProfiles.map(profile => html`
-						<option
-							data-id="${profile.id}"
-							?selected="${profile.id === portProfile.id}">
-								${profile.label}
-						</option>
-					`)}
-				</select>
-			</div>
-		`
-	}
-
-	function renderBindingBracket(entry: [string, unknown]) {
-		const [mode, bracket] = entry as [string, Bracket]
-		return html`
-			<div class=bracket>
-				<strong class=mode>${mode}</strong>
-				<div>${Object.entries(bracket).map(renderBinds)}</div>
-			</div>
-		`
-	}
-
-	function renderBinds([action, _atom]: [action: string, atom: Atom]) {
-		return html`
-			<div class=bind>
-				<span class=action>${action}</span>
-			</div>
-		`
-	}
-
-	const clickClone = async() => {
-		const {bindings} = profile
-		const label = bytename.random(4)
-		const p = await db.createProfile(label, bindings)
-		$selectedProfileId(p.id)
-	}
-
-	const deleteProfile = (id: string) => async() => {
-		await db.deleteProfile(id)
-	}
-
-	const onSelected = (event: InputEvent) => {
-		const select = event.target as HTMLSelectElement
-		const id = select.value
-		$selectedProfileId(id)
-	}
-
-	return html`
-		<div class=portlist>
-			${hub.ports.map(renderPort)}
-		</div>
-
-		<div class=bindable>
-			<select @input="${onSelected}">
-				${allProfiles.map(p => html`
-					<option value="${p.id}" ?selected="${p.id === profile.id}">${p.label}</option>
-				`)}
-			</select>
-			<button @click="${clickClone}">clone</button>
-			<button ?disabled="${profile.id === defaultProfile.id}" @click="${deleteProfile(profile.id)}">delete</button>
-			<div class=bindings>
-				${Object.entries(profile.bindings).map(renderBindingBracket)}
-			</div>
-		</div>
-	`
-})
-