Add <break-timer> tray: pick a duration, Start break pauses the session clock (reusing clock.pause/resume), End break resumes it — so meal/comfort break time is excluded from elapsed and drift stays honest. The shell owns pause/resume + persistence (break store key); the rail shows a on-break badge and gains a coffee chip. fmtCountdown (M:SS) added to format.js. tests/components/break-timer.test.js + gm-shell-break.test.js (incl. the 30-play/20-break/10-play drift-honesty case) + fmtCountdown. 159 tests pass. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
6.5 KiB
The Director
An offline-first tablet app for running tabletop RPG sessions at conventions.
Its permanent feature is the Director Rail — an always-on pacing co-pilot that keeps a hard-clocked slot on time — sitting above a pluggable shell that hosts any game system and any scenario. Built for face-to-face play: no server, no wifi, no install ceremony. Open it on the tablet and it works.
Working name "The Director". Repo
gmtool. First deployment: Continuum 2026 — but built as a reusable product for any convention, not one con's materials.
Status
Slice 1 — complete. Proven end-to-end against the AFTERIMAGE pilot scenario:
<gm-shell>— root: owns the session clock, scenario, beat stamps, and persistence.- Director Rail — session clock, "you are here" vs target with a live drift badge, next hard trigger countdown, and one-tap "Reached it" stamping (no mental arithmetic mid-scene).
- Dice engine — one seedable core (any die: d4–d100, dF, pools, modifiers) plus pluggable system rule-packs that interpret a roll. Ships with Year-Zero (6–9 = success, 10+ = two).
- Scenario data model — one structured file per scenario; the source of truth (see below).
- Persistence — namespaced
localStoragewith JSON export/import for backup and device swap. - Installable PWA — a service worker precaches the shell so it launches offline.
Deferred to later slices: NPC generator, art generator, the rest of the tray tools, more rule-packs and scenarios, and the clue safety-net. See the roadmap below.
Quick start
npm install
npm run dev # local dev server
npm test # Vitest suite (jsdom)
npm run build # static production build → dist/
npm run preview # serve the production build
Requires Node ≥ 18. No runtime framework — the only dependencies are dev tools (Vite, Vitest, jsdom).
Architecture
Vanilla ES modules and Web Components (light DOM) over a thin core of pure, deterministic
logic. All testable logic lives in src/core and src/dice and takes an injected now (ms) or
rng (() => [0,1)) — no Date.now() / Math.random() inside — so tests are fully deterministic.
Components are dumb renderers that emit events; the shell wires them together.
| Unit | Responsibility |
|---|---|
src/core/store.js |
Namespaced localStorage (gmd.<namespace>.<key>) + export/import |
src/core/clock.js |
Pure session clock: start / pause / resume / elapsed |
src/core/timeline.js |
Drift + next-hard-trigger analysis from the scenario timeline |
src/core/scenario.js |
Scenario validator |
src/core/format.js |
Elapsed + drift display formatting |
src/dice/roller.js |
Seedable dice core (pools, modifiers) |
src/dice/rulepacks/ |
System interpreters (Year-Zero, CoC d100, BRP d100, VANITY d6, Panic & Glory, Dee Sanction) + registry |
src/npc/ |
NPC generator (generator.js) + genre table packs (packs/noir.js) |
src/art/ |
Pencil-art library search (search.js) + tagged manifest |
src/clues/safety-net.js |
Clue safety-net engine (essential-gap + solvability) |
src/con/schedule.js |
Pure convention-schedule analysis (live / up-next / done / upcoming) |
src/components/con-hub.js |
<con-hub> — the convention landing screen; deep-links into a scenario |
src/scenarios/index.js |
Scenario registry (getScenario(id)) the hub deep-links through |
src/con/ |
Convention data (continuum-2026.js; example-con.js is a fully-timed template) |
src/components/director-rail.js |
<director-rail> — the always-on pacing bar (🏠 🎲 👤 ✏️ 🔍 👥 ☕ chips; ☕ shows an on-break badge) |
src/components/dice-tray.js |
<dice-tray> — pack selector + die picker + roll + verdict |
src/components/npc-tray.js · art-tray.js · prop-viewer.js · clue-net.js · cast-tray.js · break-timer.js |
The tray tools (cast-tray renders scenario.cast with tap-to-reveal secrets; break-timer pauses the session clock so breaks never poison drift) |
src/components/gm-shell.js |
<gm-shell> — root wiring + persistence |
src/scenarios/ |
Scenario data files (six Continuum slots: afterimage, day-one, vain-crown, silvery-moon, chopper, princes-bride; example-with-clues.js is a template); index.js is the registry |
public/ |
manifest.webmanifest, sw.js (offline service worker) |
Scenario data model
A scenario is one JS module — the single source of truth the Rail reads. The timeline is authored in relative minutes from Start (con slots begin late; relative timing keeps drift honest).
export default {
meta: { id: 'afterimage', title: 'AFTERIMAGE', system: 'year-zero', players: 4, playMinutes: 210, slot: 'Fri · Slot 2' },
timeline: [
// targetMin = minutes after the GM taps Start
{ id: 'a1-open', label: 'The pier — the case lands', targetMin: 0, hardTrigger: true },
{ id: 'a1-parlor', label: 'Parlor 88 interview', targetMin: 35, cutHint: 'Summarise the ledger; skip the tea ritual' },
{ id: 'a2-doorcam', label: 'Door-cam reveal', targetMin: 120, hardTrigger: true },
// …
],
clues: [], cast: [], props: [], // reserved for later slices
}
meta.system selects the dice rule-pack. hardTrigger marks immovable beats; cutHint is what to
compress if you reach a beat behind schedule.
Roadmap
- Slice 1 — shell + Director Rail + data model + dice engine (Year-Zero). ✅
- Slice 2 — NPC generator (offline genre tables) + art generator (offline pencil-art library). ✅
- Slice 3 — dice rule-packs (CoC d100, VANITY d6-pool, Panic & Glory, Dee Sanction) + tray pack selector. ✅
- Slice 4 — the clue safety-net (essential-clue gap tracker + fallbacks). ✅
- Slice 5 — the convention hub (all slots, live "live now / up next / done", deep-links into each scenario). ✅ All six Continuum 2026 slots ported and scheduled with real times.
- Later — remaining tray tools (parking-lot note, wake-lock); online art "Generate"; markdown → scenario-data generator; native iPad wrapper.
Docs
- Design:
docs/superpowers/specs/2026-07-20-gm-director-design.md - Slice 1 plan:
docs/superpowers/plans/2026-07-20-director-slice1.md
Personal convention-play tooling. System rule-references paraphrase their respective rulebooks for private table use.