@joystyk/arcade 0.0.0 → 0.2.0

package/dist/input.js

@@ -0,0 +1,226 @@
+import { swipeDirection } from "./legacy.js";
+//#region src/input.ts
+function bindInput(o) {
+	const abort = new AbortController(), { signal } = abort;
+	const held = /* @__PURE__ */ new Map();
+	const set = (action, on, source) => {
+		const sources = held.get(action) ?? /* @__PURE__ */ new Set(), before = sources.size > 0;
+		if (on) sources.add(source);
+		else sources.delete(source);
+		held.set(action, sources);
+		if (before !== sources.size > 0) o.emit(action, sources.size > 0);
+	};
+	const release = (prefix) => {
+		for (const [action, sources] of held) for (const source of [...sources]) if (source.startsWith(prefix)) set(action, false, source);
+	};
+	const key = (e, on) => {
+		if (e.target instanceof HTMLElement && e.target.closest("input, select, textarea, button, [contenteditable]")) return;
+		const name = e.key.toLowerCase(), action = o.keys[name];
+		if (action === void 0 || e.ctrlKey || e.altKey || e.metaKey || name.length === 1 && name.trim() !== "" && !o.shortcuts()) return;
+		e.preventDefault();
+		if (!e.repeat || !on) set(action, on, `key:${name}`);
+	};
+	o.surface.addEventListener("keydown", (e) => key(e, true), { signal });
+	o.surface.addEventListener("keyup", (e) => key(e, false), { signal });
+	window.addEventListener("blur", () => {
+		release("");
+		o.drag?.(0, 0);
+	}, { signal });
+	let pointer = null;
+	o.surface.addEventListener("pointerdown", (e) => {
+		if (e.button !== 0 || e.target instanceof Element && e.target.closest("button, select, input")) return;
+		pointer = {
+			id: e.pointerId,
+			x: e.clientX,
+			y: e.clientY
+		};
+		o.surface.focus();
+		try {
+			o.surface.setPointerCapture?.(e.pointerId);
+		} catch {}
+	}, { signal });
+	o.surface.addEventListener("pointermove", (e) => {
+		if (pointer?.id !== e.pointerId || o.gesture !== "drag") return;
+		const x = e.clientX - pointer.x, y = e.clientY - pointer.y;
+		if (Math.hypot(x, y) >= (o.deadZone ?? 16)) o.drag?.(x, y);
+		else o.drag?.(0, 0);
+	}, { signal });
+	const end = (e) => {
+		if (pointer?.id !== e.pointerId) return;
+		const x = e.clientX - pointer.x, y = e.clientY - pointer.y;
+		pointer = null;
+		if (o.gesture === "drag") {
+			o.drag?.(0, 0);
+			return;
+		}
+		const action = o.gesture === "swipe" ? swipeDirection(x, y) ?? "main" : "main";
+		o.emit(action, true);
+		o.emit(action, false);
+	};
+	o.surface.addEventListener("pointerup", end, { signal });
+	o.surface.addEventListener("pointercancel", () => {
+		pointer = null;
+		o.drag?.(0, 0);
+	}, { signal });
+	let controller = null, last = /* @__PURE__ */ new Set(), raf = 0;
+	const frame = o.frame ?? requestAnimationFrame, cancel = o.cancelFrame ?? cancelAnimationFrame;
+	const poll = () => {
+		const pads = [...o.gamepads?.() ?? navigator.getGamepads?.() ?? []].filter((p) => p !== null && p.connected && p.mapping === "standard");
+		const pad = pads.find((p) => p.index === controller) ?? pads[0];
+		if ((pad?.index ?? null) !== controller) {
+			release("pad:");
+			last = /* @__PURE__ */ new Set();
+			controller = pad?.index ?? null;
+			o.announce(pad === void 0 ? "Controller disconnected." : "Controller connected.");
+		}
+		const next = /* @__PURE__ */ new Set();
+		if (pad !== void 0) {
+			const b = (i) => pad.buttons[i]?.pressed === true;
+			const x = pad.axes[0] ?? 0, y = pad.axes[1] ?? 0;
+			if (b(12) || o.gesture !== "drag" && y < -.3) next.add("up");
+			if (b(13) || o.gesture !== "drag" && y > .3) next.add("down");
+			if (b(14) || o.gesture !== "drag" && x < -.3) next.add("left");
+			if (b(15) || o.gesture !== "drag" && x > .3) next.add("right");
+			if (b(0) || b(7)) next.add("main");
+			if (b(9)) next.add("pause");
+			if (o.gesture === "drag") o.drag?.(Math.hypot(x, y) > .3 ? x : 0, Math.hypot(x, y) > .3 ? y : 0);
+		}
+		for (const action of /* @__PURE__ */ new Set([...last, ...next])) set(action, next.has(action), `pad:${action}`);
+		last = next;
+		raf = frame(poll);
+	};
+	raf = frame(poll);
+	return () => {
+		abort.abort();
+		cancel(raf);
+		release("");
+	};
+}
+/** Native hold buttons also support keyboard and switch activation. */
+function bindHold(button, emit) {
+	const abort = new AbortController(), { signal } = abort;
+	let down = false;
+	const set = (value) => {
+		if (down !== value) {
+			down = value;
+			emit(value);
+		}
+	};
+	button.addEventListener("pointerdown", (e) => {
+		if (e.button === 0) {
+			try {
+				button.setPointerCapture?.(e.pointerId);
+			} catch {}
+			set(true);
+		}
+	}, { signal });
+	button.addEventListener("pointerup", () => set(false), { signal });
+	button.addEventListener("pointercancel", () => set(false), { signal });
+	button.addEventListener("keydown", (e) => {
+		if (e.key === " " || e.key === "Enter") {
+			e.preventDefault();
+			set(true);
+		}
+	}, { signal });
+	button.addEventListener("keyup", () => set(false), { signal });
+	button.addEventListener("blur", () => set(false), { signal });
+	return () => {
+		abort.abort();
+		set(false);
+	};
+}
+/** Delegated holds survive Gyral updates that add or replace native pad buttons. */
+function bindHoldPad(root, selector, emit, signal) {
+	const abort = new AbortController(), held = /* @__PURE__ */ new Map();
+	const find = (target) => {
+		const button = target instanceof Element ? target.closest(selector) : null;
+		return button instanceof HTMLButtonElement && !button.disabled ? button : null;
+	};
+	const release = (source) => {
+		const button = held.get(source);
+		if (button !== void 0) {
+			held.delete(source);
+			emit(button, false, source);
+		}
+	};
+	const press = (button, source) => {
+		if (held.has(source)) return;
+		held.set(source, button);
+		emit(button, true, source);
+	};
+	root.addEventListener("pointerdown", (event) => {
+		if (!(event instanceof PointerEvent) || event.button !== 0) return;
+		const button = find(event.target);
+		if (button === null) return;
+		event.preventDefault();
+		button.focus({ preventScroll: true });
+		try {
+			button.setPointerCapture(event.pointerId);
+		} catch {}
+		press(button, `pointer:${event.pointerId}`);
+	}, { signal: abort.signal });
+	for (const type of [
+		"pointerup",
+		"pointercancel",
+		"lostpointercapture"
+	]) root.addEventListener(type, (event) => {
+		if (event instanceof PointerEvent) release(`pointer:${event.pointerId}`);
+	}, { signal: abort.signal });
+	root.addEventListener("keydown", (event) => {
+		if (!(event instanceof KeyboardEvent) || ![" ", "Enter"].includes(event.key)) return;
+		const button = find(event.target);
+		if (button === null) return;
+		event.preventDefault();
+		if (!event.repeat) press(button, `key:${event.code || event.key}`);
+	}, { signal: abort.signal });
+	root.addEventListener("keyup", (event) => {
+		if (event instanceof KeyboardEvent && [" ", "Enter"].includes(event.key)) release(`key:${event.code || event.key}`);
+	}, { signal: abort.signal });
+	root.addEventListener("focusout", (event) => {
+		for (const [source, button] of held) if (event.target === button) release(source);
+	}, { signal: abort.signal });
+	window.addEventListener("blur", () => {
+		for (const source of [...held.keys()]) release(source);
+	}, { signal: abort.signal });
+	const stop = () => {
+		abort.abort();
+		for (const source of [...held.keys()]) release(source);
+	};
+	signal?.addEventListener("abort", stop, { once: true });
+	return stop;
+}
+/** Absolute dragging for paddles; games own projection into their court's units. */
+function bindDrag(surface, o, signal) {
+	const abort = new AbortController();
+	let pointer = null;
+	surface.addEventListener("pointerdown", (event) => {
+		if (o.primaryOnly !== false && !event.isPrimary || event.button !== 0 || o.start(event) === false) return;
+		pointer = event.pointerId;
+		if (o.capture !== false) try {
+			surface.setPointerCapture(event.pointerId);
+		} catch {}
+	}, { signal: abort.signal });
+	surface.addEventListener("pointermove", (event) => {
+		if (pointer === event.pointerId || o.hoverMouse && event.pointerType === "mouse") o.move(event);
+	}, { signal: abort.signal });
+	for (const type of [
+		"pointerup",
+		"pointercancel",
+		"lostpointercapture"
+	]) surface.addEventListener(type, () => {
+		pointer = null;
+	}, { signal: abort.signal });
+	window.addEventListener("blur", () => {
+		pointer = null;
+	}, { signal: abort.signal });
+	const stop = () => {
+		abort.abort();
+		pointer = null;
+	};
+	signal?.addEventListener("abort", stop, { once: true });
+	return stop;
+}
+//#endregion
+export { bindDrag, bindHold, bindHoldPad, bindInput };
+
+//# sourceMappingURL=input.js.map

