mirror of
https://github.com/got-feedBack/feedBack.git
synced 2026-08-11 11:19:24 +00:00
static/js/tuning-display.js (228 lines) — bodies VERBATIM. app.js 9,838 → 9,650.
A LEAF: imports nothing.
Tuning NAME resolution (Drop D / Eb Standard / raw-offset fallback), bass
detection, effective string count, and the target FREQUENCIES + note names the
tuner checks against. Pure functions over a small MIDI/note-name table; the 3
_TUNING_* tables are read nowhere else and move in.
NOT A SLICE — a node-level extract. The span 2309-2535 INTERLEAVES the functions
with the `window.*` / `window.feedBack.*` assignments that publish them, and one
of those is `window.feedBack = window.feedBack || {}` — the BUS BOOTSTRAP, not
tuning code at all. Every ExpressionStatement stays exactly where it was; only the
16 functions and 3 tables move. app.js re-exposes the imported bindings from the
same lines, so the public surface and its ordering are untouched (constitution II
names window.feedBack).
app.js -> { plugin-loader, viz, diagnostics-export, dom, highway-colors,
tuning-display }
HARNESSES — 4 broke, and 3 of them broke in the SAME informative way: they sliced
app.js from `function isBassArrangement(` UP TO the marker
`window.feedBack.parseRawTuningOffsets = parseRawTuningOffsets;` — an end-marker
that (correctly) stayed behind in app.js. The module is now nothing BUT the tuning
helpers, so there is no block to slice: they read it whole and strip `export ` so
the vm sandbox still evaluates it as a script.
tuner_auto_open is SPLIT — its autoplay-gate test still reads app.js, so it keeps
APP_JS and gains TUNING_JS. Retargeting its path wholesale (my first attempt)
silently pointed the autoplay test at the wrong file.
VERIFIED BY DRIVING THE CONTRACT. A/B against origin/main in two browsers, through
the real window surface: displayTuningName -> "E Standard" / "Drop D" /
"Eb Standard", parseRawTuningOffsets('-2,0,0,0,0,0') -> [-2,0,0,0,0,0],
isBassArrangement, effectiveStringCount, displayTuningTargets, and
window.feedBack.displayTuningName / .songTuningContext — IDENTICAL on both, zero
console/page errors either side.
pytest 2396, node 1038/1038, ESLint 0, tailwind-fresh clean, Codex 0.
Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
101 lines
4.3 KiB
JavaScript
101 lines
4.3 KiB
JavaScript
'use strict';
|
|
|
|
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 SONGS_JS = path.join(__dirname, '..', '..', 'static', 'v3', 'songs.js');
|
|
// The tuning-display helpers were carved out of app.js into their own module (R3a).
|
|
const APP_JS = path.join(__dirname, '..', '..', 'static', 'js', 'tuning-display.js');
|
|
|
|
function extractBlock(src, startMarker) {
|
|
const start = src.indexOf(startMarker);
|
|
if (start === -1) throw new Error(`extractBlock: '${startMarker}' not found`);
|
|
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(`extractBlock: unbalanced braces after '${startMarker}'`);
|
|
return src.slice(start, i);
|
|
}
|
|
|
|
function loadTuningHelpers() {
|
|
const src = fs.readFileSync(APP_JS, 'utf8');
|
|
// The module is nothing BUT the tuning helpers now, so there is no block to
|
|
// slice out — take it whole. `export` is stripped so the vm sandbox can still
|
|
// evaluate it as a plain script (the window.* contract lives in app.js).
|
|
const body = src.replace(/^export /gm, '');
|
|
const sandbox = { window: { feedBack: {} }, exports: {} };
|
|
vm.createContext(sandbox);
|
|
vm.runInContext(
|
|
body + '\n'
|
|
+ 'exports.displayTuningName = displayTuningName;\n'
|
|
+ 'exports.displayTuningTargets = displayTuningTargets;\n'
|
|
+ 'exports.parseRawTuningOffsets = parseRawTuningOffsets;',
|
|
sandbox
|
|
);
|
|
return sandbox.exports;
|
|
}
|
|
|
|
function renderSongCardBadge(song, helpers) {
|
|
const esc = (s) => String(s == null ? '' : s).replace(/[&<>"']/g, (c) => (
|
|
{ '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[c]));
|
|
const tuningLabel = helpers.displayTuningName(song.tuning_name || song.tuning);
|
|
if (!tuningLabel) return '';
|
|
const rawOffsets = helpers.parseRawTuningOffsets(song.tuning_offsets)
|
|
|| helpers.parseRawTuningOffsets(song.tuning_name || song.tuning);
|
|
const targetNotes = (tuningLabel === 'Custom Tuning' && rawOffsets)
|
|
? helpers.displayTuningTargets(rawOffsets, { tuningName: tuningLabel })
|
|
: '';
|
|
if (targetNotes) {
|
|
return '<span class="absolute top-2 left-2 bg-fb-mid text-black text-[9px] font-bold px-1.5 py-0.5 rounded-sm leading-tight max-w-[5.5rem] text-center">'
|
|
+ esc('Custom Tuning') + '<br><span class="font-semibold tracking-wide">' + esc(targetNotes) + '</span></span>';
|
|
}
|
|
return '<span class="absolute top-2 left-2 bg-fb-mid text-black text-[10px] font-bold px-1.5 py-0.5 rounded-sm">' + esc(tuningLabel) + '</span>';
|
|
}
|
|
|
|
const helpers = loadTuningHelpers();
|
|
|
|
test('v3 songs.js uses display helpers for album-art tuning badge', () => {
|
|
const src = fs.readFileSync(SONGS_JS, 'utf8');
|
|
// The card renderer's row variable was renamed song → shown when grouped
|
|
// cards landed (the badge reads the representative chart); accept either.
|
|
assert.match(src, /displayTuningName\((?:song|shown)\.tuning_name \|\| (?:song|shown)\.tuning\)/);
|
|
assert.match(src, /displayTuningTargets/);
|
|
assert.match(src, /parseRawTuningOffsets/);
|
|
});
|
|
|
|
test('raw offset tuning_name does not appear in rendered card HTML', () => {
|
|
const html = renderSongCardBadge({ tuning_name: '-2 0 0 0 -2' }, helpers);
|
|
assert.doesNotMatch(html, /-2 0 0 0 -2/);
|
|
assert.match(html, /Custom Tuning/);
|
|
});
|
|
|
|
test('custom tuning card shows low-to-high note sequence when offsets available', () => {
|
|
const html = renderSongCardBadge({
|
|
tuning_name: 'Custom Tuning',
|
|
tuning_offsets: [-2, 0, 0, 0, -2, -2],
|
|
}, helpers);
|
|
assert.match(html, /Custom Tuning/);
|
|
assert.match(html, /D A D G A D/);
|
|
assert.doesNotMatch(html, /6:|D2|5th/);
|
|
});
|
|
|
|
test('known tuning appears unchanged in card HTML', () => {
|
|
const html = renderSongCardBadge({ tuning_name: 'E Standard' }, helpers);
|
|
assert.match(html, /E Standard/);
|
|
assert.doesNotMatch(html, /<br>/);
|
|
});
|
|
|
|
test('missing tuning hides badge', () => {
|
|
const html = renderSongCardBadge({ tuning_name: '' }, helpers);
|
|
assert.equal(html, '');
|
|
});
|