Marcos Paulo
580293867d
Deletes the pre-Astro pages, scripts, and stylesheets that the migration replaced, and moves the ones it did not replace out of the way. Deleted (32 files): app.js, responsive.css, landing.css, rules/app.js, rules/styles.css, skills/app.js, the ten route index.html files, and the root hands-on/ copy, which is byte-identical to public/hands-on/ -- the one the build actually ships. Moved to legacy/ (12 files): styles.css, full-guide/audit.css, chapters.css, skills/styles.css, skills-review/styles.css, skills-review/change-lens.css, and the skills-review/app.js module graph. These are not dead. The Astro pages import them and the build fails without them, which the plan had not accounted for. They go to legacy/ rather than src/ because check-tokens.mjs sweeps src, and these files are full of raw hex and unnamed breakpoints: moving one into src/ should mean migrating it to tokens in the same change, not adding a scan exclusion. The prettier, stylelint, and eslint ignore lists that already named these files at their old paths now name legacy/ instead. verify.mjs no longer reads app.js. The 102 Portuguese strings were extracted from its translations.pt object before deletion into .agents/snapshots/full-guide-pt.json -- a legacy capture, not a snapshot of the Astro build, so the assertion still compares against an independent source. The brace-matching helper's assertion is replaced by one that rejects an empty snapshot entry, without which trimming the snapshot would make the presence check pass vacuously. Count stays at 84. audit-ui.mjs reads the ten pages from dist/ and resolves Astro's base-absolute hrefs against it. Before deleting anything, rendered-text-diff was run across all ten routes plus both Portuguese pages: every one at parity, 0 missing and 0 extra. That comparison is not repeatable once the legacy files are gone. computed-style-diff on /full-guide/ stays at 32 differences, so the moves are style-neutral. Docs updated to match: README, AGENTS.md, GATES.md, the architecture context, the operations guide's lab instructions, and the three skills that told you to serve the vanilla site. Publishing is not part of this commit. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
79 lines
3.5 KiB
JavaScript
79 lines
3.5 KiB
JavaScript
import { readFileSync, readdirSync, statSync } from 'node:fs';
|
|
import { dirname, join } from 'node:path';
|
|
|
|
const base = '/ai-for-dummies/';
|
|
const read = (path) => readFileSync(new URL(`../${path}`, import.meta.url), 'utf8');
|
|
// The legacy hand-written pages are gone; the built output is the site now.
|
|
const pages = [
|
|
'dist/index.html',
|
|
'dist/full-guide/index.html',
|
|
'dist/summary/index.html',
|
|
'dist/models/index.html',
|
|
'dist/agents/index.html',
|
|
'dist/skills/index.html',
|
|
'dist/rules/index.html',
|
|
'dist/skills-review/index.html',
|
|
'dist/hands-on/starter/index.html',
|
|
'dist/hands-on/rules/index.html',
|
|
];
|
|
const walk = (path) =>
|
|
readdirSync(path).flatMap((name) => {
|
|
const child = join(path, name);
|
|
return statSync(child).isDirectory() ? walk(child) : [child];
|
|
});
|
|
const definitions = (css) => new Set([...css.matchAll(/(--[\w-]+)\s*:/g)].map(([, name]) => name));
|
|
const uses = (css) => new Set([...css.matchAll(/var\((--[\w-]+)/g)].map(([, name]) => name));
|
|
const builtCss = walk('dist/_astro')
|
|
.filter((path) => path.endsWith('.css'))
|
|
.map((path) => readFileSync(path, 'utf8'))
|
|
.join('\n');
|
|
const builtValues = {
|
|
colors: new Set(builtCss.match(/#[0-9a-fA-F]{3,8}\b|(?:rgba?|hsla?)\([^)]*\)/g) || []),
|
|
sizes: new Set(builtCss.match(/\b\d+(?:\.\d+)?(?:px|rem|em|vw|vh)\b/g) || []),
|
|
};
|
|
if (!builtCss) throw new Error('Astro build emitted no CSS assets to audit');
|
|
// Captured from origin/main after its Astro build. This catches a value that is
|
|
// silently changed to a nearby token: source token checks cannot see that drift.
|
|
const baselineValues = JSON.parse(read('.agents/snapshots/built-css-values.json'));
|
|
|
|
for (const page of pages) {
|
|
const html = read(page);
|
|
if (!html.includes('name="viewport"')) throw new Error(`${page} lacks a viewport declaration`);
|
|
if (html.match(/<(script|link)[^>]+(src|href)="https?:[^\"]+"/i))
|
|
throw new Error(`${page} has an external runtime dependency`);
|
|
}
|
|
for (const file of walk('dist').filter((path) => path.endsWith('.css'))) {
|
|
const css = readFileSync(file, 'utf8').replace(/\/\*[\s\S]*?\*\//g, '');
|
|
if (/@import|src:\s*url\(['"]?https?:|url\(['"]?https?:/i.test(css))
|
|
throw new Error(`${file} has an external CSS dependency`);
|
|
}
|
|
for (const [kind, values] of Object.entries(baselineValues)) {
|
|
const missing = values.filter((value) => !builtValues[kind].has(value));
|
|
if (missing.length) throw new Error(`built CSS lost ${kind}: ${missing.join(', ')}`);
|
|
}
|
|
// The hands-on labs still ship their own stylesheet rather than going through
|
|
// Astro. Resolve every var() from the stylesheets each page actually links, so
|
|
// Astro's tokens cannot mask a broken standalone page.
|
|
// Astro emits base-absolute hrefs (`/ai-for-dummies/_astro/x.css`); those are
|
|
// rooted at `dist/`, not at the page's own directory.
|
|
const resolveHref = (page, href) =>
|
|
href.startsWith(base) ? join('dist', href.slice(base.length)) : join(dirname(page), href);
|
|
for (const page of pages) {
|
|
const html = read(page);
|
|
const linked = [...html.matchAll(/<link[^>]+rel="stylesheet"[^>]+href="([^"]+)"/gi)].map(
|
|
([, href]) => href,
|
|
);
|
|
const styles = linked
|
|
.filter((href) => !/^https?:/i.test(href))
|
|
.map((href) => read(resolveHref(page, href)));
|
|
const defined = new Set(styles.flatMap((css) => [...definitions(css)]));
|
|
const unresolved = new Set(
|
|
styles.flatMap((css) =>
|
|
[...uses(css)].filter((name) => name !== '--score' && !defined.has(name)),
|
|
),
|
|
);
|
|
if (unresolved.size)
|
|
throw new Error(`${page} has unresolved CSS variables: ${[...unresolved].join(', ')}`);
|
|
}
|
|
console.log('responsive UI audit passed');
|