package/dist/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":[],"sources":["../src/input.ts"],"sourcesContent":["import { swipeDirection } from './legacy.ts';\n/** All sources share the same actions. A held action is released on blur or disconnect. */\nexport type InputAction = 'up' | 'down' | 'left' | 'right' | 'main' | 'pause' | 'auxiliary';\nexport type InputOptions = {\n  readonly surface: HTMLElement;\n  readonly keys: Readonly<Record<string, InputAction>>;\n  readonly shortcuts: () => boolean;\n  readonly emit: (action: InputAction, held: boolean) => void;\n  readonly announce: (text: string) => void;\n  readonly gesture?: 'swipe' | 'tap' | 'drag';\n  readonly drag?: (x: number, y: number) => void;\n  readonly deadZone?: number;\n  readonly gamepads?: () => readonly (Gamepad | null)[];\n  readonly frame?: (callback: FrameRequestCallback) => number;\n  readonly cancelFrame?: (id: number) => void;\n};\nexport function bindInput(o: InputOptions): () => void {\n  const abort = new AbortController(),\n    { signal } = abort;\n  const held = new Map<InputAction, Set<string>>();\n  const set = (action: InputAction, on: boolean, source: string): void => {\n    const sources = held.get(action) ?? new Set<string>(),\n      before = sources.size > 0;\n    if (on) sources.add(source);\n    else sources.delete(source);\n    held.set(action, sources);\n    if (before !== sources.size > 0) o.emit(action, sources.size > 0);\n  };\n  const release = (prefix: string): void => {\n    for (const [action, sources] of held)\n      for (const source of [...sources]) if (source.startsWith(prefix)) set(action, false, source);\n  };\n  const key = (e: KeyboardEvent, on: boolean): void => {\n    if (e.target instanceof HTMLElement && e.target.closest('input, select, textarea, button, [contenteditable]'))\n      return;\n    const name = e.key.toLowerCase(),\n      action = o.keys[name];\n    if (\n      action === undefined ||\n      e.ctrlKey ||\n      e.altKey ||\n      e.metaKey ||\n      (name.length === 1 && name.trim() !== '' && !o.shortcuts())\n    )\n      return;\n    e.preventDefault();\n    if (!e.repeat || !on) set(action, on, `key:${name}`);\n  };\n  o.surface.addEventListener('keydown', (e) => key(e, true), { signal });\n  o.surface.addEventListener('keyup', (e) => key(e, false), { signal });\n  window.addEventListener(\n    'blur',\n    () => {\n      release('');\n      o.drag?.(0, 0);\n    },\n    { signal },\n  );\n  let pointer: {\n    id: number;\n    x: number;\n    y: number;\n  } | null = null;\n  o.surface.addEventListener(\n    'pointerdown',\n    (e) => {\n      if (e.button !== 0 || (e.target instanceof Element && e.target.closest('button, select, input'))) return;\n      pointer = { id: e.pointerId, x: e.clientX, y: e.clientY };\n      o.surface.focus();\n      try {\n        o.surface.setPointerCapture?.(e.pointerId);\n      } catch {\n        /* Pointer released before capture. */\n      }\n    },\n    { signal },\n  );\n  o.surface.addEventListener(\n    'pointermove',\n    (e) => {\n      if (pointer?.id !== e.pointerId || o.gesture !== 'drag') return;\n      const x = e.clientX - pointer.x,\n        y = e.clientY - pointer.y;\n      if (Math.hypot(x, y) >= (o.deadZone ?? 16)) o.drag?.(x, y);\n      else o.drag?.(0, 0);\n    },\n    { signal },\n  );\n  const end = (e: PointerEvent): void => {\n    if (pointer?.id !== e.pointerId) return;\n    const x = e.clientX - pointer.x,\n      y = e.clientY - pointer.y;\n    pointer = null;\n    if (o.gesture === 'drag') {\n      o.drag?.(0, 0);\n      return;\n    }\n    const action = o.gesture === 'swipe' ? (swipeDirection(x, y) ?? 'main') : 'main';\n    o.emit(action, true);\n    o.emit(action, false);\n  };\n  o.surface.addEventListener('pointerup', end, { signal });\n  o.surface.addEventListener(\n    'pointercancel',\n    () => {\n      pointer = null;\n      o.drag?.(0, 0);\n    },\n    { signal },\n  );\n  let controller: number | null = null,\n    last = new Set<InputAction>(),\n    raf = 0;\n  const frame = o.frame ?? requestAnimationFrame,\n    cancel = o.cancelFrame ?? cancelAnimationFrame;\n  const poll = (): void => {\n    const pads = [...(o.gamepads?.() ?? navigator.getGamepads?.() ?? [])].filter(\n      (p): p is Gamepad => p !== null && p.connected && p.mapping === 'standard',\n    );\n    const pad = pads.find((p) => p.index === controller) ?? pads[0];\n    if ((pad?.index ?? null) !== controller) {\n      release('pad:');\n      last = new Set();\n      controller = pad?.index ?? null;\n      o.announce(pad === undefined ? 'Controller disconnected.' : 'Controller connected.');\n    }\n    const next = new Set<InputAction>();\n    if (pad !== undefined) {\n      const b = (i: number): boolean => pad.buttons[i]?.pressed === true;\n      const x = pad.axes[0] ?? 0,\n        y = pad.axes[1] ?? 0;\n      if (b(12) || (o.gesture !== 'drag' && y < -0.3)) next.add('up');\n      if (b(13) || (o.gesture !== 'drag' && y > 0.3)) next.add('down');\n      if (b(14) || (o.gesture !== 'drag' && x < -0.3)) next.add('left');\n      if (b(15) || (o.gesture !== 'drag' && x > 0.3)) next.add('right');\n      if (b(0) || b(7)) next.add('main');\n      if (b(9)) next.add('pause');\n      if (o.gesture === 'drag') o.drag?.(Math.hypot(x, y) > 0.3 ? x : 0, Math.hypot(x, y) > 0.3 ? y : 0);\n    }\n    for (const action of new Set([...last, ...next])) set(action, next.has(action), `pad:${action}`);\n    last = next;\n    raf = frame(poll);\n  };\n  raf = frame(poll);\n  return () => {\n    abort.abort();\n    cancel(raf);\n    release('');\n  };\n}\n/** Native hold buttons also support keyboard and switch activation. */\nexport function bindHold(button: HTMLButtonElement, emit: (held: boolean) => void): () => void {\n  const abort = new AbortController(),\n    { signal } = abort;\n  let down = false;\n  const set = (value: boolean): void => {\n    if (down !== value) {\n      down = value;\n      emit(value);\n    }\n  };\n  button.addEventListener(\n    'pointerdown',\n    (e) => {\n      if (e.button === 0) {\n        try {\n          button.setPointerCapture?.(e.pointerId);\n        } catch {\n          /* Pointer released before capture. */\n        }\n        set(true);\n      }\n    },\n    { signal },\n  );\n  button.addEventListener('pointerup', () => set(false), { signal });\n  button.addEventListener('pointercancel', () => set(false), { signal });\n  button.addEventListener(\n    'keydown',\n    (e) => {\n      if (e.key === ' ' || e.key === 'Enter') {\n        e.preventDefault();\n        set(true);\n      }\n    },\n    { signal },\n  );\n  button.addEventListener('keyup', () => set(false), { signal });\n  button.addEventListener('blur', () => set(false), { signal });\n  return () => {\n    abort.abort();\n    set(false);\n  };\n}\n\n/** Delegated holds survive Gyral updates that add or replace native pad buttons. */\nexport function bindHoldPad(\n  root: HTMLElement | ShadowRoot,\n  selector: string,\n  emit: (button: HTMLButtonElement, on: boolean, source: string) => void,\n  signal?: AbortSignal,\n): () => void {\n  const abort = new AbortController(),\n    held = new Map<string, HTMLButtonElement>();\n  const find = (target: EventTarget | null): HTMLButtonElement | null => {\n    const button = target instanceof Element ? target.closest(selector) : null;\n    return button instanceof HTMLButtonElement && !button.disabled ? button : null;\n  };\n  const release = (source: string): void => {\n    const button = held.get(source);\n    if (button !== undefined) {\n      held.delete(source);\n      emit(button, false, source);\n    }\n  };\n  const press = (button: HTMLButtonElement, source: string): void => {\n    if (held.has(source)) return;\n    held.set(source, button);\n    emit(button, true, source);\n  };\n  root.addEventListener(\n    'pointerdown',\n    (event) => {\n      if (!(event instanceof PointerEvent) || event.button !== 0) return;\n      const button = find(event.target);\n      if (button === null) return;\n      event.preventDefault();\n      button.focus({ preventScroll: true });\n      try {\n        button.setPointerCapture(event.pointerId);\n      } catch {\n        /* The pointer may already be released. */\n      }\n      press(button, `pointer:${event.pointerId}`);\n    },\n    { signal: abort.signal },\n  );\n  for (const type of ['pointerup', 'pointercancel', 'lostpointercapture'])\n    root.addEventListener(\n      type,\n      (event) => {\n        if (event instanceof PointerEvent) release(`pointer:${event.pointerId}`);\n      },\n      { signal: abort.signal },\n    );\n  root.addEventListener(\n    'keydown',\n    (event) => {\n      if (!(event instanceof KeyboardEvent) || ![' ', 'Enter'].includes(event.key)) return;\n      const button = find(event.target);\n      if (button === null) return;\n      event.preventDefault();\n      if (!event.repeat) press(button, `key:${event.code || event.key}`);\n    },\n    { signal: abort.signal },\n  );\n  root.addEventListener(\n    'keyup',\n    (event) => {\n      if (event instanceof KeyboardEvent && [' ', 'Enter'].includes(event.key))\n        release(`key:${event.code || event.key}`);\n    },\n    { signal: abort.signal },\n  );\n  root.addEventListener(\n    'focusout',\n    (event) => {\n      for (const [source, button] of held) if (event.target === button) release(source);\n    },\n    { signal: abort.signal },\n  );\n  window.addEventListener(\n    'blur',\n    () => {\n      for (const source of [...held.keys()]) release(source);\n    },\n    { signal: abort.signal },\n  );\n  const stop = (): void => {\n    abort.abort();\n    for (const source of [...held.keys()]) release(source);\n  };\n  signal?.addEventListener('abort', stop, { once: true });\n  return stop;\n}\n\n/** Absolute dragging for paddles; games own projection into their court's units. */\nexport function bindDrag(\n  surface: HTMLElement,\n  o: {\n    start(event: PointerEvent): boolean | void;\n    move(event: PointerEvent): void;\n    hoverMouse?: boolean;\n    capture?: boolean;\n    primaryOnly?: boolean;\n  },\n  signal?: AbortSignal,\n): () => void {\n  const abort = new AbortController();\n  let pointer: number | null = null;\n  surface.addEventListener(\n    'pointerdown',\n    (event) => {\n      if ((o.primaryOnly !== false && !event.isPrimary) || event.button !== 0 || o.start(event) === false) return;\n      pointer = event.pointerId;\n      if (o.capture !== false)\n        try {\n          surface.setPointerCapture(event.pointerId);\n        } catch {\n          /* Released before capture. */\n        }\n    },\n    { signal: abort.signal },\n  );\n  surface.addEventListener(\n    'pointermove',\n    (event) => {\n      if (pointer === event.pointerId || (o.hoverMouse && event.pointerType === 'mouse')) o.move(event);\n    },\n    { signal: abort.signal },\n  );\n  for (const type of ['pointerup', 'pointercancel', 'lostpointercapture'])\n    surface.addEventListener(\n      type,\n      () => {\n        pointer = null;\n      },\n      { signal: abort.signal },\n    );\n  window.addEventListener(\n    'blur',\n    () => {\n      pointer = null;\n    },\n    { signal: abort.signal },\n  );\n  const stop = (): void => {\n    abort.abort();\n    pointer = null;\n  };\n  signal?.addEventListener('abort', stop, { once: true });\n  return stop;\n}\n"],"mappings":"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"}

