@benev/tact 0.3.0-5 → 0.4.0-1

package/s/_archive/nubs/vpad/styles.css.ts

@@ -1,134 +0,0 @@
-
-import {css} from "lit"
-export default css`
-
-:host {
-	pointer-events: none;
-
-	display: flex;
-	flex-direction: column;
-	container: my-layout / size;
-
-	width: 100%;
-	height: 100%;
-}
-
-* {
-	user-drag: none;
-	user-select: none;
-}
-
-button, [view="nub-stick"] {
-	pointer-events: all;
-}
-
-button {
-	font-size: 0.5em;
-	color: #fff;
-	text-shadow: .1em .2em .1em #000;
-	text-transform: uppercase;
-	display: inline-flex;
-	justify-content: center;
-	align-items: center;
-	background: #888;
-	box-shadow: .2em .4em .1em #000;
-
-	-webkit-tap-highlight-color: transparent;
-	&:is(:focus, :hover) {
-		outline: none;
-		background: #888;
-		filter: none;
-	}
-}
-
-.upper {
-	flex: 1 1 auto;
-	display: flex;
-	justify-content: center;
-	align-items: start;
-	gap: 0.5em;
-}
-
-.lower {
-	display: flex;
-	justify-content: space-between;
-}
-
-.side {
-	display: flex;
-	flex-direction: column;
-	gap: 1em;
-}
-
-.pad {
-	display: flex;
-	gap: 0.5em;
-
-	> div {
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		gap: 0.5em;
-	}
-}
-
-.shoulder {
-	display: flex;
-	gap: 0.5em;
-}
-
-.right {
-	align-items: end;
-}
-
-.right .shoulder {
-	flex-direction: row-reverse;
-}
-
-[x-code^="gamepad.trigger"] {
-	width: 6em;
-}
-
-[x-code^="gamepad.bumper"] {
-	width: 4em;
-}
-
-.stick {
-	width: 4em;
-}
-
-@container (min-width: 0px) {
-	.upper, .lower {
-		padding: 2cqh 2cqw;
-	}
-
-	button {
-		font-size: min(3cqh, 3cqw);
-		width: 7cqw;
-		height: 6cqh;
-	}
-
-	.upper button {
-		width: unset;
-		height: unset;
-	}
-
-	.shoulder button {
-		height: 9cqh;
-	}
-
-	.stick {
-		width: max(15cqw, 15cqh);
-	}
-
-	[x-code^="gamepad.trigger"] {
-		width: 9cqw;
-	}
-
-	[x-code^="gamepad.bumper"] {
-		width: 7cqw;
-	}
-}
-
-`
-

package/s/_archive/nubs/vpad/utils/gamepad-inputs.ts

@@ -1,42 +0,0 @@
-
-export type GamepadInputs = ReturnType<typeof gamepadInputs>
-
-export function gamepadInputs() {
-	return {
-		"gamepad.any": 0,
-
-		"gamepad.stick.left.up": 0,
-		"gamepad.stick.left.down": 0,
-		"gamepad.stick.left.left": 0,
-		"gamepad.stick.left.right": 0,
-
-		"gamepad.stick.right.up": 0,
-		"gamepad.stick.right.down": 0,
-		"gamepad.stick.right.left": 0,
-		"gamepad.stick.right.right": 0,
-
-		"gamepad.stick.left.click": 0,
-		"gamepad.stick.right.click": 0,
-
-		"gamepad.a": 0,
-		"gamepad.b": 0,
-		"gamepad.x": 0,
-		"gamepad.y": 0,
-
-		"gamepad.up": 0,
-		"gamepad.down": 0,
-		"gamepad.left": 0,
-		"gamepad.right": 0,
-
-		"gamepad.trigger.left": 0,
-		"gamepad.trigger.right": 0,
-
-		"gamepad.bumper.left": 0,
-		"gamepad.bumper.right": 0,
-
-		"gamepad.alpha": 0,
-		"gamepad.beta": 0,
-		"gamepad.gamma": 0,
-	}
-}
-

package/s/_archive/nubs/vpad/utils/prevent-default-touch-shenanigans.ts

@@ -1,12 +0,0 @@
-
-export function preventDefaultTouchShenanigans() {
-	const preventer = (e: TouchEvent) => e.preventDefault()
-	const opts = {passive: false}
-
-	window.addEventListener("touchmove", preventer, opts)
-
-	return () => {
-		window.removeEventListener("touchmove", preventer)
-	}
-}
-

package/s/_archive/nubs/vpad/utils/touch-tracking.ts

