mirror of
https://github.com/got-feedBack/feedBack.git
synced 2026-07-27 07:13:26 +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>
283 lines
12 KiB
JavaScript
283 lines
12 KiB
JavaScript
// Verify the plugin-facing loop API: setLoop / clearLoop / getLoop on
|
|
// window.feedBack, the input validation in setLoop, and the
|
|
// loadSavedLoop refactor that funnels through setLoop.
|
|
//
|
|
// Same isolation strategy as loop_restart.test.js — extract relevant
|
|
// functions by brace-matching and run them in a vm sandbox.
|
|
|
|
const { test } = require('node:test');
|
|
const assert = require('node:assert/strict');
|
|
const fs = require('node:fs');
|
|
const path = require('node:path');
|
|
const vm = require('node:vm');
|
|
|
|
const APP_JS = path.join(__dirname, '..', '..', 'static', 'app.js');
|
|
|
|
function extractFunction(src, signature) {
|
|
const start = src.indexOf(signature);
|
|
if (start === -1) throw new Error(`extractFunction: '${signature}' not found in app.js`);
|
|
let scan = start + signature.length;
|
|
if (src[scan] === '(') {
|
|
let parenDepth = 1;
|
|
scan++;
|
|
while (scan < src.length && parenDepth > 0) {
|
|
const ch = src[scan];
|
|
if (ch === '(') parenDepth++;
|
|
else if (ch === ')') parenDepth--;
|
|
scan++;
|
|
}
|
|
}
|
|
const openBrace = src.indexOf('{', scan);
|
|
let depth = 1;
|
|
let i = openBrace + 1;
|
|
while (i < src.length && depth > 0) {
|
|
const ch = src[i];
|
|
if (ch === '{') depth++;
|
|
else if (ch === '}') depth--;
|
|
i++;
|
|
}
|
|
if (depth !== 0) throw new Error(`extractFunction: unbalanced braces after '${signature}'`);
|
|
return src.slice(start, i);
|
|
}
|
|
|
|
function buildSandbox() {
|
|
const seekCalls = [];
|
|
const sectionPracticeModeCalls = [];
|
|
const transportEvents = [];
|
|
// clearLoop() used to zero section-practice's three selection scalars by hand.
|
|
// They now live in static/js/section-practice.js, which owns them, so clearLoop
|
|
// calls its exported resetSelection() instead. This is a SPY, not a stub — the
|
|
// test below still asserts the reset happens, it just asserts it through the
|
|
// seam rather than by reaching into someone else's state.
|
|
const resetSelectionCalls = [];
|
|
const sandbox = {
|
|
seekCalls,
|
|
sectionPracticeModeCalls,
|
|
transportEvents,
|
|
resetSelectionCalls,
|
|
resetSelection: () => resetSelectionCalls.push(true),
|
|
// Mutable state (declared as `var` in eval prelude so it lives on
|
|
// the sandbox global and the extracted functions can read/write).
|
|
// The actual values are set below.
|
|
|
|
// DOM stub: every getElementById returns the same stand-in object.
|
|
// Writes to className/textContent/classList are absorbed silently;
|
|
// we don't assert on them here (the runtime would catch a missing
|
|
// element, the unit test cares about loop bookkeeping).
|
|
document: {
|
|
getElementById: () => ({
|
|
className: '',
|
|
textContent: '',
|
|
value: '',
|
|
// _syncSavedLoopSelection iterates over <select>.options.
|
|
// An empty option list is fine for these unit tests; the
|
|
// sync becomes a no-op (no matching option found).
|
|
options: [],
|
|
classList: { add() {}, remove() {}, toggle() {} },
|
|
}),
|
|
},
|
|
// _audioSeek spy — records every call so tests can assert seek
|
|
// happened with the right target.
|
|
// _audioSeek now resolves to { completed, from, to }; the
|
|
// stub mimics a successful seek that lands exactly on s so
|
|
// setLoop's off-target check passes.
|
|
_audioSeek: (s, reason) => {
|
|
seekCalls.push({ s, reason: reason ?? null });
|
|
return Promise.resolve({ completed: true, from: 0, to: s });
|
|
},
|
|
_audioTime: () => 0,
|
|
// updateLoopUI references formatTime for the label; we don't
|
|
// assert on the label text in these tests, so a stub is enough.
|
|
formatTime: (s) => String(s),
|
|
window: {
|
|
feedBack: {
|
|
playback: {
|
|
transportEvent: (...args) => transportEvents.push(args),
|
|
},
|
|
},
|
|
},
|
|
};
|
|
vm.createContext(sandbox);
|
|
return sandbox;
|
|
}
|
|
|
|
function loadFunctions(sandbox, src) {
|
|
// Pull just the loop helpers — clearLoop, setLoop, updateLoopUI
|
|
// (called by setLoop), and the loop state vars.
|
|
const code = `
|
|
var loopA = null;
|
|
var loopB = null;
|
|
var _loopMutationGen = 0;
|
|
var _sectionPracticeSelected = -1;
|
|
var _sectionPracticeWholeSection = false;
|
|
var _sectionPracticeSavedPartIndex = 0;
|
|
function _setSectionPracticeMode(on, opts) {
|
|
sectionPracticeModeCalls.push({ on, opts: opts || {} });
|
|
}
|
|
function _updateSectionPracticeHighlight(ct) {}
|
|
function _updateEditRegionBtn() {}
|
|
${extractFunction(src, 'function clearLoop(')}
|
|
${extractFunction(src, 'function _syncSavedLoopSelection()')}
|
|
${extractFunction(src, 'async function setLoop(')}
|
|
${extractFunction(src, 'function updateLoopUI()')}
|
|
// Expose for the test runner.
|
|
globalThis.__setLoop = setLoop;
|
|
globalThis.__clearLoop = clearLoop;
|
|
globalThis.__getLoop = () => ({ loopA, loopB });
|
|
`;
|
|
vm.runInContext(code, sandbox);
|
|
}
|
|
|
|
test('setLoop mutates loopA/loopB and seeks to A', async () => {
|
|
const src = fs.readFileSync(APP_JS, 'utf8');
|
|
const sandbox = buildSandbox();
|
|
loadFunctions(sandbox, src);
|
|
|
|
const result = await sandbox.__setLoop(5.5, 12.25);
|
|
assert.equal(result, true, 'successful seek must resolve to true (plugin contract)');
|
|
const { loopA, loopB } = sandbox.__getLoop();
|
|
assert.equal(loopA, 5.5);
|
|
assert.equal(loopB, 12.25);
|
|
assert.equal(sandbox.seekCalls.length, 1);
|
|
assert.equal(sandbox.seekCalls[0].s, 5.5);
|
|
});
|
|
|
|
test('setLoop returns false and leaves loopA/loopB untouched on cancelled seek', async () => {
|
|
// Plugin-facing contract: cancelled seek (teardown gen bump) returns
|
|
// false; the loop is NOT armed.
|
|
const src = fs.readFileSync(APP_JS, 'utf8');
|
|
const sandbox = buildSandbox();
|
|
sandbox._audioSeek = () => Promise.resolve({ completed: false, from: NaN, to: NaN });
|
|
loadFunctions(sandbox, src);
|
|
|
|
const before = sandbox.__getLoop();
|
|
const result = await sandbox.__setLoop(5, 10);
|
|
|
|
assert.equal(result, false, 'cancelled seek must resolve to false');
|
|
const after = sandbox.__getLoop();
|
|
assert.equal(after.loopA, before.loopA, 'loopA must not be committed on cancel');
|
|
assert.equal(after.loopB, before.loopB, 'loopB must not be committed on cancel');
|
|
});
|
|
|
|
test('setLoop returns false and leaves loopA/loopB untouched on off-target landing', async () => {
|
|
// JUCE rollback / HTML5 clamp: completed:true but to drifts > 50ms
|
|
// from the requested a. The loop is NOT armed.
|
|
const src = fs.readFileSync(APP_JS, 'utf8');
|
|
const sandbox = buildSandbox();
|
|
sandbox._audioSeek = (s) => Promise.resolve({ completed: true, from: 0, to: s + 0.5 });
|
|
loadFunctions(sandbox, src);
|
|
|
|
const before = sandbox.__getLoop();
|
|
const result = await sandbox.__setLoop(5, 10);
|
|
|
|
assert.equal(result, false, 'off-target seek must resolve to false');
|
|
const after = sandbox.__getLoop();
|
|
assert.equal(after.loopA, before.loopA, 'loopA must not be committed on off-target');
|
|
assert.equal(after.loopB, before.loopB, 'loopB must not be committed on off-target');
|
|
});
|
|
|
|
test('setLoop coerces string inputs (parseFloat-style)', async () => {
|
|
// loadSavedLoop passes parseFloat(dataset.start) — but the dataset
|
|
// values may already be strings. Number() coercion in setLoop must
|
|
// accept finite numeric strings.
|
|
const src = fs.readFileSync(APP_JS, 'utf8');
|
|
const sandbox = buildSandbox();
|
|
loadFunctions(sandbox, src);
|
|
|
|
await sandbox.__setLoop('3.0', '7.0');
|
|
const { loopA, loopB } = sandbox.__getLoop();
|
|
assert.equal(loopA, 3);
|
|
assert.equal(loopB, 7);
|
|
});
|
|
|
|
test('setLoop rejects non-finite inputs', async () => {
|
|
const src = fs.readFileSync(APP_JS, 'utf8');
|
|
const sandbox = buildSandbox();
|
|
loadFunctions(sandbox, src);
|
|
|
|
await assert.rejects(() => sandbox.__setLoop(NaN, 5), /finite a and b/);
|
|
await assert.rejects(() => sandbox.__setLoop(1, Infinity), /finite a and b/);
|
|
await assert.rejects(() => sandbox.__setLoop('abc', 5), /finite a and b/);
|
|
});
|
|
|
|
test('setLoop rejects b <= a', async () => {
|
|
const src = fs.readFileSync(APP_JS, 'utf8');
|
|
const sandbox = buildSandbox();
|
|
loadFunctions(sandbox, src);
|
|
|
|
await assert.rejects(() => sandbox.__setLoop(10, 10), /b > a/);
|
|
await assert.rejects(() => sandbox.__setLoop(10, 5), /b > a/);
|
|
});
|
|
|
|
test('clearLoop resets loopA/loopB to null (and asks section-practice to drop its selection)', async () => {
|
|
const src = fs.readFileSync(APP_JS, 'utf8');
|
|
const sandbox = buildSandbox();
|
|
loadFunctions(sandbox, src);
|
|
|
|
await sandbox.__setLoop(5, 10);
|
|
sandbox.__clearLoop();
|
|
const { loopA, loopB } = sandbox.__getLoop();
|
|
assert.equal(loopA, null);
|
|
assert.equal(loopB, null);
|
|
assert.equal(
|
|
sandbox.resetSelectionCalls.length, 1,
|
|
'clearLoop must ask section-practice to drop its selection (it used to zero the '
|
|
+ 'scalars by hand; the module owns them now)',
|
|
);
|
|
assert.equal(sandbox.sectionPracticeModeCalls.length, 1);
|
|
assert.equal(sandbox.sectionPracticeModeCalls[0].on, false);
|
|
// Field-wise: vm-context objects break deepStrictEqual across realms.
|
|
assert.equal(sandbox.sectionPracticeModeCalls[0].opts.skipClearLoop, true);
|
|
});
|
|
|
|
test('loop helpers emit transport snapshots by default and can suppress adapter echoes', async () => {
|
|
const src = fs.readFileSync(APP_JS, 'utf8');
|
|
const sandbox = buildSandbox();
|
|
loadFunctions(sandbox, src);
|
|
|
|
await sandbox.__setLoop(5, 10);
|
|
sandbox.__clearLoop();
|
|
|
|
assert.equal(sandbox.transportEvents.length, 2);
|
|
assert.equal(sandbox.transportEvents[0][0], 'loop-set');
|
|
assert.equal(JSON.stringify(sandbox.transportEvents[0][1].loop), JSON.stringify({ startTime: 5, endTime: 10, enabled: true, state: 'active' }));
|
|
assert.equal(sandbox.transportEvents[1][0], 'loop-cleared');
|
|
assert.equal(JSON.stringify(sandbox.transportEvents[1][1].loop), JSON.stringify({ enabled: false, state: 'inactive' }));
|
|
|
|
sandbox.transportEvents.length = 0;
|
|
await sandbox.__setLoop(7, 11, { emitTransportEvent: false });
|
|
sandbox.__clearLoop({ emitTransportEvent: false });
|
|
assert.equal(sandbox.transportEvents.length, 0);
|
|
});
|
|
|
|
test('window.feedBack API surface declares setLoop/clearLoop/getLoop', () => {
|
|
// Source-level assertion: the plugin-facing namespace must expose
|
|
// these three methods. Catches a future contributor moving them or
|
|
// renaming silently.
|
|
const src = fs.readFileSync(APP_JS, 'utf8');
|
|
// Find the feedBack Object.assign block and check method presence.
|
|
const m = src.match(/window\.feedBack\s*=\s*Object\.assign\(_feedBackBus,\s*\{([\s\S]*?)\}\);\s*if \(_feedBackExisting/);
|
|
assert.ok(m, 'feedBack Object.assign block not found');
|
|
const block = m[1];
|
|
assert.match(block, /setLoop\s*\(/, 'setLoop method missing from feedBack API');
|
|
assert.match(block, /clearLoop\s*\(/, 'clearLoop method missing from feedBack API');
|
|
assert.match(block, /getLoop\s*\(/, 'getLoop method missing from feedBack API');
|
|
});
|
|
|
|
test('loadSavedLoop funnels through setLoop (no duplicated UI mutation)', () => {
|
|
// After the refactor, the dropdown path must call setLoop rather than
|
|
// re-implementing the loopA/loopB assignment. Catches a future drift
|
|
// where someone "fixes" loadSavedLoop and forgets to keep setLoop in
|
|
// sync.
|
|
const src = fs.readFileSync(APP_JS, 'utf8');
|
|
const fn = extractFunction(src, 'async function loadSavedLoop(');
|
|
assert.match(fn, /await\s+setLoop\(/, 'loadSavedLoop must call setLoop');
|
|
// The pre-refactor body assigned loopA = parseFloat(...) directly;
|
|
// ensure that pattern is gone.
|
|
assert.doesNotMatch(
|
|
fn,
|
|
/loopA\s*=\s*parseFloat/,
|
|
'loadSavedLoop still has the pre-refactor loopA = parseFloat assignment',
|
|
);
|
|
});
|