package/dist/legacy.d.ts

@@ -0,0 +1,28 @@
+import { type DriverOverrides } from '@gyral/core';
+/** Shared driver adapter; callers keep their public driver names and typed HUD projection. */
+export declare function createControlDrivers<Snapshot, Hud, Action>(o: {
+    hud: string;
+    action: string;
+    subscribe: (emit: (snapshot: Snapshot) => void) => () => void;
+    project: (snapshot: Snapshot) => Hud;
+    same: (a: Hud, b: Hud) => boolean;
+    dispatch: (action: Action) => void;
+}): DriverOverrides;
+/** A countdown handle is a cancellation function, so disposal cannot leave a late resume. */
+export declare function resumeAfter(delay: number, done: () => void): () => void;
+/** Shared automatic pause lifecycle. No resume is inferred from gaining focus. */
+export declare function bindPagePause(pause: () => void, signal?: AbortSignal): () => void;
+export declare const SWIPE_THRESHOLD = 24;
+export declare function swipeDirection(x: number, y: number, threshold?: number): 'up' | 'down' | 'left' | 'right' | null;
+export declare const ARROW_DIRECTIONS: {
+    readonly arrowup: "up";
+    readonly arrowdown: "down";
+    readonly arrowleft: "left";
+    readonly arrowright: "right";
+};
+export declare const LETTER_DIRECTIONS: {
+    readonly w: "up";
+    readonly s: "down";
+    readonly a: "left";
+    readonly d: "right";
+};