@@ -1,75 +0,0 @@
-
-import {ev, MapG} from "@e280/stz"
-
-export function touchTracking({target, buttons, touchdown, touchup}: {
-		target: Document | ShadowRoot
-		buttons: Set<HTMLButtonElement>
-		touchdown: (button: HTMLButtonElement) => void
-		touchup: (button: HTMLButtonElement) => void
-	}) {
-
-	const tracks = new MapG<number, Track>
-
-	function grabTrack(touch: Touch) {
-		return tracks.guarantee(touch.identifier, () => new Track(
-			touchdown,
-			touchup,
-		))
-	}
-
-	function underTouch(touch: Touch) {
-		const element = target.elementFromPoint(touch.clientX, touch.clientY)
-		return (element && element instanceof HTMLButtonElement && buttons.has(element))
-			? element
-			: undefined
-	}
-
-	function additive(event: TouchEvent) {
-		for (const touch of Array.from(event.touches)) {
-			const track = grabTrack(touch)
-			track.button = underTouch(touch)
-		}
-	}
-
-	function subtractive(event: TouchEvent) {
-		for (const touch of Array.from(event.changedTouches)) {
-			const track = grabTrack(touch)
-			track.button = undefined
-			tracks.delete(touch.identifier)
-		}
-	}
-
-	return ev(window, {
-		touchstart: additive,
-		touchmove: additive,
-		touchcancel: subtractive,
-		touchend: subtractive,
-	})
-}
-
-class Track {
-	#button: HTMLButtonElement | undefined = undefined
-
-	constructor(
-		public touchdown: (button: HTMLButtonElement) => void,
-		public touchup: (button: HTMLButtonElement) => void,
-	) {}
-
-	get button() {
-		return this.#button
-	}
-
-	set button(next: HTMLButtonElement | undefined) {
-		const previous = this.#button
-		const changed = next !== previous
-
-		this.#button = next
-
-		if (changed && previous) {
-			this.touchup(previous)
-		}
-		if (changed && next)
-			this.touchdown(next)
-	}
-}
-

package/s/_archive/nubs/vpad/view.ts

@@ -1,141 +0,0 @@
-
-import {html} from "lit"
-import {ev, GMap} from "@e280/stz"
-import {shadow, useCss, useMount, useName, useOnce, useRendered, useShadow} from "@e280/sly"
-
-import stylesCss from "./styles.css.js"
-
-import {NubStick} from "../stick/view.js"
-import {GamepadInputs} from "./utils/gamepad-inputs.js"
-import {touchTracking} from "./utils/touch-tracking.js"
-import {VpadDevice} from "../../core/devices/standard/vpad.js"
-import {preventDefaultTouchShenanigans} from "./utils/prevent-default-touch-shenanigans.js"
-
-export const NubVpad = shadow((device: VpadDevice) => {
-	useName("nub-vpad")
-	useCss(stylesCss)
-	const shadowRoot = useShadow()
-
-	const buttons = useOnce(() => new Set<HTMLButtonElement>())
-	const codes = useOnce(() => new GMap<HTMLButtonElement, keyof GamepadInputs>())
-
-	useRendered().then(() => {
-		const elements = Array.from(
-			shadowRoot.querySelectorAll<HTMLButtonElement>("button[x-code]")
-		)
-		for (const button of elements) {
-			const code = button.getAttribute("x-code")
-			if (code) {
-				buttons.add(button)
-				codes.set(button, code as keyof GamepadInputs)
-			}
-		}
-	})
-
-	useMount(() => preventDefaultTouchShenanigans())
-
-	useMount(() => touchTracking({
-		target: shadowRoot,
-		buttons,
-		touchdown: (button: HTMLButtonElement) => {
-			const code = codes.require(button)
-			device.setSample(code, 1)
-		},
-		touchup: (button: HTMLButtonElement) => {
-			const code = codes.require(button)
-			device.setSample(code, 0)
-		},
-	}))
-
-	useMount(() => ev(shadowRoot, {
-		contextmenu: (e: Event) => e.preventDefault(),
-	}))
-
-	function button(code: string, label: string) {
-		return html`
-			<button x-code="${code}">${label}</button>
-		`
-	}
-
-	function renderDPad() {
-		return html`
-			<div class=pad>
-				<div>
-					${button("gamepad.left", "w")}
-				</div>
-				<div>
-					${button("gamepad.up", "n")}
-					${button("gamepad.down", "s")}
-				</div>
-				<div>
-					${button("gamepad.right", "e")}
-				</div>
-			</div>
-		`
-	}
-
-	function renderButtonPad() {
-		return html`
-			<div class=pad>
-				<div>
-					${button("gamepad.x", "x")}
-				</div>
-				<div>
-					${button("gamepad.y", "y")}
-					${button("gamepad.a", "a")}
-				</div>
-				<div>
-					${button("gamepad.b", "b")}
-				</div>
-			</div>
-		`
-	}
-
-	function renderLeftShoulder() {
-		return html`
-			<div class=shoulder>
-				${button("gamepad.trigger.left", "lt")}
-				${button("gamepad.bumper.left", "lb")}
-				${button("gamepad.stick.left.click", "lc")}
-			</div>
-		`
-	}
-
-	function renderRightShoulder() {
-		return html`
-			<div class=shoulder>
-				${button("gamepad.trigger.right", "rt")}
-				${button("gamepad.bumper.right", "rb")}
-				${button("gamepad.stick.right.click", "rc")}
-			</div>
-		`
-	}
-
-	return html`
-		<div class=upper>
-			${button("gamepad.alpha", "alpha")}
-			${button("gamepad.beta", "beta")}
-			${button("gamepad.gamma", "gamma")}
-		</div>
-
-		<div class=lower>
-			<div class="left side">
-				${renderLeftShoulder()}
-				${renderDPad()}
-				${NubStick.with({
-					props: [device.stickLeft],
-					attrs: {class: "stick"},
-				})}
-			</div>
-
-			<div class="right side">
-				${renderRightShoulder()}
-				${renderButtonPad()}
-				${NubStick.with({
-					props: [device.stickRight],
-					attrs: {class: "stick"},
-				})}
-			</div>
-		</div>
-	`
-})

