@benev/tact 0.1.0-3 → 0.1.0-4

package/s/core/controllers/standard/gamepad.ts

@@ -1,77 +0,0 @@
-
-import {Pad} from "../../../utils/gamepads.js"
-import {tmax} from "../../../utils/quick-math.js"
-import {splitAxis} from "../../../utils/split-axis.js"
-import {SamplerController} from "../infra/sampler.js"
-
-const gamepadButtonCodes = [
-	"gamepad.a",
-	"gamepad.b",
-	"gamepad.x",
-	"gamepad.y",
-	"gamepad.bumper.left",
-	"gamepad.bumper.right",
-	"gamepad.trigger.left",
-	"gamepad.trigger.right",
-	"gamepad.alpha",
-	"gamepad.beta",
-	"gamepad.stick.left.click",
-	"gamepad.stick.right.click",
-	"gamepad.up",
-	"gamepad.down",
-	"gamepad.left",
-	"gamepad.right",
-	"gamepad.gamma",
-]
-
-export class GamepadController extends SamplerController {
-	constructor(public pad: Pad) {
-		super()
-	}
-
-	get gamepad() {
-		return this.pad.gamepad
-	}
-
-	takeSamples() {
-		const {gamepad} = this.pad
-		this.#pollButtons(gamepad)
-		this.#pollSticks(gamepad)
-		return super.takeSamples()
-	}
-
-	#pollButtons(gamepad: Gamepad) {
-		let anyButtonValue = 0
-
-		const recordAny = (value: number) => {
-			anyButtonValue = tmax([anyButtonValue, value])
-		}
-
-		for (const [index, code] of gamepadButtonCodes.entries()) {
-			const value = gamepad.buttons.at(index)?.value ?? 0
-			recordAny(value)
-			this.setSample(code, value)
-		}
-
-		this.setSample("gamepad.any", anyButtonValue)
-	}
-
-	#pollSticks(gamepad: Gamepad) {
-		const [leftY, leftX, rightY, rightX] = gamepad.axes
-
-		const [leftUp, leftDown] = splitAxis(leftX)
-		const [leftLeft, leftRight] = splitAxis(leftY)
-		this.setSample("gamepad.stick.left.up", leftUp)
-		this.setSample("gamepad.stick.left.down", leftDown)
-		this.setSample("gamepad.stick.left.left", leftLeft)
-		this.setSample("gamepad.stick.left.right", leftRight)
-
-		const [rightUp, rightDown] = splitAxis(rightX)
-		const [rightLeft, rightRight] = splitAxis(rightY)
-		this.setSample("gamepad.stick.right.up", rightUp)
-		this.setSample("gamepad.stick.right.down", rightDown)
-		this.setSample("gamepad.stick.right.left", rightLeft)
-		this.setSample("gamepad.stick.right.right", rightRight)
-	}
-}
-

package/s/core/controllers/standard/keyboard.ts