package/dist/legacy.js

@@ -0,0 +1,66 @@
+import { defineDriver, subscription } from "@gyral/core";
+//#region src/legacy.ts
+/** Shared driver adapter; callers keep their public driver names and typed HUD projection. */
+function createControlDrivers(o) {
+	return {
+		[o.hud]: subscription(o.hud, (emit) => {
+			let last;
+			return o.subscribe((snapshot) => {
+				const next = o.project(snapshot);
+				if (last !== void 0 && o.same(last, next)) return;
+				last = next;
+				emit(next);
+			});
+		}),
+		[o.action]: defineDriver({
+			name: o.action,
+			run: o.dispatch
+		})
+	};
+}
+/** A countdown handle is a cancellation function, so disposal cannot leave a late resume. */
+function resumeAfter(delay, done) {
+	let active = true;
+	const timer = setTimeout(() => {
+		if (active) {
+			active = false;
+			done();
+		}
+	}, delay);
+	return () => {
+		active = false;
+		clearTimeout(timer);
+	};
+}
+/** Shared automatic pause lifecycle. No resume is inferred from gaining focus. */
+function bindPagePause(pause, signal) {
+	const abort = new AbortController();
+	signal?.addEventListener("abort", () => abort.abort(), { once: true });
+	window.addEventListener("blur", pause, { signal: abort.signal });
+	window.addEventListener("pagehide", pause, { signal: abort.signal });
+	document.addEventListener("visibilitychange", () => {
+		if (document.hidden) pause();
+	}, { signal: abort.signal });
+	return () => abort.abort();
+}
+var SWIPE_THRESHOLD = 24;
+function swipeDirection(x, y, threshold = 24) {
+	if (Math.max(Math.abs(x), Math.abs(y)) < threshold) return null;
+	return Math.abs(x) > Math.abs(y) ? x > 0 ? "right" : "left" : y > 0 ? "down" : "up";
+}
+var ARROW_DIRECTIONS = {
+	arrowup: "up",
+	arrowdown: "down",
+	arrowleft: "left",
+	arrowright: "right"
+};
+var LETTER_DIRECTIONS = {
+	w: "up",
+	s: "down",
+	a: "left",
+	d: "right"
+};
+//#endregion
+export { ARROW_DIRECTIONS, LETTER_DIRECTIONS, SWIPE_THRESHOLD, bindPagePause, createControlDrivers, resumeAfter, swipeDirection };
+
+//# sourceMappingURL=legacy.js.map