package/s/_archive/tests.test.ts

@@ -1,6 +0,0 @@
-
-import {Science} from "@e280/science"
-import bravo from "./bravo/test.js"
-
-await Science.run({bravo})
-

package/s/_archive/utils/circular-clamp.ts

@@ -1,14 +0,0 @@
-
-import {Scalar, Vec2, Xy} from "@benev/math"
-
-export function circularClamp(vector: Xy, range: Vec2) {
-	const v = Vec2.from(vector)
-	const distance = v.distance_(0, 0)
-	const modifiedDistance = Scalar.remap(
-		distance,
-		range.x, range.y,
-		0, 1,
-		true,
-	)
-	return v.normalize().mulBy(modifiedDistance)
-}

package/s/_archive/utils/dispensers.ts

@@ -1,20 +0,0 @@
-
-import {Dispenser, range} from "@e280/stz"
-
-const palette = (n: number) => range(n).map(i => {
-	const d = (i * (360 / n)) + 180
-	return `hsl(${d % 360}deg, 100%, 50%)`
-})
-
-export class ColorDispenser extends Dispenser<string> {
-	constructor() {
-		super(() => palette(12))
-	}
-}
-
-export class LetterDispenser extends Dispenser<string> {
-	constructor() {
-		super(() => [..."abcdefghijklmnopqrstuvwxyz"])
-	}
-}
-

package/s/_archive/utils/gamepads.ts

@@ -1,41 +0,0 @@
-
-import {Disposable, ev, GMap} from "@e280/stz"
-import {evergreen} from "./evergreen.js"
-
-/** 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()
-	}
-}
-
-/** track gamepad lifecycles as they connect or disconnect */
-export function gamepads(on: (pad: Pad) => () => void) {
-	const pads = new GMap<number, {pad: Pad, dispose: () => void}>()
-	return ev(window, {
-		gamepadconnected: ({gamepad}: GamepadEvent) => {
-			const get = () => navigator.getGamepads().at(gamepad.index)
-			const pad = new Pad(evergreen(gamepad, get))
-			const dispose = on(pad)
-			pads.set(gamepad.index, {pad, dispose})
-		},
-
-		gamepaddisconnected: ({gamepad}: GamepadEvent) => {
-			const result = pads.get(gamepad.index)
-			if (result) {
-				pads.delete(gamepad.index)
-				result.dispose()
-			}
-		},
-	})
-}
-
-export class Gamepads implements Disposable {
-	dispose: () => void
-	constructor(public on: (pad: Pad) => () => void) {
-		this.dispose = gamepads(on)
-	}
-}
-

package/s/_archive/utils/quick-math.ts

@@ -1,13 +0,0 @@
-
-export function tmax(values: number[]) {
-	return values.length > 0
-		? Math.max(...values)
-		: 0
-}
-
-export function tmin(values: number[]) {
-	return values.length > 0
-		? Math.min(...values)
-		: 0
-}
-

package/s/core/atom/defaults.ts

@@ -1,32 +0,0 @@
-
-import {Code, CodeSettings, CodeState} from "./types.js"
-
-export const defaultHoldTime = 250
-
-export function defaultCodeState([,,settings]: Code, now: number): CodeState {
-	return {
-		lastValue: 0,
-		holdStart: now,
-		settings: defaultifyCodeSettings(settings),
-	}
-}
-
-function defaultCodeSettings(): CodeSettings {
-	return {
-		scale: 1,
-		invert: false,
-		clamp: null,
-		range: null,
-		bottom: null,
-		top: null,
-		timing: ["direct"],
-	}
-}
-
-function defaultifyCodeSettings(partial: Partial<CodeSettings> = {}): CodeSettings {
-	return {
-		...defaultCodeSettings(),
-		...partial,
-	}
-}
-

