#!/usr/bin/env node // check-poster-print-fallback — the PRINT preview must survive a missing .webp. // // ★ THE ASYMMETRY THIS GUARDS. posters/*.webp is not shipped by default (42MB; // bundling it pushed the tree to 80MB, git-packed to 57MiB, and the catalog // rejected the push outright). The DOWNLOAD path has always handled that — // PosterWall.vue fetches posters/.html and rasterises it in the browser. The // PRINT path did not: it handed an a url it never checked, so on a default // drop the SAME poster downloaded fine and printed as "Poster not available yet." // // Two paths, one missing file, different outcomes — and the difference was // invisible to every existing gate, because check:poster-raster drives the // RENDERER directly and never goes near the print button. // // ⚠ IT INTERCEPTS THE PRINTED HTML rather than reading the frame back. // openPrintFrame calls window.print(), which BLOCKS in headless Chromium, and the // frame self-removes on afterprint — reading it back measures a frame that has // already gone. Same technique as check-deck-click. // // ⚠ IT FORCES THE MISS. The dev tree may or may not have the .webp; a gate whose // result depends on that is measuring the fixture, not the product. So every // request for posters/.webp is failed at the network layer, which is exactly // the default-drop condition, and the .html is left reachable. // // Usage: node internal/check-poster-print-fallback.mjs [zoneId] import { chromium } from 'playwright' import { requireThisTree } from './_serves-this-tree.mjs' import { resolve as _resolvePath, dirname as _dirnamePath } from 'node:path' import { fileURLToPath as _fileURLToPath } from 'node:url' // SKIP, never fail, when the preconditions are absent. This gate needs a SERVED tree // that carries posters/.html (posterSources:true or bundlePosters:true). The // default tree ships neither, and a clean checkout has no server at all — failing the // build on that would only teach people to disable the gate. It says what is missing. const WALL = process.argv[2] || process.env.POSTER_WALL_URL const ROOT = _resolvePath(_dirnamePath(_fileURLToPath(import.meta.url)), '..') // ★ MEASURE THIS BUILD, OR MEASURE NOTHING. Several worktrees run on one machine and a default port // belongs to whichever server started first — measured 2026-09-24 on :4173, where browser gates // reported confidently about a build nobody here had touched. 75 (EX_TEMPFAIL), not 1: the wrong // tree is a precondition, not a product defect, and the wave runner reports 75 as ⊘ rather than ✗. // A file:// target passes straight through — there is no server there to be wrong about. await requireThisTree(WALL, ROOT, 'POSTER-PRINT-FALLBACK') if (!WALL) { console.log('POSTER-PRINT-FALLBACK: SKIP — no wall url given.') console.log(' Pass one, or set POSTER_WALL_URL. Needs a tree built with posterSources:true') console.log(' and a server: `node library/scripts/posters/publish-html.mjs && bun run tree`.') process.exit(0) } // The poster SOURCE must be reachable before any of this means anything. Without it // the fallback has nothing to rasterise and every assertion below would report a // product bug that is really a missing fixture. const probeId = process.argv[3] || 'laos' // ⚠ '../../assets', NOT '../assets'. A leaf page lives at // ///index.html and resolves assetsBase to '../../assets' — // two levels up, to the TREE root. Measured 2026-09-24: this probe used one level, // so it 404'd on a tree that DID carry the sources and this gate SKIPped with // "posterSources:true was not set" when it had been. A precondition check that is // wrong about the precondition silently turns the whole gate off. const srcUrl = new URL(`../../assets/posters/${probeId}.html`, WALL).href try { const r = await fetch(srcUrl) if (!r.ok) { console.log(`POSTER-PRINT-FALLBACK: SKIP — ${srcUrl} is ${r.status}.`) console.log(' The tree was not built with posterSources:true, so there is no poster source to rasterise.') process.exit(0) } } catch { console.log(`POSTER-PRINT-FALLBACK: SKIP — cannot reach ${srcUrl} (no server?).`) process.exit(0) } const browser = await chromium.launch({ args: ['--use-gl=swiftshader', '--enable-unsafe-swiftshader'] }) const page = await browser.newPage({ viewport: { width: 1400, height: 1000 } }) const errs = [] page.on('pageerror', (e) => errs.push(String(e).slice(0, 140))) // THE DEFAULT-DROP CONDITION, forced: the print-resolution image is absent, its // HTML source is not. Anything else would leave the gate at the mercy of whether // this particular checkout happens to carry 42MB of posters. let webpBlocked = 0 let htmlServed = 0 await page.route('**/posters/*.webp', (route) => { webpBlocked += 1; route.abort() }) await page.route('**/posters/*.html', (route) => { htmlServed += 1; route.continue() }) await page.goto(WALL, { waitUntil: 'load', timeout: 45000 }) await page.waitForTimeout(8000) // Capture what reaches the print frame instead of letting it print-and-vanish. // ⚠ ASSERT THE HUD, NOT doc.write. Three separate attempts to intercept the printed // document all captured nothing while the feature DEMONSTRABLY worked (the HUD ran // "generating the poster" and finished clean): openPrintFrame writes into the iframe's // OWN realm, calls doc.open() AFTER append — which resets the document and discards a // patched write — and the frame self-removes on afterprint. A capture that silently // misses reports a product bug that is not there. // The HUD is the better assertion anyway: it is what a USER sees, it survives a // refactor of the print internals, and it distinguishes the three outcomes that // matter — rasterised / shipped-image / failed — which is exactly what this gate is for. await page.evaluate(() => { window.__HUD = [] window.print = () => {} const walk = (root, out = []) => { for (const el of root.querySelectorAll('*')) { out.push(el); if (el.shadowRoot) walk(el.shadowRoot, out) } return out } window.__readHud = () => walk(document) .filter((e) => e.childElementCount === 0 && e.tagName !== 'SCRIPT' && e.tagName !== 'STYLE') .map((e) => (e.textContent || '').trim()) .filter((t) => t && /generating|preparing|saving|not available|failed|blank|error/i.test(t)) setInterval(() => { for (const t of window.__readHud()) if (!window.__HUD.includes(t)) window.__HUD.push(t) }, 120) }) // Click the REAL print control, found by its accessible name through every shadow root. const clicked = await page.evaluate(() => { const walk = (root, out = []) => { for (const el of root.querySelectorAll('*')) { out.push(el) if (el.shadowRoot) walk(el.shadowRoot, out) } return out } const all = walk(document) const btn = all.find((el) => { if (!(el instanceof HTMLElement)) return false if (el.tagName !== 'BUTTON' && el.getAttribute('role') !== 'button') return false const label = `${el.getAttribute('aria-label') || ''} ${el.getAttribute('title') || ''} ${el.textContent || ''}` // ⚠ THE CONTROL IS NOT LABELLED "print". It reads "UPG prayer poster" — the // product names the ARTEFACT, not the action. A /print/i matcher finds nothing // and this gate then reports "nothing reached the print frame", which reads as a // product bug and is purely the selector. Measured 2026-09-24: the .webp and // .html request counters even LOOKED corroborating, because the wall loads both // on its own. Match the poster control, and exclude its siblings by name. return /poster/i.test(label) && !/list|deck|packet|show on map/i.test(label) }) if (!btn) { return { ok: false, labels: all.filter((e) => e.tagName === 'BUTTON') .map((e) => (e.getAttribute('title') || e.textContent || '').trim().slice(0, 30)).filter(Boolean).slice(0, 14) } } btn.click() return { ok: true } }) let hud = [] let settled = false if (clicked.ok) { // Rasterising a 3000px poster takes real time; poll for the terminal state rather // than guessing one timeout. for (let i = 0; i < 45 && !settled; i++) { await page.waitForTimeout(1000) hud = await page.evaluate(() => window.__HUD || []) // Terminal states: an explicit failure, or "generating" seen AND no longer showing. const live = await page.evaluate(() => window.__readHud()) const failing = hud.some((t) => /not available|failed|blank|error/i.test(t)) const generated = hud.some((t) => /generating/i.test(t)) if (failing) { settled = true; break } if (generated && !live.some((t) => /generating|preparing|saving/i.test(t))) { settled = true } } } await browser.close() const fails = [] if (!clicked.ok) { fails.push(`no poster print control found in any shadow root (buttons seen: ${(clicked.labels || []).join(' | ')})`) } if (clicked.ok && !hud.length) { fails.push('the poster control was clicked but the export HUD never reported anything — ' + 'the click did not reach printPoster at all') } // THE LOAD-BEARING ASSERTIONS. if (hud.some((t) => /Poster not available yet/i.test(t))) { fails.push('the print preview opened on "Poster not available yet" — the old behaviour: ' + 'the .webp 404ed and the rasterise fallback did not run') } if (hud.some((t) => /not available|failed|blank|error/i.test(t))) { fails.push(`the print path ended in an error state: ${JSON.stringify(hud.filter((t) => /not available|failed|blank|error/i.test(t)))}`) } // With EVERY .webp aborted, a clean run is only possible via the rasteriser — so the // "generating the poster" phase MUST have been entered. Its absence means the preview // came from somewhere this gate did not intend, and proves nothing about the fallback. if (clicked.ok && !hud.some((t) => /generating/i.test(t))) { fails.push(`the fallback never entered its "generating the poster" phase (HUD: ${JSON.stringify(hud)}) — ` + 'with every .webp aborted there is no other way to a working preview, so this did not exercise the fallback') } if (clicked.ok && !settled) { fails.push('the print path never reached a terminal state within 45s') } if (webpBlocked === 0) { fails.push('no posters/*.webp request was made at all — the print path never probed the ' + 'image, so this gate did not exercise the fallback it exists to test') } if (htmlServed === 0) { fails.push('no posters/*.html was fetched — the rasterise fallback never ran') } if (errs.length) fails.push(`${errs.length} page error(s): ${errs[0]}`) console.log('POSTER-PRINT-FALLBACK') console.log(` wall : ${WALL}`) console.log(` .webp requests : ${webpBlocked} (all aborted — the default-drop condition)`) console.log(` .html requests : ${htmlServed}`) console.log(` print button : ${clicked.ok ? 'found and clicked' : 'NOT FOUND'}`) console.log(` HUD : ${hud.length ? JSON.stringify(hud) : '(nothing)'}`) if (fails.length) { console.error(`\nPOSTER-PRINT-FALLBACK: FAIL — ${fails.length} problem(s)`) for (const f of fails) console.error(` - ${f}`) process.exit(1) } console.log('\nPOSTER-PRINT-FALLBACK: PASS — with every .webp missing, the print preview still ' + 'opens on a real rasterised poster instead of "Poster not available yet".')