Eric WagonerandClaude Fable 5.1
33ac0ec808
From the hnefatafl repo's pass of the same day, everything that touched a kit-shared file. The visitors digest and the nightly rollup share deploy/traffic.py, installed to /usr/local/lib/<slug>; the rollup writes the finished-games count it computed behind "and False". pull-reports.sh and the reports skill both use deploy/report-digest.ts. The seat line requires its token hash and the start line its rules revision; the migration for ledgers written before hashing goes with them. The route table in server/src/index.ts lists every route; Report, ReportLine and Tally are declared once in view.ts for both sides; exports nobody imported are exports no more. In the client: .small, the × that dismisses, and the frame of the reading pages are in app.css once; the preferences panel shares the report slip's modal shape; the room store gains seatEmpty and seatUnheld, and the lobby and the join page read those instead of three spellings of their own. The room's moved and awaiting fields stay: the demo board reads them, and simultaneous rounds are the contract. The deploy README no longer describes a browser-only game; the visitors skill no longer names a /play route; the reports skill's replay call carries the room's options. The Slack channel id is passed in the environment rather than filled in as a placeholder. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01GwFKMuQnPAEHJ5yA1q4orh
64 lines
2.5 KiB
TypeScript
64 lines
2.5 KiB
TypeScript
// Preferences: what this browser remembers about how its player likes to
|
|
// play. The kit's own settings are motion and whether a move is confirmed
|
|
// before it is sent; a game declares more in GameSpec.preferences, and the
|
|
// panel renders every declaration. Nothing here leaves the browser.
|
|
|
|
import { game } from '$lib/game';
|
|
import type { Preference } from '$lib/game/spec';
|
|
|
|
/** The settings every game in the kit shares. */
|
|
const KIT_PREFERENCES: Preference[] = [
|
|
{ key: 'motion', label: 'Motion', kind: 'choice', choices: [{ value: 'full', label: 'pieces move and fade' }, { value: 'reduced', label: 'changes appear at once' }], default: 'full' },
|
|
{ key: 'confirmMoves', label: 'Confirm a move before it is sent', kind: 'toggle', default: false }
|
|
];
|
|
|
|
/** Every table option is also a preference: the choice a new table starts with. The hall reads and writes the same keys. */
|
|
const TABLE_DEFAULTS: Preference[] = (game.options ?? []).map((o) => ({
|
|
key: `table.${o.key}`,
|
|
label: `${o.label}, for a new table`,
|
|
kind: 'choice',
|
|
choices: o.choices.map((c) => ({ value: c.value, label: c.label })),
|
|
default: o.default
|
|
}));
|
|
|
|
export const PREFERENCES: Preference[] = [...KIT_PREFERENCES, ...TABLE_DEFAULTS, ...(game.preferences ?? [])];
|
|
|
|
const KEY = '__SLUG__:prefs';
|
|
|
|
function defaults(): Record<string, boolean | string> {
|
|
return Object.fromEntries(PREFERENCES.map((p) => [p.key, p.default]));
|
|
}
|
|
|
|
function load(): Record<string, boolean | string> {
|
|
const base = defaults();
|
|
try {
|
|
const saved = JSON.parse(localStorage.getItem(KEY) ?? '{}') as Record<string, unknown>;
|
|
for (const p of PREFERENCES) {
|
|
const v = saved[p.key];
|
|
if (p.kind === 'toggle' && typeof v === 'boolean') base[p.key] = v;
|
|
if (p.kind === 'choice' && typeof v === 'string' && p.choices?.some((c) => c.value === v)) base[p.key] = v;
|
|
}
|
|
} catch {
|
|
// Without storage the defaults apply for this visit.
|
|
}
|
|
return base;
|
|
}
|
|
|
|
/** The live preferences; read them where they matter, set them through setPref. */
|
|
export const prefs = $state<Record<string, boolean | string>>(load());
|
|
|
|
export function setPref(key: string, value: boolean | string): void {
|
|
prefs[key] = value;
|
|
try {
|
|
localStorage.setItem(KEY, JSON.stringify(prefs));
|
|
} catch {
|
|
// The change still applies for this visit.
|
|
}
|
|
}
|
|
|
|
/** The reduced-motion preference, or the system's, whichever asks for calm. */
|
|
export function reducedMotion(): boolean {
|
|
if (prefs.motion === 'reduced') return true;
|
|
return typeof matchMedia !== 'undefined' && matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
}
|