package/dist/legacy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacy.js","names":[],"sources":["../src/legacy.ts"],"sourcesContent":["import { defineDriver, subscription, type DriverOverrides } from '@gyral/core';\n/** Shared driver adapter; callers keep their public driver names and typed HUD projection. */\nexport function createControlDrivers<Snapshot, Hud, Action>(o: {\n  hud: string;\n  action: string;\n  subscribe: (emit: (snapshot: Snapshot) => void) => () => void;\n  project: (snapshot: Snapshot) => Hud;\n  same: (a: Hud, b: Hud) => boolean;\n  dispatch: (action: Action) => void;\n}): DriverOverrides {\n  return {\n    [o.hud]: subscription<Hud>(o.hud, (emit) => {\n      let last: Hud | undefined;\n      return o.subscribe((snapshot) => {\n        const next = o.project(snapshot);\n        if (last !== undefined && o.same(last, next)) return;\n        last = next;\n        emit(next);\n      });\n    }),\n    [o.action]: defineDriver<Action, void>({ name: o.action, run: o.dispatch }),\n  };\n}\n/** A countdown handle is a cancellation function, so disposal cannot leave a late resume. */\nexport function resumeAfter(delay: number, done: () => void): () => void {\n  let active = true;\n  const timer = setTimeout(() => {\n    if (active) {\n      active = false;\n      done();\n    }\n  }, delay);\n  return () => {\n    active = false;\n    clearTimeout(timer);\n  };\n}\n/** Shared automatic pause lifecycle. No resume is inferred from gaining focus. */\nexport function bindPagePause(pause: () => void, signal?: AbortSignal): () => void {\n  const abort = new AbortController();\n  signal?.addEventListener('abort', () => abort.abort(), { once: true });\n  window.addEventListener('blur', pause, { signal: abort.signal });\n  window.addEventListener('pagehide', pause, { signal: abort.signal });\n  document.addEventListener(\n    'visibilitychange',\n    () => {\n      if (document.hidden) pause();\n    },\n    { signal: abort.signal },\n  );\n  return () => abort.abort();\n}\nexport const SWIPE_THRESHOLD = 24;\nexport function swipeDirection(\n  x: number,\n  y: number,\n  threshold = SWIPE_THRESHOLD,\n): 'up' | 'down' | 'left' | 'right' | null {\n  if (Math.max(Math.abs(x), Math.abs(y)) < threshold) return null;\n  return Math.abs(x) > Math.abs(y) ? (x > 0 ? 'right' : 'left') : y > 0 ? 'down' : 'up';\n}\nexport const ARROW_DIRECTIONS = { arrowup: 'up', arrowdown: 'down', arrowleft: 'left', arrowright: 'right' } as const;\nexport const LETTER_DIRECTIONS = { w: 'up', s: 'down', a: 'left', d: 'right' } as const;\n"],"mappings":";;;AAEA,SAAgB,qBAA4C,GAOxC;CAClB,OAAO;GACJ,EAAE,MAAM,aAAkB,EAAE,MAAM,SAAS;GAC1C,IAAI;GACJ,OAAO,EAAE,WAAW,aAAa;IAC/B,MAAM,OAAO,EAAE,QAAQ,QAAQ;IAC/B,IAAI,SAAS,KAAA,KAAa,EAAE,KAAK,MAAM,IAAI,GAAG;IAC9C,OAAO;IACP,KAAK,IAAI;GACX,CAAC;EACH,CAAC;GACA,EAAE,SAAS,aAA2B;GAAE,MAAM,EAAE;GAAQ,KAAK,EAAE;EAAS,CAAC;CAC5E;AACF;;AAEA,SAAgB,YAAY,OAAe,MAA8B;CACvE,IAAI,SAAS;CACb,MAAM,QAAQ,iBAAiB;EAC7B,IAAI,QAAQ;GACV,SAAS;GACT,KAAK;EACP;CACF,GAAG,KAAK;CACR,aAAa;EACX,SAAS;EACT,aAAa,KAAK;CACpB;AACF;;AAEA,SAAgB,cAAc,OAAmB,QAAkC;CACjF,MAAM,QAAQ,IAAI,gBAAgB;CAClC,QAAQ,iBAAiB,eAAe,MAAM,MAAM,GAAG,EAAE,MAAM,KAAK,CAAC;CACrE,OAAO,iBAAiB,QAAQ,OAAO,EAAE,QAAQ,MAAM,OAAO,CAAC;CAC/D,OAAO,iBAAiB,YAAY,OAAO,EAAE,QAAQ,MAAM,OAAO,CAAC;CACnE,SAAS,iBACP,0BACM;EACJ,IAAI,SAAS,QAAQ,MAAM;CAC7B,GACA,EAAE,QAAQ,MAAM,OAAO,CACzB;CACA,aAAa,MAAM,MAAM;AAC3B;AACA,IAAa,kBAAkB;AAC/B,SAAgB,eACd,GACA,GACA,YAAA,IACyC;CACzC,IAAI,KAAK,IAAI,KAAK,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC,IAAI,WAAW,OAAO;CAC3D,OAAO,KAAK,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,IAAK,IAAI,IAAI,UAAU,SAAU,IAAI,IAAI,SAAS;AACnF;AACA,IAAa,mBAAmB;CAAE,SAAS;CAAM,WAAW;CAAQ,WAAW;CAAQ,YAAY;AAAQ;AAC3G,IAAa,oBAAoB;CAAE,GAAG;CAAM,GAAG;CAAQ,GAAG;CAAQ,GAAG;AAAQ"}