package/s/core/atom/lens-algo.ts

@@ -1,84 +0,0 @@
-
-import {pipe} from "@e280/stz"
-import {CodeState} from "./types.js"
-import {defaultHoldTime} from "./defaults.js"
-import {isDown} from "../../utils/is-down.js"
-import {between, clamp, remap} from "@benev/math"
-
-export const lensAlgo = (
-		now: number,
-		state: CodeState,
-		v: number,
-	) => pipe(v).line(
-
-	function clippings(value) {
-		const {settings} = state
-		if (settings.clamp) {
-			const [bottom, top] = settings.clamp
-			value = clamp(value, bottom, top)
-		}
-		if (settings.range) {
-			const [bottom, top] = settings.range
-			value = between(value, bottom, top)
-				? remap(
-					value,
-					bottom, top,
-					0, 1,
-					true,
-				)
-				: 0
-		}
-		if (settings.bottom) value = (value < settings.bottom) ? 0 : value
-		if (settings.top) value = Math.min(settings.top, value)
-		return value
-	},
-
-	function inversion(value) {
-		return state.settings.invert
-			? 1 - value
-			: value
-	},
-
-	function scaling(value) {
-		return state.settings.scale * value
-	},
-
-	function timing(value) {
-		const {settings} = state
-
-		const holdTime = (
-			settings.timing[0] === "direct"
-				? undefined
-				: settings.timing[1]
-		) ?? defaultHoldTime
-
-		const isFreshlyPressed = !isDown(state.lastValue) && isDown(value)
-		const isFreshlyReleased = isDown(state.lastValue) && !isDown(value)
-
-		if (isFreshlyPressed)
-			state.holdStart = now
-
-		const isHolding = (now - state.holdStart) >= holdTime
-
-		state.lastValue = value
-
-		switch (settings.timing[0]) {
-			case "direct":
-				return value
-
-			case "tap":
-				return (isFreshlyReleased && !isHolding)
-					? 1
-					: 0
-
-			case "hold":
-				return (isDown(value) && isHolding)
-					? value
-					: 0
-
-			default:
-				throw new Error(`unknown bindings timing`)
-		}
-	},
-)
-

package/s/core/atom/types.ts

@@ -1,44 +0,0 @@
-
-export type Atom = string | (
-	| Code
-	| And
-	| Or
-	| Not
-	| Cond
-	| Mods
-)
-
-export type Code = ["code", string, settings?: Partial<CodeSettings>]
-export type And = ["and", ...Atom[]]
-export type Or = ["or", ...Atom[]]
-export type Not = ["not", Atom]
-export type Cond = ["cond", Atom, guard: Atom]
-export type Mods = ["mods", Atom, modifiers: Partial<Modifiers>]
-
-export type CodeSettings = {
-	scale: number
-	invert: boolean
-	clamp: null | [number, number]
-	range: null | [number, number]
-	bottom: null | number
-	top: null | number
-	timing: (
-		| ["direct"]
-		| ["tap", holdTime?: number]
-		| ["hold", holdTime?: number]
-	)
-}
-
-export type CodeState = {
-	settings: CodeSettings
-	lastValue: number
-	holdStart: number
-}
-
-export type Modifiers = {
-	ctrl: boolean
-	alt: boolean
-	shift: boolean
-	meta: boolean
-}
-

package/s/core/bindings/normalize.ts

@@ -1,27 +0,0 @@
-
-import {deep, is} from "@e280/stz"
-import {Bindings} from "../types.js"
-
-export function normalizeBindings<B extends Bindings>(
-		standard: B,
-		suspect: any,
-	): B {
-
-	const fresh = deep.clone(standard)
-
-	if (!is.object(suspect))
-		return fresh
-
-	for (const [modeName, freshBracket] of Object.entries(fresh)) {
-		const suspectBracket = suspect[modeName]
-		if (!is.object(suspectBracket)) continue
-
-		for (const [actionName, freshAtom] of Object.entries(freshBracket)) {
-			const suspectAtom = suspectBracket[actionName]
-			freshBracket[actionName] = suspectAtom ?? freshAtom
-		}
-	}
-
-	return fresh
-}
-

package/s/core/bindings/shape.ts

@@ -1,15 +0,0 @@
-
-import {obMap} from "@e280/stz"
-import {bindingsTable} from "./table.js"
-import {Bindings, BindingsShape} from "../types.js"
-
-export function bindingsShape<B extends Bindings>(data: B) {
-	const table = bindingsTable(data)
-	const shape = obMap(data, bracket => obMap(bracket, () => 0)) as any
-
-	for (const [id, {mode, action}] of table)
-		shape[mode][action] = id
-
-	return shape as BindingsShape<B>
-}
-