@janga/norna 0.7.9 → 0.7.11

package/scripts/test-content-model-v2.mjs

@@ -129,6 +129,99 @@ test('content model v2 fixture checks and builds', async () => {
 	}
 });
 
+test('route theme replaces visual theme while site identity stays at the root', async () => {
+	const { root, siteDir } = await createTempSite({ underRepoCache: true });
+	try {
+		await writeFile(path.join(siteDir, 'theme.md'), `---
+typography:
+  preset: text-forward
+---
+`);
+		await writeFile(path.join(siteDir, 'sitewide-content.md'), `---
+navigation:
+  brand: Root Brand
+---
+`);
+		await mkdir(path.join(siteDir, 'routes', '010-guide'), { recursive: true });
+		await writeFile(path.join(siteDir, 'content.md'), `---
+title: Root
+description: Root page
+---
+
+## Home {#home}
+
+Root content.
+`);
+		await writeFile(path.join(siteDir, 'routes', '010-guide', 'route-content.md'), `---
+title: Guide
+description: Guide page
+navigation:
+  label: Guide
+---
+
+## Guide {#guide}
+
+Route content.
+`);
+		await writeFile(path.join(siteDir, 'routes', '010-guide', 'theme.md'), `---
+typography:
+  preset: statement
+presentation:
+  palette: light
+---
+`);
+
+		await runNorna(['--site-dir', siteDir, 'build']);
+		const rootHtml = await readFile(path.join(path.dirname(siteDir), 'dist', 'index.html'), 'utf8');
+		const routeHtml = await readFile(path.join(path.dirname(siteDir), 'dist', 'guide', 'index.html'), 'utf8');
+		assert.match(rootHtml, /--color-page: #000000/);
+		assert.match(routeHtml, /--color-page: #ffffff/);
+		assert.match(routeHtml, /<a class="site-brand" href="\/">Root Brand<\/a>/);
+	} finally {
+		await rm(root, { recursive: true, force: true });
+	}
+});
+
+test('route theme cannot define site identity', async () => {
+	const { root, siteDir } = await createTempSite({ underRepoCache: true });
+	try {
+		await mkdir(path.join(siteDir, 'routes', '010-guide'), { recursive: true });
+		await writeFile(path.join(siteDir, 'content.md'), `---
+title: Root
+description: Root page
+---
+
+## Home {#home}
+
+Root content.
+`);
+		await writeFile(path.join(siteDir, 'routes', '010-guide', 'route-content.md'), `---
+title: Guide
+description: Guide page
+---
+
+## Guide {#guide}
+
+Route content.
+`);
+		await writeFile(path.join(siteDir, 'routes', '010-guide', 'theme.md'), `---
+navigation:
+  brand: Route Brand
+---
+`);
+
+		await assert.rejects(
+			runNorna(['--site-dir', siteDir, 'config:check']),
+			(error) => {
+				assert.match(error.output, /may not define navigation\. Brand and logo belong in site\/sitewide-content\.md/);
+				return true;
+			},
+		);
+	} finally {
+		await rm(root, { recursive: true, force: true });
+	}
+});
+
 test('content:check warns for local Markdown images but not external Markdown images', async () => {
 	const { root, siteDir } = await createTempSite();
 	try {
@@ -189,6 +282,40 @@ description: Fixture
 	}
 });
 
+test('inline notes render as linked numbered margin notes', async () => {
+	const { root, siteDir } = await createTempSite({ underRepoCache: true });
+	try {
+		await writeFile(path.join(siteDir, 'content.md'), `---
+title: Inline notes
+description: Fixture
+---
+
+## Intro {#intro}
+
+The first paragraph points to an explanation.{note-ref}
+
+{note: This explanation names \`sitewide-content.md\` and stays beside the paragraph on wide screens.}
+
+The second paragraph has its own explanation.{note-ref}
+
+{note: This is the second explanation.}
+`);
+
+		await runNorna(['--site-dir', siteDir, 'build']);
+		const html = await readFile(path.join(path.dirname(siteDir), 'dist', 'index.html'), 'utf8');
+		assert.match(html, /<sup class="section-note-ref"><a id="note-ref-home-intro-1" href="#note-home-intro-1" aria-label="Note 1" aria-describedby="note-home-intro-1" data-note-id="note-home-intro-1">1<\/a><\/sup>/);
+		assert.match(html, /<aside class="section-note section-note-margin" id="note-home-intro-1" aria-label="Note 1" role="note" data-note-id="note-home-intro-1" style="grid-row: 1;">/);
+		assert.match(html, /<a class="section-note-number" href="#note-ref-home-intro-1" aria-label="Note 1">\s*1\s*<\/a>/);
+		assert.match(html, /This explanation names <code>sitewide-content\.md<\/code> and stays beside the paragraph on wide screens\./);
+		assert.match(html, /<sup class="section-note-ref"><a id="note-ref-home-intro-2" href="#note-home-intro-2" aria-label="Note 2" aria-describedby="note-home-intro-2" data-note-id="note-home-intro-2">2<\/a><\/sup>/);
+		assert.match(html, /<aside class="section-note section-note-margin" id="note-home-intro-2" aria-label="Note 2" role="note" data-note-id="note-home-intro-2" style="grid-row: 2;">/);
+		assert.match(html, /This is the second explanation\./);
+		assert.doesNotMatch(html, /\{note:/);
+	} finally {
+		await rm(root, { recursive: true, force: true });
+	}
+});
+
 test('updated managed SVG images get updated static output', async () => {
 	const { root, siteDir } = await createTempSite();
 	try {
@@ -842,6 +969,33 @@ description: Fixture
 	}
 });
 
+test('content:check rejects the removed norna-note block', async () => {
+	const { root, siteDir } = await createTempSite();
+	try {
+		await writeFile(path.join(siteDir, 'content.md'), `---
+title: Removed note block
+description: Fixture
+---
+
+## Intro {#intro}
+
+\`\`\`norna-note
+This block is no longer supported.
+\`\`\`
+`);
+
+		await assert.rejects(
+			() => runContentScript(siteDir, ['--check']),
+			(error) => {
+				assert.match(error.output, /Unknown Norna block "norna-note"\. Use one of: norna-image-stack, norna-image-carousel, norna-card-list\./);
+				return true;
+			},
+		);
+	} finally {
+		await rm(root, { recursive: true, force: true });
+	}
+});
+
 test('content:check supports tilde fenced Norna blocks', async () => {
 	const { root, siteDir } = await createTempSite();
 	try {

package/scripts/test-engine-commands.mjs

@@ -45,6 +45,7 @@ try {
 	assert.equal(initializedPackageJson.dependencies['@janga/norna'], packageJson.version);
 	assert.equal(initializedPackageJson.scripts['norna:engine:update'], 'norna engine:update');
 	assert.equal(initializedPackageJson.scripts['norna:engine:version'], 'norna engine:version');
+	assert.equal(initializedPackageJson.scripts['norna:theme:export'], 'norna theme:export');
 	assert.equal(initializedPackageJson.scripts['engine:update'], undefined);
 	assert.equal(initializedPackageJson.scripts['engine:version'], undefined);
 
@@ -57,8 +58,10 @@ try {
 	for (const [presetName, preset] of Object.entries(typographyPresets)) {
 		for (const [level, heading] of Object.entries(preset.headings)) {
 			assert.equal(heading.size, 'medium', `${presetName} ${level} should use medium size`);
+			assert.ok([400, 500, 600, 700].includes(heading.weight), `${presetName} ${level} should use a supported weight`);
 		}
 		assert.equal(preset.body.size, 'medium', `${presetName} body should use medium size`);
+		assert.ok(['narrow', 'normal', 'wide'].includes(preset.body.width), `${presetName} body should use a supported width`);
 		assert.equal(preset.caption.size, 'medium', `${presetName} caption should use medium size`);
 	}
 	for (const [rhythmName, rhythm] of Object.entries(typographyRhythms)) {
@@ -76,7 +79,7 @@ try {
 	assert.match(showResult.stdout, /pages:/);
 	assert.match(showResult.stdout, /\s+\/:/);
 	assert.match(showResult.stdout, /value: quiet-gallery/);
-	assert.match(showResult.stdout, /inherited: true/);
+	assert.match(showResult.stdout, /source: "site\/theme\.md"/);
 	assert.match(showResult.stdout, /intro:/);
 
 	const initAgainResult = runCli(['init', initializedSiteRoot]);

package/scripts/test-examples.mjs

@@ -0,0 +1,15 @@
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { getExampleSites } from './lib/example-sites.mjs';
+import { runInherit } from './lib/run-command.mjs';
+
+const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
+const cliPath = path.join(root, 'bin', 'norna.mjs');
+const examples = await getExampleSites(root);
+
+for (const example of examples) {
+	console.log(`\nBuilding ${example.siteLabel}`);
+	await runInherit(process.execPath, [cliPath, '--site-dir', example.siteLabel, 'build'], { cwd: root });
+}
+
+console.log(`\nok - built ${examples.length} example sites`);

package/scripts/test-navigation.mjs

@@ -1,15 +1,12 @@
-import { execFile, spawn } from 'node:child_process';
+import { spawn } from 'node:child_process';
+import net from 'node:net';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
-import { promisify } from 'node:util';
-
-const execFileAsync = promisify(execFile);
 
 const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..');
 const cliPath = path.join(root, 'bin', 'norna.mjs');
-const dogGallerySiteDir = path.join(root, 'examples', 'dog-gallery', 'site');
-const url = 'http://localhost:4321/';
-const probeUrls = [url, 'http://127.0.0.1:4321/', 'http://[::1]:4321/'];
+const navigationDemoSiteDir = path.join(root, 'examples', 'feature-demos', 'media-and-surfaces', 'site');
+const host = '127.0.0.1';
 const npmBin = process.platform === 'win32' ? 'npm.cmd' : 'npm';
 const testTargets = process.argv.slice(2);
 const playwrightTargets = testTargets.length > 0 ? testTargets : ['tests/navigation.spec.ts'];
@@ -18,33 +15,46 @@ const sleep = (milliseconds) => new Promise((resolve) => {
 	setTimeout(resolve, milliseconds);
 });
 
-const isReachable = async () => {
-	for (const probeUrl of probeUrls) {
-		try {
-			const response = await fetch(probeUrl, { signal: AbortSignal.timeout(1_000) });
-			await response.arrayBuffer();
-			return response.ok;
-		} catch {
-			// Try the next loopback address.
-		}
-	}
+const getAvailablePort = () => new Promise((resolve, reject) => {
+	const server = net.createServer();
+	server.unref();
+	server.once('error', reject);
+	server.listen(0, host, () => {
+		const address = server.address();
+		const port = typeof address === 'object' && address ? address.port : null;
+		server.close((error) => {
+			if (error) {
+				reject(error);
+				return;
+			}
+			resolve(port);
+		});
+	});
+});
+
+const port = await getAvailablePort();
+if (!port) throw new Error('Could not reserve a port for the navigation test server.');
+const url = `http://${host}:${port}/`;
 
+const isReachable = async () => {
 	try {
-		await execFileAsync('curl', ['-fsI', url], {
-			cwd: root,
-			maxBuffer: 1024 * 1024,
-		});
-		return true;
+		const response = await fetch(url, { signal: AbortSignal.timeout(1_000) });
+		await response.arrayBuffer();
+		return response.ok;
 	} catch {
 		return false;
 	}
 };
 
-const waitForServer = async () => {
+const waitForServer = async (serverProcess) => {
 	const startedAt = Date.now();
 	const timeoutMs = 30_000;
 
 	while (Date.now() - startedAt < timeoutMs) {
+		if (serverProcess.exitCode !== null) {
+			throw new Error(`Navigation test server exited before ${url} became reachable.`);
+		}
+
 		if (await isReachable()) {
 			return;
 		}
@@ -55,12 +65,6 @@ const waitForServer = async () => {
 	throw new Error(`Timed out waiting for ${url}`);
 };
 
-const runCapture = async (command, args, options = {}) => execFileAsync(command, args, {
-	cwd: root,
-	maxBuffer: 1024 * 1024 * 10,
-	...options,
-});
-
 const runInherit = (command, args, options = {}) => new Promise((resolve, reject) => {
 	const child = spawn(command, args, {
 		cwd: root,
@@ -82,31 +86,57 @@ const runInherit = (command, args, options = {}) => new Promise((resolve, reject
 	});
 });
 
-const ensureServer = async () => {
-	await stopServer();
+const startServer = async () => {
+	await runInherit(process.execPath, [cliPath, 'site:public'], {
+		cwd: navigationDemoSiteDir,
+	});
+	await runInherit(process.execPath, [cliPath, 'images'], {
+		cwd: navigationDemoSiteDir,
+	});
 
-	await runInherit(process.execPath, [cliPath, 'dev:local'], {
-		cwd: dogGallerySiteDir,
+	const serverProcess = spawn(process.execPath, [
+		cliPath,
+		'astro',
+		'dev',
+		'--ignore-lock',
+		'--host',
+		host,
+		'--port',
+		String(port),
+	], {
+		cwd: navigationDemoSiteDir,
+		stdio: 'inherit',
 		env: {
 			...process.env,
-			WALDE_NO_OPEN: '1',
+			ASTRO_DEV_BACKGROUND: '0',
 		},
 	});
-	await waitForServer();
+	serverProcess.once('error', (error) => {
+		throw error;
+	});
+	await waitForServer(serverProcess);
 
-	return true;
+	return serverProcess;
 };
 
-const stopServer = async () => {
-	await runCapture(process.execPath, [cliPath, 'dev:stop'], {
-		cwd: dogGallerySiteDir,
-	}).catch(() => {});
+const stopServer = async (serverProcess) => {
+	if (!serverProcess || serverProcess.exitCode !== null) return;
+
+	serverProcess.kill('SIGTERM');
+	const stopped = await Promise.race([
+		new Promise((resolve) => serverProcess.once('exit', () => resolve(true))),
+		sleep(5_000).then(() => false),
+	]);
+
+	if (!stopped && serverProcess.exitCode === null) {
+		serverProcess.kill('SIGKILL');
+	}
 };
 
-let startedServer = false;
+let serverProcess;
 
 try {
-	startedServer = await ensureServer();
+	serverProcess = await startServer();
 	await runInherit(npmBin, ['exec', '--', 'playwright', 'test', ...playwrightTargets], {
 		env: {
 			...process.env,
@@ -114,7 +144,5 @@ try {
 		},
 	});
 } finally {
-	if (startedServer) {
-		await stopServer();
-	}
+	await stopServer(serverProcess);
 }

package/scripts/test-package-check.mjs

@@ -160,6 +160,7 @@ try {
 		assertFileExists(path.join(packagedStarterRoot, 'README.md')),
 		assertFileExists(path.join(packagedStarterRoot, 'site', 'config.mjs')),
 		assertFileExists(path.join(packagedStarterRoot, 'site', 'theme.md')),
+		assertFileExists(path.join(packagedStarterRoot, 'site', 'sitewide-content.md')),
 		assertFileExists(path.join(packagedStarterRoot, 'site', 'content.md')),
 		assertFileExists(path.join(packagedStarterRoot, 'site', 'images', 'work', '.gitkeep')),
 		assertFileExists(path.join(packagedStarterRoot, 'site', 'public', 'robots.txt')),
@@ -184,11 +185,15 @@ try {
 			.replace("url: 'https://example.com/'", "url: 'https://example.com/site/'")
 			.replace("basePath: '/'", "basePath: '/site/'"),
 	);
-	const packageCheckThemePath = path.join(siteProjectRoot, 'site', 'theme.md');
-	const packageCheckTheme = await readFile(packageCheckThemePath, 'utf8');
+	const packageCheckSitewidePath = path.join(siteProjectRoot, 'site', 'sitewide-content.md');
+	const packageCheckSitewide = await readFile(packageCheckSitewidePath, 'utf8');
 	await writeFile(
-		packageCheckThemePath,
-		packageCheckTheme.replace('brand: Example Site', 'brand: Package Check Brand'),
+		packageCheckSitewidePath,
+		packageCheckSitewide.replace('brand: Example Site', 'brand: Package Check Brand\n  logo:\n    alt: Package Check Logo\n    height: 2.6rem'),
+	);
+	await writeFile(
+		path.join(siteProjectRoot, 'site', 'public', 'logo.svg'),
+		'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect width="32" height="32" fill="black"/></svg>\n',
 	);
 	await writeFile(path.join(siteProjectRoot, 'site', 'content.md'), `---
 title: Package Check Site
@@ -201,14 +206,14 @@ sections:
 
 ## Intro {#intro}
 
-This page verifies that [packaged norna sites]{.highlight} can build with the current content model.
+This page verifies that **packaged norna sites** can build with the current content model.
 
 <!-- norna-image-provenance:
 image: package-check.svg
 source: package check fixture
 -->
 
-## [**Warning**]{.highlight} {#warning}
+## **Warning** {#warning}
 
 This section verifies styled section headings.
 
@@ -262,6 +267,10 @@ This route verifies that packaged norna sites can build route pages.
 		path.join(siteProjectRoot, 'dist', 'index.html'),
 		'--section-heading-font-size-desktop: clamp(1.35rem, 1.1rem + 0.9vw, 2rem)',
 	);
+	await assertFileIncludes(
+		path.join(siteProjectRoot, 'dist', 'index.html'),
+		'--section-heading-font-weight: 400',
+	);
 	await assertFileIncludes(
 		path.join(siteProjectRoot, 'dist', 'index.html'),
 		'--section-heading-spacing-after: 0.55em',
@@ -288,7 +297,15 @@ This route verifies that packaged norna sites can build route pages.
 	);
 	await assertFileIncludes(
 		path.join(siteProjectRoot, 'dist', 'index.html'),
-		'<a class="site-brand" href="/site/">Package Check Brand</a>',
+		'<a class="site-brand" href="/site/"><img class="site-brand-logo" src="/site/logo.svg" alt="Package Check Logo">',
+	);
+	await assertFileIncludes(
+		path.join(siteProjectRoot, 'dist', 'index.html'),
+		'<div class="site-nav-submenu">',
+	);
+	await assertFileIncludes(
+		path.join(siteProjectRoot, 'dist', 'index.html'),
+		'href="/site/#intro">Intro</a>',
 	);
 	await assertFileIncludes(
 		path.join(siteProjectRoot, 'dist', 'index.html'),
@@ -298,6 +315,10 @@ This route verifies that packaged norna sites can build route pages.
 		path.join(siteProjectRoot, 'dist', 'index.html'),
 		'--section-body-line-height: 1.5',
 	);
+	await assertFileIncludes(
+		path.join(siteProjectRoot, 'dist', 'index.html'),
+		'--section-body-width-desktop: min(72ch, var(--text-width))',
+	);
 	await assertFileExcludes(
 		path.join(siteProjectRoot, 'dist', 'index.html'),
 		'norna-image-provenance',
@@ -318,25 +339,29 @@ This route verifies that packaged norna sites can build route pages.
 		path.join(siteProjectRoot, 'dist', 'index.html'),
 		'--section-caption-font-size-desktop: clamp(0.86rem, 0.84rem + 0.08vw, 0.92rem)',
 	);
+	await assertFileExcludes(
+		path.join(siteProjectRoot, 'dist', 'index.html'),
+		'class="inline-style',
+	);
 	await assertFileIncludes(
 		path.join(siteProjectRoot, 'dist', 'index.html'),
-		'class="inline-style inline-style-highlight" style="--inline-style-color: #ffd84d"',
+		'data-section-title="Warning"',
 	);
 	await assertFileIncludes(
 		path.join(siteProjectRoot, 'dist', 'index.html'),
-		'<h2><span class="inline-style inline-style-highlight" style="--inline-style-color: #ffd84d"><strong>Warning</strong></span></h2>',
+		'href="/site/#warning">Warning</a>',
 	);
 	await assertFileIncludes(
 		path.join(siteProjectRoot, 'dist', 'index.html'),
-		'data-section-title="Warning"',
+		'--section-background-color: #000000',
 	);
 	await assertFileIncludes(
 		path.join(siteProjectRoot, 'dist', 'index.html'),
-		'href="#warning">Warning</a>',
+		'--section-background-color: #171717',
 	);
 	await assertFileIncludes(
 		path.join(siteProjectRoot, 'dist', 'index.html'),
-		'--section-background-color: #000000',
+		'--section-background-color: #252525',
 	);
 	await assertFileIncludes(
 		path.join(siteProjectRoot, 'dist', 'index.html'),
@@ -344,7 +369,7 @@ This route verifies that packaged norna sites can build route pages.
 	);
 	await assertFileIncludes(
 		path.join(siteProjectRoot, 'dist', 'index.html'),
-		'--site-top-text-color: #f7f4ee',
+		'--site-top-text-color: #f2eee6',
 	);
 	await assertFileIncludes(
 		path.join(siteProjectRoot, 'dist', 'index.html'),
@@ -352,11 +377,11 @@ This route verifies that packaged norna sites can build route pages.
 	);
 	await assertFileIncludes(
 		path.join(siteProjectRoot, 'dist', 'index.html'),
-		'--site-footer-text-color: #f7f4ee',
+		'--site-footer-text-color: #f2eee6',
 	);
 	await assertFileIncludes(
 		path.join(siteProjectRoot, 'dist', 'index.html'),
-		'--section-text-color: #f7f4ee',
+		'--section-text-color: #f2eee6',
 	);
 	await writeFile(path.join(siteProjectRoot, 'site', 'public', 'favicon.ico'), 'fake icon');
 	await runInherit(npxBin, ['norna', 'build'], { cwd: siteProjectRoot, env: npmEnv });
@@ -382,35 +407,52 @@ This route verifies that packaged norna sites can build route pages.
 	);
 	await writeFile(
 		siteThemePath,
-		siteTheme.replace('backgroundColor: "#000000"', 'backgroundColor: blue'),
+		siteTheme.replace('\n  palette: dark', '\n  palette: neon'),
 	);
 	await runExpectFailure(
 		npxBin,
 		['norna', 'build'],
 		{ cwd: siteProjectRoot, env: npmEnv },
-		'presentation.backgroundColor',
+		'presentation.palette',
 	);
 	await writeFile(
 		siteThemePath,
-		siteTheme.replace('textColor: "#f7f4ee"', 'textColor: white'),
+		siteTheme.replace('  sectionSurfaces:\n    mode: cycle', '  sectionSurfaces:\n    mode: glowing'),
 	);
 	await runExpectFailure(
 		npxBin,
 		['norna', 'build'],
 		{ cwd: siteProjectRoot, env: npmEnv },
-		'presentation.textColor',
+		'presentation.sectionSurfaces.mode',
 	);
 	await writeFile(
 		siteThemePath,
-		siteTheme.replace('      color: "#ffd84d"', '      color: yellow'),
+		siteTheme.replace(
+			'  sectionSurfaces:\n    mode: cycle',
+			'  sectionSurfaces:\n    mode: cycle\n    sequence: [base, base]',
+		),
 	);
 	await runExpectFailure(
 		npxBin,
 		['norna', 'build'],
 		{ cwd: siteProjectRoot, env: npmEnv },
-		'presentation.inlineStyles.highlight.color',
+		'presentation.sectionSurfaces',
 	);
 	await writeFile(siteThemePath, siteTheme);
+	await writeFile(
+		siteContentPath,
+		siteContent.replace(
+			'This page verifies that **packaged norna sites** can build with the current content model.',
+			'This page verifies that [packaged norna sites]{.highlight} can build with the current content model.',
+		),
+	);
+	await runExpectFailure(
+		npxBin,
+		['norna', 'build'],
+		{ cwd: siteProjectRoot, env: npmEnv },
+		'Inline color style ".highlight" is no longer supported',
+	);
+	await writeFile(siteContentPath, siteContent);
 	await writeFile(
 		siteContentPath,
 		siteContent.replace(
@@ -422,7 +464,7 @@ This route verifies that packaged norna sites can build route pages.
 		npxBin,
 		['norna', 'build'],
 		{ cwd: siteProjectRoot, env: npmEnv },
-		'presentation.typography.overrides.body.lineHeight',
+		'presentation',
 	);
 	await writeFile(
 		siteContentPath,
@@ -435,7 +477,7 @@ This route verifies that packaged norna sites can build route pages.
 		npxBin,
 		['norna', 'build'],
 		{ cwd: siteProjectRoot, env: npmEnv },
-		'sections.intro.presentation.typography.overrides.caption.spacingBefore',
+		'sections.intro: Unrecognized key: "presentation"',
 	);
 	await writeFile(
 		siteContentPath,
@@ -448,7 +490,7 @@ This route verifies that packaged norna sites can build route pages.
 		npxBin,
 		['norna', 'build'],
 		{ cwd: siteProjectRoot, env: npmEnv },
-		'sections.intro.presentation.typography.preset',
+		'sections.intro: Unrecognized key: "presentation"',
 	);
 	await writeFile(
 		siteThemePath,

package/scripts/test-temporary-visibility.mjs

@@ -51,8 +51,23 @@ try {
 	await writeFile(path.join(siteDir, 'theme.md'), `---
 typography:
   preset: quiet-gallery
-frame:
-  colors: presentation
+presentation:
+  palette: dark
+---
+`);
+	await writeFile(path.join(siteDir, 'sitewide-content.md'), `---
+banners:
+  - id: expired-banner
+    visible:
+      until: "2026-01-01"
+    title: Expired banner
+    text: Expired banner text.
+  - id: active-banner
+    visible:
+      from: "2026-01-01"
+      until: "2026-12-31"
+    title: Active banner
+    text: Active banner text.
 ---
 `);
 	await writeFile(path.join(siteDir, 'content.md'), `---
@@ -88,6 +103,8 @@ Always visible section text.
 	assert.match(html, /Active section text/);
 	assert.match(html, /Always visible section text/);
 	assert.doesNotMatch(html, /Expired section text/);
+	assert.match(html, /Active banner text/);
+	assert.doesNotMatch(html, /Expired banner text/);
 
 	console.log('Temporary visibility test passed.');
 } finally {