package/dist/panel.d.ts

@@ -0,0 +1,41 @@
+import { type DriverOverrides } from '@gyral/core';
+import type { Pace } from './records.js';
+export type Hud = {
+    title: string;
+    status: string;
+    phase: string;
+    paused: boolean;
+    resuming: boolean;
+    pace: Pace;
+    daily: boolean;
+    best: number;
+    race: boolean;
+    pad: boolean;
+    tone: boolean;
+    autoFire: boolean;
+    graphics: string;
+    loaded: boolean;
+    alignment: boolean;
+    shooter: boolean;
+};
+export type PanelAction = {
+    type: 'primary' | 'race' | 'pad' | 'tone' | 'fire';
+} | {
+    type: 'pace';
+    pace: Pace;
+} | {
+    type: 'graphics';
+    value: 'auto' | 'low' | 'medium' | 'high';
+};
+type Msg = {
+    _tag: 'Changed';
+    hud: Hud;
+} | {
+    _tag: 'Action';
+    action: PanelAction;
+};
+export declare const ArcadePanel: import("@gyral/core").GyralElementClass<{
+    hud: Hud;
+}, Msg, object, never, "Primary" | "Race" | "Pad" | "Tone" | "Fire" | "Pace" | "Graphics">;
+export declare const panelDrivers: (listen: (emit: (hud: Hud) => void) => () => void, perform: (action: PanelAction) => void) => DriverOverrides;
+export {};