mirror of
https://github.com/got-feedBack/feedBack.git
synced 2026-07-21 12:21:49 +00:00
73 bare `highway.x` references -> `window.highway.x`, across app.js and 10 other files. Provably a NO-OP today. It is the precondition for flipping highway.js to a module. ━━━ WHY THIS HAS TO LAND FIRST ━━━ highway.js is a CLASSIC script. Its top-level `const highway = createHighway()` therefore creates a GLOBAL LEXICAL BINDING — visible as a bare name to every other classic script AND to every ES module. 73 call sites quietly rely on that. The moment highway.js becomes a module, that binding is gone. `const` in a module is module-scoped, not global. Every one of those 73 sites becomes a ReferenceError, and the flip is impossible until they say what they mean. `window.highway = highway` is already set, to the same object, on the same line. So this is an identity rewrite — verified in the browser below. ━━━ THE REWRITE BIT ME THREE TIMES. REGEX IS NOT ENOUGH FOR THIS. ━━━ 1. A SHADOWED LOCAL. capabilities/note-detection.js does `const highway = window.highway`. Its 9 bare uses are LOCAL and already correct; a blind rewrite would have emitted `const window.highway = window.highway`. Excluded. 2. HALF-CONVERTED GUARDS — the dangerous one. Six sites read `typeof highway !== 'undefined' && highway && typeof highway.setTime === 'function'`. The regex converted the CONSEQUENT and left the TEST, which is WORSE than not touching them: after the flip `typeof highway` is 'undefined', so each guard is PERMANENTLY FALSE and the code behind it silently never runs. transport.js's was the seek->setTime sync: the chart clock would have quietly desynced after every seek, with nothing failing. All six now test window.highway. 3. TWO MORE BARE REFERENCES, found by Codex [P2] and confirmed by an AST scan: app.js:3114 and :3176 use `highway && typeof window.highway.getSections === 'function'`. My grep searched for `typeof highway`, not `highway &&`. After the flip these throw, the catch swallows it, and the editor silently falls back to a ±4s edit window and arrangement 0. Regex missed a shadow, a half-conversion, and two bare reads. The final check is an AST pass that resolves scopes and reports every `highway` identifier not bound locally. It now reports ZERO. VERIFIED. A/B against origin/main in two browsers, 15 probes, IDENTICAL, zero page errors: window.highway is the same object as the bare global, the whole API surface resolves, a real song plays, the chart clock advances, getPerf().drawMs > 0 — and `seek syncs chart` passes, which is the exact guard I nearly broke in (2). node 1045, pytest 2416, ESLint 0, Codex 0. Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
171 lines
7.6 KiB
JavaScript
171 lines
7.6 KiB
JavaScript
// Verify song:play / song:pause / song:ended carry the enriched
|
|
// payload { time, audioT, chartT, perfNow } so plugins can anchor
|
|
// their own clocks without a follow-up highway.getTime() call.
|
|
//
|
|
// Same isolation strategy as the other plugin-API tests — extract
|
|
// `_songEventPayload` and `_audioTime` from app.js 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', 'js', 'transport.js');
|
|
|
|
function extractFunction(src, signature) {
|
|
const start = src.indexOf(signature);
|
|
if (start === -1) throw new Error(`extractFunction: '${signature}' not found in app.js`);
|
|
const openBrace = src.indexOf('{', start);
|
|
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({ juceMode = false, audioT = 12.5, chartT = 11.8, juceT } = {}) {
|
|
// When juceT is omitted in JUCE mode, derive a value distinct from
|
|
// audioT so the JUCE-mode test actually proves _audioTime() reads
|
|
// from jucePlayer rather than the html5 audio element.
|
|
const jt = juceT !== undefined ? juceT : (juceMode ? audioT + 100 : audioT);
|
|
const sandbox = {
|
|
audio: { currentTime: audioT },
|
|
jucePlayer: { currentTime: jt, duration: 200 },
|
|
window: { _juceMode: juceMode },
|
|
highway: {
|
|
getTime: () => chartT,
|
|
},
|
|
performance: { now: () => 1000.123 },
|
|
};
|
|
vm.createContext(sandbox);
|
|
// highway.js is loaded as a CLASSIC script today, so its top-level `const highway`
|
|
// creates a global lexical binding that app.js and the modules could reach as a bare
|
|
// name. That binding disappears the moment highway.js becomes a module (R3c), so every
|
|
// consumer now says `window.highway` — the same object, explicitly. Mirror it here.
|
|
if (sandbox.window && sandbox.highway) sandbox.window.highway = sandbox.highway;
|
|
return sandbox;
|
|
}
|
|
|
|
function loadFunctions(sandbox, src) {
|
|
const code = `
|
|
${extractFunction(src, 'function _audioTime()')}
|
|
${extractFunction(src, 'function _audioDuration()')}
|
|
${extractFunction(src, 'function _songEventPayload()')}
|
|
globalThis.__payload = _songEventPayload;
|
|
`;
|
|
vm.runInContext(code, sandbox);
|
|
}
|
|
|
|
test('_songEventPayload returns { time, audioT, chartT, perfNow } (HTML5)', () => {
|
|
const src = fs.readFileSync(APP_JS, 'utf8');
|
|
const sandbox = buildSandbox({ juceMode: false, audioT: 12.5, chartT: 11.8 });
|
|
loadFunctions(sandbox, src);
|
|
const p = sandbox.__payload();
|
|
assert.equal(p.audioT, 12.5);
|
|
assert.equal(p.chartT, 11.8);
|
|
assert.equal(p.perfNow, 1000.123);
|
|
assert.equal(p.time, 12.5, 'time must be an alias for audioT');
|
|
assert.equal(Object.keys(p).length, 4);
|
|
});
|
|
|
|
test('_songEventPayload reads from JUCE in juce mode', () => {
|
|
const src = fs.readFileSync(APP_JS, 'utf8');
|
|
// audioT (audio.currentTime) and juceT (jucePlayer.currentTime) are
|
|
// distinct so the assertion proves we read from JUCE, not from the
|
|
// html5 audio element.
|
|
const sandbox = buildSandbox({ juceMode: true, audioT: 5, juceT: 42, chartT: 41 });
|
|
loadFunctions(sandbox, src);
|
|
const p = sandbox.__payload();
|
|
assert.equal(p.audioT, 42, 'JUCE mode must read jucePlayer.currentTime, not audio.currentTime');
|
|
assert.equal(p.time, 42);
|
|
assert.equal(p.chartT, 41);
|
|
});
|
|
|
|
test('time and audioT are the same number (not duplicated computation)', () => {
|
|
// Cache invariant: audioT is read once and assigned to both fields.
|
|
// If the implementation read _audioTime() twice and the underlying
|
|
// value drifted between reads, time !== audioT. Guard the cache.
|
|
const src = fs.readFileSync(APP_JS, 'utf8');
|
|
let reads = 0;
|
|
const sandbox = {
|
|
audio: { get currentTime() { reads++; return 5 + reads * 0.001; } },
|
|
jucePlayer: { currentTime: 0 },
|
|
window: { _juceMode: false },
|
|
highway: { getTime: () => 4.9 },
|
|
performance: { now: () => 1000 },
|
|
};
|
|
vm.createContext(sandbox);
|
|
// highway.js is loaded as a CLASSIC script today, so its top-level `const highway`
|
|
// creates a global lexical binding that app.js and the modules could reach as a bare
|
|
// name. That binding disappears the moment highway.js becomes a module (R3c), so every
|
|
// consumer now says `window.highway` — the same object, explicitly. Mirror it here.
|
|
if (sandbox.window && sandbox.highway) sandbox.window.highway = sandbox.highway;
|
|
loadFunctions(sandbox, src);
|
|
const p = sandbox.__payload();
|
|
assert.equal(p.time, p.audioT, 'time must equal audioT');
|
|
});
|
|
|
|
test('every song:play/pause/ended emit uses _songEventPayload', () => {
|
|
// Source-level guard: catch a future contributor adding a new emit
|
|
// site with a literal { time: x } payload — that would silently drop
|
|
// chartT/perfNow and break plugins that depend on the enriched shape.
|
|
// Accepts either a direct _songEventPayload() call or a captured
|
|
// `payload` var (used by JUCE teardown sites that snapshot before
|
|
// jucePlayer.stop() resets _pos to 0).
|
|
const src = fs.readFileSync(APP_JS, 'utf8');
|
|
const lines = src.split('\n');
|
|
// Accept aliased calls like `sm.emit(...)` (the JUCE shim caches
|
|
// window.feedBack in `sm`) — not just literal `window.feedBack.emit`.
|
|
const emitRe = /(?:window\.feedBack|\w+)\.emit\(\s*['"]song:(play|pause|ended)['"]/;
|
|
const okRe = /_songEventPayload\(\)|,\s*payload\s*\)/;
|
|
const offending = [];
|
|
for (const line of lines) {
|
|
if (!emitRe.test(line)) continue;
|
|
if (!okRe.test(line)) {
|
|
offending.push(line.trim());
|
|
}
|
|
}
|
|
assert.equal(
|
|
offending.length,
|
|
0,
|
|
`song:* emits not using _songEventPayload():\n${offending.join('\n')}`,
|
|
);
|
|
});
|
|
|
|
// CENSUS over the WHOLE frontend, not one file. This test counts call/emit sites, and the
|
|
// carve keeps moving them between app.js and static/js/*.js — point it at a single file
|
|
// and the count silently shrinks as code leaves, which reads as "someone deleted an emit"
|
|
// (or, worse, passes while genuinely missing sites). Read every source that can hold one.
|
|
function allFrontendSources() {
|
|
const jsDir = path.join(__dirname, '..', '..', 'static', 'js');
|
|
const parts = [fs.readFileSync(path.join(__dirname, '..', '..', 'static', 'app.js'), 'utf8')];
|
|
for (const f of fs.readdirSync(jsDir).sort()) {
|
|
if (f.endsWith('.js')) parts.push(fs.readFileSync(path.join(jsDir, f), 'utf8'));
|
|
}
|
|
return parts.join('\n');
|
|
}
|
|
|
|
test('there are at least 8 song:* emit sites threaded through the helper', () => {
|
|
// Sanity-check that the helper actually got wired everywhere. If the
|
|
// count drops, someone removed an emit (regression) or refactored an
|
|
// event away (intentional — this test then needs updating).
|
|
const src = allFrontendSources();
|
|
const matches = src.match(/(?:window\.feedBack|\w+)\.emit\(\s*['"]song:(play|pause|ended)['"][^)]*\)/g) || [];
|
|
assert.ok(
|
|
matches.length >= 8,
|
|
`expected ≥8 song:* emits, found ${matches.length}`,
|
|
);
|
|
// Same dual-form acceptance as the per-line check: either a direct
|
|
// _songEventPayload() call or a captured `payload` var.
|
|
for (const m of matches) {
|
|
assert.match(m, /_songEventPayload\(\)|,\s*payload\s*\)/, `emit not using helper: ${m}`);
|
|
}
|
|
});
|