mirror of
https://github.com/got-feedBack/feedBack.git
synced 2026-07-22 21:01:40 +00:00
static/js/host.js (99) + static/js/section-practice.js (1,214).
app.js 9,461 → 8,409.
THE FIRST SLICE OUT OF THE STRONGLY-CONNECTED CORE. What is left in app.js is not
a tree, it is a cycle: seeding a dependency closure from section-practice, from
loops, from count-in, or from the JUCE seek shim all return the SAME 178-function
set, and setLoop() and practiceSection() call each other directly. No closure-based
carve can cut it at any seed. So it is cut BY NAME, and the calls back into app.js
go through a host seam.
61 functions + its own 24 _sectionPractice*/_sectionParents* scalars (read nowhere
else) move out. 11 hooks come back in. 4 of those are read-only GETTERS —
loopA/loopB/_audioSeekGen/_loopMutationGen are only ever READ here, never written,
so app.js keeps owning them and NO state container is needed (a 977-site lift
avoided).
app.js used to reach IN and reset the module's state by hand (clearLoop() zeroed the
selection; changeArrangement() invalidated the parent count). It cannot now — an
imported binding is read-only — so those are exported as resetSelection() and
invalidateParentCount(). Strictly better: the module owns its own invariants instead
of trusting two callers on the far side of the file to zero the right three fields.
═══ THE SILENT-NO-OP PROBLEM, SOLVED ═══
The obvious host seam is an object of no-op defaults. That is a TRAP and we walked
into it once: the plugin loader's seam defaulted populateVizPicker to `() => {}`, so
a dropped wiring line would have left the viz picker quietly not refreshing with NO
test, boot check, or bot noticing. Two layers stop it here:
1. RUNTIME — host.js is a Proxy with NO defaults and NO stubs. Reading an unwired
hook THROWS. An unwired hook cannot degrade into a no-op because there is
nothing to degrade INTO. configureHost() also rejects a non-function at WIRE
time, and refuses to run twice.
2. STATIC — tests/js/host_contract.test.js asserts the hooks the modules USE are
exactly the hooks app.js WIRES. This is the layer that matters: a runtime throw
only fires if the broken path executes, and the whole danger of a seam is the
paths that never run in a smoke test. VERIFIED TO BITE in all three drift
directions: drop a hook from configureHost -> fails; rename host.setLoop in the
module -> fails; wire a hook nobody uses -> fails.
Writing that guard took three tries and each failure is instructive: (a) the
configureHost regex anchored `});` at column 0, ran past the indented close, and
swallowed app.js's 66-name window contract — 77 "hooks"; (b) an import-stripping
regex with `[\s\S]*?` ate 14,000 characters INCLUDING the drift the bite test was
meant to catch — a guard with a hole is worse than no guard, because you trust it;
(c) `host.js'` in the import path backtracked from `js` to a "hook" called `j`.
The bite tests are what surfaced all three.
CODEX FOUND A REAL RACE [P2]. configureHost() was inside the async boot function,
after several awaits — but the window handlers (onPhraseNext, …) go live during
app.js's SYNCHRONOUS module evaluation. A user clicking one in that window would hit
"[host] … was read before configureHost() ran". It is now a bare top-level statement
sitting immediately before the window contract, so the seam is always wired before a
handler can be reached. Verified live: invoking a handler 1.2s in — well before the
boot awaits settle — works.
VERIFIED. A/B against origin/main in two browsers with a REAL song loaded: popover
toggle, practice-mode change, phrase-next, and clearLoop (all of which cross the seam
— setLoop/clearLoop/_audioTime/loopA/loopB) — IDENTICAL, zero page errors. Since an
unwired hook throws, a live app is itself proof the seam is wired.
Harnesses: section_practice_dismiss retargeted; loop_api's clearLoop sandbox gains a
resetSelection SPY (not a stub) and ASSERTS it fires — the guarantee is still tested,
just through the seam.
pytest 2396, node 1040/1040, ESLint 0 (no-cycle clean), tailwind clean, Codex 0.
Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
100 lines
4.7 KiB
JavaScript
100 lines
4.7 KiB
JavaScript
// The host seam — how a carved-out module calls back into app.js.
|
|
//
|
|
// WHY THIS EXISTS. What is left in app.js is not a tree, it is a cycle: seeding a
|
|
// dependency closure from count-in, from loops, from section-practice, or from the
|
|
// JUCE seek shim all return the SAME 178-function set, and setLoop() and
|
|
// practiceSection() call each other directly. So a module carved out of that
|
|
// component will always need to call back into app.js — and it cannot `import`
|
|
// app.js to do it, because app.js imports the module, and that closes a cycle the
|
|
// import-x/no-cycle gate (rightly) rejects.
|
|
//
|
|
// So app.js hands its functions DOWN, once, at boot: `configureHost({ playSong, … })`.
|
|
//
|
|
// ─── THE FAILURE MODE THIS IS BUILT TO PREVENT ───────────────────────────────
|
|
//
|
|
// The obvious way to write this is a plain object with no-op defaults. That is a
|
|
// TRAP, and we walked into it once already: the plugin loader's host seam defaulted
|
|
// `populateVizPicker` to `() => {}`, which means that if the wiring call in app.js
|
|
// is ever dropped, renamed, or drifts, the loader keeps running, the viz picker
|
|
// silently stops refreshing, and NOTHING — no test, no boot check, no bot — says a
|
|
// word. A feature just quietly stops existing.
|
|
//
|
|
// Two layers stop that here, and the second is the one that actually closes it:
|
|
//
|
|
// 1. RUNTIME — reading an unwired hook THROWS. There are no defaults and no
|
|
// stubs. `host.playSong` either is the real function or it is a loud error.
|
|
// An unwired hook cannot degrade into a no-op, because there is nothing for
|
|
// it to degrade INTO.
|
|
//
|
|
// 2. STATIC — tests/js/host_contract.test.js asserts that the set of hooks the
|
|
// modules USE is exactly the set app.js WIRES. This is the important one:
|
|
// layer 1 only fires if the broken path actually executes, and the whole
|
|
// danger of this seam is paths that don't run in a smoke test. The static
|
|
// check catches a drifted or misspelled hook in CI, on a path nobody ran.
|
|
//
|
|
// Consequence for anyone adding a hook: add it to the configureHost({…}) call in
|
|
// app.js *and* use it as `host.<name>`. The contract test fails on either alone —
|
|
// deliberately. A hook wired but never used is dead weight; a hook used but never
|
|
// wired is a bug that would otherwise hide.
|
|
|
|
const _hooks = Object.create(null);
|
|
let _configured = false;
|
|
|
|
/**
|
|
* Called ONCE by app.js at boot, before any carved module runs. Every value must
|
|
* be a function — a hook that is accidentally `undefined` (a typo, a renamed
|
|
* export, a dropped line) fails HERE, at startup, rather than silently much later.
|
|
*/
|
|
export function configureHost(hooks) {
|
|
if (_configured) {
|
|
throw new Error('[host] configureHost() called twice — it must be wired exactly once, at boot.');
|
|
}
|
|
const bad = Object.entries(hooks || {})
|
|
.filter(([, v]) => typeof v !== 'function')
|
|
.map(([k]) => k);
|
|
if (bad.length) {
|
|
throw new Error(
|
|
`[host] these hooks are not functions: ${bad.join(', ')}. `
|
|
+ 'A hook is usually undefined because it was renamed or its line was dropped.',
|
|
);
|
|
}
|
|
Object.assign(_hooks, hooks);
|
|
_configured = true;
|
|
}
|
|
|
|
/**
|
|
* The seam itself. Reading a hook that was never wired THROWS — it never returns
|
|
* undefined and never returns a silent no-op. See the note at the top: a no-op
|
|
* default is precisely the bug this module exists to make impossible.
|
|
*/
|
|
export const host = new Proxy(Object.create(null), {
|
|
get(_target, name) {
|
|
if (typeof name === 'symbol') return undefined; // let JS probe it freely
|
|
if (!_configured) {
|
|
throw new Error(
|
|
`[host] host.${name} was read before configureHost() ran. `
|
|
+ 'app.js must call configureHost() at boot, before any carved module executes.',
|
|
);
|
|
}
|
|
const fn = _hooks[name];
|
|
if (typeof fn !== 'function') {
|
|
throw new Error(
|
|
`[host] host.${name} is not wired. Add it to the configureHost({ … }) `
|
|
+ 'call in app.js. (tests/js/host_contract.test.js should have caught this in CI.)',
|
|
);
|
|
}
|
|
return fn;
|
|
},
|
|
// Keep the object honest for anything that introspects it.
|
|
has(_target, name) { return name in _hooks; },
|
|
ownKeys() { return Object.keys(_hooks); },
|
|
getOwnPropertyDescriptor(_target, name) {
|
|
return name in _hooks
|
|
? { value: _hooks[name], enumerable: true, configurable: true, writable: false }
|
|
: undefined;
|
|
},
|
|
set(_target, name) {
|
|
throw new Error(`[host] host.${String(name)} is read-only — hooks are wired only via configureHost().`);
|
|
},
|
|
});
|