@@ -1,50 +0,0 @@
-
-import {coalesce, ev, sub} from "@e280/stz"
-import {Sample} from "../types.js"
-import {Controller} from "../controller.js"
-
-export class KeyboardController extends Controller {
-	on = sub<Sample>()
-	dispose: () => void
-	#held = new Set<string>()
-
-	constructor(target: EventTarget = window) {
-		super()
-
-		const down = (code: string) => {
-			this.#held.add(code)
-			this.on.pub(code, 1)
-		}
-
-		const up = (code: string) => {
-			this.#held.delete(code)
-			this.on.pub(code, 0)
-		}
-
-		this.dispose = coalesce(
-			ev(target, {
-				keydown: (event: KeyboardEvent) => {
-					if (event.repeat) return
-					down(event.code)
-				},
-				keyup: (event: KeyboardEvent) => {
-					up(event.code)
-				},
-			}),
-
-			ev(window, {
-				blur: () => {
-					for (const code of this.#held)
-						this.on.pub(code, 0)
-					this.#held.clear()
-				},
-			})
-		)
-	}
-
-	takeSamples() {
-		return [...this.#held]
-			.map(code => [code, 1] as Sample)
-	}
-}
-

package/s/core/controllers/standard/stick.ts

@@ -1,30 +0,0 @@
-
-import {Vec2} from "@benev/math"
-import {signal} from "@e280/strata"
-import {Disposable} from "@e280/stz"
-import {SamplerController} from "../infra/sampler.js"
-import {splitAxis} from "../../../utils/split-axis.js"
-
-export class StickController extends SamplerController implements Disposable {
-	vector = signal(Vec2.zero())
-	dispose: () => void
-
-	constructor(public channel = "stick") {
-		super()
-		this.dispose = this.vector.on(() => {
-			const {up, down, left, right} = this.breakdown()
-			this.setSample(`${channel}.up`, up)
-			this.setSample(`${channel}.down`, down)
-			this.setSample(`${channel}.left`, left)
-			this.setSample(`${channel}.right`, right)
-		})
-	}
-
-	breakdown() {
-		const {x, y} = this.vector.get()
-		const [down, up] = splitAxis(y)
-		const [left, right] = splitAxis(x)
-		return {up, down, left, right}
-	}
-}
-

package/s/core/deck/deck.ts

@@ -1,40 +0,0 @@
-
-import {Kv} from "@e280/kv"
-import {Hub} from "../hub/hub.js"
-import {Port} from "../port/port.js"
-import {HubFriendlyBindings} from "../hub/types.js"
-import {BindingsDepot} from "./parts/bindings-depot.js"
-
-export class Deck<B extends HubFriendlyBindings> {
-	static async load<B extends HubFriendlyBindings>(options: {
-			portCount: number
-			kv: Kv
-			bindings: B
-		}) {
-		const bindingsDepot = new BindingsDepot<B>(options.portCount, options.kv)
-		const bindings = await bindingsDepot.loadAll()
-		const ports = bindings.map(b => new Port(b))
-		const hub = new Hub<B>(ports)
-		return new this(hub, bindingsDepot)
-	}
-
-	constructor(
-		public readonly hub: Hub<B>,
-		private bindingsDepot: BindingsDepot<B>,
-	) {}
-
-	async reload() {
-		const allBindings = await this.bindingsDepot.loadAll()
-		for (const [index, bindings] of allBindings.entries()) {
-			const port = this.hub.ports.at(index)!
-			port.bindings = bindings
-		}
-	}
-
-	async save(index: number, bindings: B) {
-		const port = this.hub.ports.at(index)!
-		port.bindings = bindings
-		await this.bindingsDepot.save(index, bindings)
-	}
-}
-

package/s/core/deck/parts/bindings-depot.ts

@@ -1,24 +0,0 @@
-
-import {Kv} from "@e280/kv"
-import {deep, range} from "@e280/stz"
-import {HubFriendlyBindings} from "../../hub/types.js"
-
-export class BindingsDepot<B extends HubFriendlyBindings> {
-	#kv: Kv<B>
-
-	constructor(public readonly portCount: number, rootKv: Kv) {
-		this.#kv = rootKv.scope("bindings")
-	}
-
-	async loadAll() {
-		const indices = range(this.portCount)
-		const keys = indices.map(k => k.toString())
-		return (await this.#kv.gets(...keys))
-			.map(bindings => bindings ?? deep.clone(bindings)) as B[]
-	}
-
-	async save(index: number, bindings: B) {
-		await this.#kv.set(index.toString(), bindings)
-	}
-}
-

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

@@ -1,7 +0,0 @@
-
-import {Kv, StorageDriver} from "@e280/kv"
-
-export function localStorageKv() {
-	return new Kv(new StorageDriver(window.localStorage))
-}
-

package/s/core/hub/auto-gamepads.ts

@@ -1,8 +0,0 @@
-
-import {gamepads} from "../../utils/gamepads.js"
-import {GamepadController} from "../controllers/standard/gamepad.js"
-
-export function autoGamepads(fn: (controller: GamepadController) => () => void) {
-	return gamepads(pad => fn(new GamepadController(pad)))
-}
-

package/s/core/hub/bindings.ts

@@ -1,18 +0,0 @@
-
-import {HubBindings, hubMode} from "./types.js"
-
-export const hubBindings = (): HubBindings => ({
-	[hubMode]: {
-		shimmyNext: ["or",
-			"BracketRight",
-			["and", "gamepad.gamma", "gamepad.right"],
-			["and", "gamepad.gamma", "gamepad.bumper.right"],
-		],
-		shimmyPrevious: ["or",
-			"BracketLeft",
-			["and", "gamepad.gamma", "gamepad.left"],
-			["and", "gamepad.gamma", "gamepad.bumper.left"],
-		],
-	},
-})
-

package/s/core/port/port.ts

@@ -1,34 +0,0 @@
-
-import {SetG} from "@e280/stz"
-import {Bindings} from "../bindings/types.js"
-import {Resolver} from "../bindings/resolver.js"
-import {SampleMap} from "../controllers/types.js"
-import {Controller} from "../controllers/controller.js"
-import {wipe_samples_map} from "./utils/wipe_samples_map.js"
-import {aggregate_samples_into_map} from "./utils/aggregate_samples_into_map.js"
-
-export class Port<B extends Bindings> {
-	readonly modes = new SetG<keyof B>()
-	readonly controllers = new SetG<Controller>()
-	#resolver: Resolver<B>
-	#samples: SampleMap = new Map()
-
-	constructor(bindings: B) {
-		this.#resolver = new Resolver(bindings, this.modes)
-	}
-
-	get bindings() {
-		return this.#resolver.bindings
-	}
-
-	set bindings(b: B) {
-		this.#resolver = new Resolver(b, this.modes)
-	}
-
-	poll(now: number = Date.now()) {
-		wipe_samples_map(this.#samples)
-		aggregate_samples_into_map(this.controllers, this.#samples)
-		return this.#resolver.poll(now, this.#samples)
-	}
-}
-

package/s/core/port/utils/aggregate_samples_into_map.ts

@@ -1,20 +0,0 @@
-
-import {SampleMap} from "../../controllers/types.js"
-import {Controller} from "../../controllers/controller.js"
-
-export function aggregate_samples_into_map(
-		controllers: Set<Controller>,
-		map: SampleMap,
-	) {
-
-	for (const controller of controllers) {
-		for (const [code, value] of controller.takeSamples()) {
-			const previous = map.get(code) ?? 0
-			if (value > previous)
-				map.set(code, value)
-		}
-	}
-
-	return map
-}
-

package/s/core/port/utils/wipe_samples_map.ts

@@ -1,8 +0,0 @@
-
-import {SampleMap} from "../../controllers/types.js"
-
-export function wipe_samples_map(samples: SampleMap) {
-	for (const code of samples.keys())
-		samples.set(code, 0)
-}
-

package/s/nubs/lookpad/utils/listeners.ts

@@ -1,53 +0,0 @@
-
-export function lookpad_listeners({
-		onPointerDrag,
-		getPointerCaptureElement,
-	}: {
-		onPointerDrag: (event: PointerEvent) => void
-		getPointerCaptureElement: () => HTMLElement
-	}) {
-
-	let pointer_id: number | undefined
-
-	return {
-		pointerdown: {
-			options: undefined,
-			handleEvent: (event: PointerEvent) => {
-				event.preventDefault()
-
-				const element = getPointerCaptureElement()
-
-				if (pointer_id)
-					element.releasePointerCapture(pointer_id)
-
-				pointer_id = event.pointerId
-				element.setPointerCapture(pointer_id)
-				onPointerDrag(event)
-			},
-		},
-
-		pointermove: {
-			options: {passive: false},
-			handleEvent: (event: PointerEvent) => {
-				event.preventDefault()
-
-				if (event.pointerId === pointer_id)
-					onPointerDrag(event)
-			},
-		},
-
-		pointerup: {
-			options: undefined,
-			handleEvent: (event: PointerEvent) => {
-				event.preventDefault()
-
-				if (event.pointerId === pointer_id) {
-					getPointerCaptureElement().releasePointerCapture(pointer_id)
-					pointer_id = undefined
-					onPointerDrag(event)
-				}
-			},
-		},
-	}
-}
-

package/s/nubs/lookpad/view.ts

@@ -1,32 +0,0 @@
-
-import {html} from "lit"
-import {view} from "@e280/sly"
-
-import {styles} from "./styles.js"
-import {lookpad_listeners} from "./utils/listeners.js"
-
-export const NubLookpad = view(use => () => {
-	use.name("nub-lookpad")
-	use.styles(styles)
-
-	const pad = use.life(() => {
-		const pad = document.createElement("div")
-		pad.className = "pad"
-
-		const listeners = lookpad_listeners({
-			getPointerCaptureElement: () => pad,
-			onPointerDrag: () => {},
-		})
-
-		for (const [event, {handleEvent, options}] of Object.entries(listeners))
-			pad.addEventListener(event as any, handleEvent, options)
-
-		return [pad, () => {
-			for (const [event, {handleEvent}] of Object.entries(listeners))
-				pad.removeEventListener(event as any, handleEvent)
-		}]
-	})
-
-	return html`${pad}`
-})
-

package/s/nubs/stick/styles.ts

@@ -1,22 +0,0 @@
-
-import {css} from "lit"
-export const styles = css`
-
-:host {
-	display: block;
-	width: 8em;
-	aspect-ratio: 1 / 1;
-	touch-action: none;
-}
-
-.container {
-	width: 100%;
-	height: 100%;
-}
-
-[part="graphic"] {
-	width: 100%;
-	height: 100%;
-}
-
-`

package/s/nubs/stick/utils/calculate_new_vector_from_pointer_position.ts

@@ -1,27 +0,0 @@
-
-import {Vec2} from "@benev/math"
-import {within_radius} from "./within_radius.js"
-import {Basis} from "../../stick-graphic/types/basis.js"
-import {find_closest_point_on_circle} from "./find_closest_point_on_circle.js"
-
-export function calculate_new_vector_from_pointer_position(
-		{radius, rect: {left, top, width, height}}: Basis,
-		{x: client_x, y: client_y}: Vec2,
-	): Vec2 {
-
-	const middle_x = left + (width / 2)
-	const middle_y = top + (height / 2)
-
-	let new_vector = Vec2.new((client_x - middle_x), (client_y - middle_y))
-
-	if (!within_radius(radius, new_vector))
-		new_vector = find_closest_point_on_circle(radius, new_vector)
-	const [x, y] = new_vector
-
-	const final = Vec2.new((x / radius), -(y / radius))
-
-	return [...final].some(isNaN)
-		? Vec2.zero()
-		: final
-}
-

package/s/nubs/stick/utils/find_closest_point_on_circle.ts

@@ -1,15 +0,0 @@
-
-import {Vec2} from "@benev/math"
-
-export function find_closest_point_on_circle(
-		radius: number,
-		{x, y}: Vec2,
-	): Vec2 {
-
-	const magnitude = Math.sqrt((x ** 2) + (y ** 2))
-
-	return Vec2.new(
-		(x / magnitude) * radius,
-		(y / magnitude) * radius,
-	)
-}

package/s/nubs/stick/utils/make_pointer_listeners.ts

@@ -1,50 +0,0 @@
-
-import {Vec2} from "@benev/math"
-
-export function make_pointer_listeners({
-		set_vector,
-		set_pointer_position,
-	}: {
-		set_vector: (vector: Vec2) => void
-		set_pointer_position: (position: Vec2) => void
-	}) {
-
-	let pointer_id: number | undefined
-
-	return {
-		pointerdown: {
-			handleEvent: (event: PointerEvent) => {
-				event.preventDefault()
-
-				const element = event.currentTarget as HTMLElement
-
-				if (pointer_id)
-					element.releasePointerCapture(pointer_id)
-
-				pointer_id = event.pointerId
-				element.setPointerCapture(pointer_id)
-				set_pointer_position(Vec2.new(event.clientX, event.clientY))
-				set_vector(Vec2.zero())
-			},
-		},
-
-		pointermove: {
-			passive: false,
-			handleEvent: (event: PointerEvent) => {
-				event.preventDefault()
-
-				if (event.pointerId === pointer_id)
-					set_pointer_position(Vec2.new(event.clientX, event.clientY))
-			},
-		},
-
-		pointerup: {
-			handleEvent: (event: PointerEvent) => {
-				event.preventDefault()
-				pointer_id = undefined
-				set_vector(Vec2.zero())
-			},
-		},
-	}
-}
-

package/s/nubs/stick/utils/within_radius.ts

@@ -1,6 +0,0 @@
-
-import {Vec2} from "@benev/math"
-
-export function within_radius(radius: number, {x, y}: Vec2) {
-	return (x ** 2) + (y ** 2) < (radius ** 2)
-}

package/s/nubs/stick/view.ts

@@ -1,50 +0,0 @@
-
-import {html} from "lit"
-import {view} from "@e280/sly"
-import {Vec2} from "@benev/math"
-
-import {styles} from "./styles.js"
-import {Basis} from "../stick-graphic/types/basis.js"
-import {NubStickGraphic} from "../stick-graphic/view.js"
-import {StickController} from "../../core/controllers/standard/stick.js"
-import {make_pointer_listeners} from "./utils/make_pointer_listeners.js"
-import {calculate_new_vector_from_pointer_position} from "./utils/calculate_new_vector_from_pointer_position.js"
-
-export const NubStick = view(use => (stick: StickController) => {
-	use.name("nub-stick")
-	use.styles(styles)
-
-	let basis: Basis | undefined = undefined
-	const updateBasis = (b: Basis) => basis = b
-
-	const listeners = use.once(() => make_pointer_listeners({
-		set_vector: vector => stick.vector.value = vector,
-		set_pointer_position: position => {
-			if (basis)
-				stick.vector.value = calculate_new_vector_from_pointer_position(
-					basis,
-					position,
-				)
-		},
-	}))
-
-	use.mount(() => {
-		stick.vector.set(Vec2.zero())
-		return () => stick.vector.set(Vec2.zero())
-	})
-
-	return html`
-		<div
-			class=container
-			.vector="${stick.vector}"
-			@pointerdown="${listeners.pointerdown}"
-			@pointermove="${listeners.pointermove}"
-			@pointerup="${listeners.pointerup}"
-			>
-			${NubStickGraphic
-				.attr("part", "graphic")
-				.props(stick.vector.get(), updateBasis)}
-		</div>
-	`
-})
-

package/s/nubs/stick-graphic/styles.ts

@@ -1,38 +0,0 @@
-
-import {css} from "lit"
-export const styles = css`
-
-:host {
-	display: block;
-	width: 8em;
-	height: 8em;
-	--size: var(--nub-stick-size, 66%);
-	--background: var(--nub-stick-background, black);
-	--color: var(--nub-stick-color, white);
-}
-
-[part="base"] {
-	position: relative;
-	aspect-ratio: 1/1;
-	width: 100%;
-	height: 100%;
-	background: var(--background);
-	border-radius: 100%;
-}
-
-[part="over"], [part="under"] {
-	position: absolute;
-	inset: 0;
-	width: var(--size);
-	height: var(--size);
-	border-radius: 100%;
-	margin: auto;
-	pointer-events: none;
-	background: var(--color);
-}
-
-[part="under"] {
-	opacity: 0.5;
-}
-
-`

package/s/nubs/stick-graphic/types/basis.ts

@@ -1,5 +0,0 @@
-
-export type Basis = {
-	rect: DOMRect
-	radius: number
-}

package/s/nubs/stick-graphic/utils/calculate_basis.ts

@@ -1,19 +0,0 @@
-
-import {Basis} from "../types/basis.js"
-
-export function calculate_basis(
-		base: HTMLElement,
-		over: HTMLElement,
-	): Basis {
-
-	const rect = base.getBoundingClientRect()
-
-	const half_base = (rect.width / 2)
-	const quarter_stick = (over.getBoundingClientRect().width / 4)
-
-	return {
-		rect,
-		radius: half_base - quarter_stick,
-	}
-}
-

package/s/nubs/stick-graphic/utils/stick_vector_to_pixels.ts

@@ -1,13 +0,0 @@
-
-import {Vec2} from "@benev/math"
-
-export function stick_vector_to_pixels(
-		radius: number | undefined,
-		vector: Vec2,
-	) {
-
-	return radius !== undefined
-		? vector.clone().multiply_(radius, -radius)
-		: Vec2.zero()
-}
-

package/s/nubs/stick-graphic/utils/transform.ts

@@ -1,10 +0,0 @@
-
-import {Vec2} from "@benev/math"
-
-export const transform = ({x, y}: Vec2) => `
-	transform: translate(
-		${x}px,
-		${y}px
-	);
-`
-