@janga/norna 0.7.16 → 0.7.17

package/scripts/lib/site-content.mjs

@@ -4,26 +4,30 @@ import {
 	siteContentLabel,
 	siteContentPath,
 	siteDir,
+	siteDirLabel,
 	siteImagesDir,
 	siteImagesLabel,
-	siteRoutesDir,
-	siteRoutesLabel,
+	sitePagesDir,
+	sitePagesLabel,
+	sitewideContentLabel,
 } from './site-paths.mjs';
-import { parseRouteDirectory } from './route-model.mjs';
+import { parsePageDirectoryPath } from './page-model.mjs';
+import { getMarkdownHeadings } from './heading-ids.mjs';
+import { schemaTopLevelKeys } from './schema-definitions.mjs';
 
 export const rasterImageExtensions = new Set(['.jpg', '.jpeg', '.png']);
 export const staticImageExtensions = new Set(['.svg']);
 export const supportedImageExtensions = new Set([...rasterImageExtensions, ...staticImageExtensions]);
 
-const h2Regex = /^##\s+.*$/gm;
-const explicitHeadingIdRegex = /\s*\{#([a-z0-9-]+)\}\s*$/;
 const deprecatedInlineStyleReferenceRegex = /\[[^\]\n]+\]\{\.([a-z][a-z0-9-]*)\}/g;
 const frontmatterDelimiterRegex = /^---\s*$/;
-const knownConfigTopLevelFrontmatterKeys = new Set(['url', 'language', 'scrollBehavior']);
-const knownContentTopLevelFrontmatterKeys = new Set(['title', 'description', 'navigation', 'sections']);
-const knownThemeTopLevelFrontmatterKeys = new Set(['navigation', 'preset', 'layout', 'images', 'typography', 'palette', 'sectionSurfaces']);
-const knownRouteThemeTopLevelFrontmatterKeys = new Set(['navigation', 'preset', 'layout', 'images', 'typography', 'palette', 'sectionSurfaces']);
-const knownSitewideTopLevelFrontmatterKeys = new Set(['navigation', 'banners', 'footer']);
+const knownConfigTopLevelFrontmatterKeys = new Set(schemaTopLevelKeys.config);
+const knownContentTopLevelFrontmatterKeys = new Set(schemaTopLevelKeys.content);
+const knownThemeTopLevelFrontmatterKeys = new Set(schemaTopLevelKeys.theme);
+const knownPageThemeTopLevelFrontmatterKeys = new Set(
+	[...knownThemeTopLevelFrontmatterKeys].filter((key) => key !== 'navigation'),
+);
+const knownSitewideTopLevelFrontmatterKeys = new Set(schemaTopLevelKeys.sitewide);
 const knownNestedFrontmatterKeys = new Set([
 	'align',
 	'alt',
@@ -45,11 +49,10 @@ const knownNestedFrontmatterKeys = new Set([
 	'heading',
 	'headings',
 	'id',
-	'include',
 	'image',
 	'imageGap',
 	'images',
-	'label',
+	'listed',
 	'logo',
 	'lineHeight',
 	'maxAvailableHeightPercent',
@@ -63,7 +66,6 @@ const knownNestedFrontmatterKeys = new Set([
 	'preset',
 	'profile',
 	'rhythm',
-	'sections',
 	'sectionGap',
 	'sectionSurfaces',
 	'size',
@@ -81,46 +83,80 @@ export const toPosixPath = (filePath) => filePath.split(path.sep).join('/');
 const fileExists = async (filePath) => access(filePath).then(() => true, () => false);
 
 export const getContentFiles = async () => {
+	const legacyRoutesDir = path.join(siteDir, 'routes');
+	const legacyRoutes = await readdir(legacyRoutesDir).catch((error) => {
+		if (error?.code === 'ENOENT') return null;
+		throw error;
+	});
+	if (legacyRoutes !== null) {
+		throw new Error(`${siteDirLabel}/routes is no longer supported. Rename it to ${sitePagesLabel} and use NNN-page-id directory names.`);
+	}
+
 	const contentFiles = [{
 		contentLabel: siteContentLabel,
 		contentPath: siteContentPath,
 		imagesDir: siteImagesDir,
 		imagesLabel: siteImagesLabel,
 		isHome: true,
-		routeDirectory: null,
-		routeId: null,
-		routeOrder: 0,
+		pageDirectory: null,
+		pageDirectories: [],
+		pageId: null,
+		pageIds: [],
+		pageOrder: 0,
+		pageOrders: [],
+		pagePath: '',
+		parentPagePath: null,
+		depth: 0,
 	}];
-	const routeEntries = await readdir(siteRoutesDir, { withFileTypes: true }).catch((error) => {
+	const collectPageContentFiles = async (pagesDir, pagesLabel, parentPageDirectory = '') => {
+		const pageEntries = await readdir(pagesDir, { withFileTypes: true }).catch((error) => {
 		if (error?.code === 'ENOENT') {
 			return [];
 		}
 
 		throw error;
-	});
-
-	for (const entry of routeEntries) {
-		if (!entry.isDirectory()) continue;
-
-		const routeDirectory = entry.name;
-		const routeDir = path.join(siteRoutesDir, routeDirectory);
-		const routeContentPath = path.join(routeDir, 'content.md');
+		});
 
-		if (!(await fileExists(routeContentPath))) continue;
+		for (const entry of pageEntries.sort((left, right) => left.name.localeCompare(right.name, 'en'))) {
+			if (!entry.isDirectory()) continue;
+
+			const pageDirectory = parentPageDirectory
+				? `${parentPageDirectory}/pages/${entry.name}`
+				: entry.name;
+			const pageLabel = `${pagesLabel}/${entry.name}`;
+			const pageDir = path.join(pagesDir, entry.name);
+			const pageContentPath = path.join(pageDir, 'content.md');
+
+			if (!(await fileExists(pageContentPath))) {
+				const childPageEntries = await readdir(path.join(pageDir, 'pages'), { withFileTypes: true }).catch((error) => {
+					if (error?.code === 'ENOENT') return [];
+					throw error;
+				});
+				if (childPageEntries.some((childEntry) => childEntry.isDirectory())) {
+					throw new Error(`${pageLabel} contains nested pages but has no content.md of its own.`);
+				}
+				continue;
+			}
+			const pageMetadata = parsePageDirectoryPath(pageDirectory, pageLabel);
+
+			contentFiles.push({
+				contentLabel: `${pageLabel}/content.md`,
+				contentPath: pageContentPath,
+				imagesDir: path.join(pageDir, 'images'),
+				imagesLabel: `${pageLabel}/images`,
+				isHome: false,
+				...pageMetadata,
+			});
 
-		const { routeId, routeOrder } = parseRouteDirectory(routeDirectory, `${siteRoutesLabel}/${routeDirectory}`);
+			await collectPageContentFiles(
+				path.join(pageDir, 'pages'),
+				`${pageLabel}/pages`,
+				pageDirectory,
+			);
+		}
+	};
 
-		contentFiles.push({
-			contentLabel: `${siteRoutesLabel}/${routeDirectory}/content.md`,
-			contentPath: routeContentPath,
-			imagesDir: path.join(routeDir, 'images'),
-			imagesLabel: `${siteRoutesLabel}/${routeDirectory}/images`,
-			isHome: false,
-			routeDirectory,
-			routeId,
-			routeOrder,
-		});
-	}
+	await collectPageContentFiles(sitePagesDir, sitePagesLabel);
 
 	return contentFiles;
 };
@@ -129,7 +165,15 @@ export const splitSiteFile = (source, label = siteContentLabel) => {
 	const match = source.match(/^---\r?\n([\s\S]*?)\r?\n---\r?\n?/);
 
 	if (!match) {
-		throw new Error(`${label} is missing frontmatter delimited by ---.`);
+		if (/^---(?:\r?\n|$)/.test(source)) {
+			throw new Error(`${label} starts YAML frontmatter with ---, but no closing --- delimiter was found.`);
+		}
+
+		return {
+			frontmatter: '',
+			frontmatterBody: '',
+			body: source,
+		};
 	}
 
 	return {
@@ -250,10 +294,24 @@ export const validateFrontmatterStructure = (frontmatter, addIssue, {
 		if (knownTopLevelFrontmatterKeys.has(key)) continue;
 
 		let fix;
-		if (fileKind === 'content' && key === 'images') {
+		let message = `Frontmatter line ${lineNumber} defines "${key}" at the top level, but it is not a valid top-level ${fileKind} field.`;
+		if (fileKind === 'content' && key === 'title') {
+			fix = 'Remove "title:" and write the page title as the single Markdown H1 after frontmatter, for example "# About".';
+		} else if (fileKind === 'content' && key === 'description') {
+			fix = 'Indent "description:" under "page:". The optional meta description belongs in the page object.';
+		} else if (fileKind === 'content' && key === 'images') {
 			fix = 'Put local image references in norna-image-stack or norna-image-carousel blocks in the Markdown body.';
 		} else if (fileKind === 'content' && knownThemeTopLevelFrontmatterKeys.has(key)) {
 			fix = `Move "${key}:" to theme.yaml. Visual settings do not belong in content frontmatter.`;
+		} else if (fileKind === 'page theme' && key === 'navigation') {
+			message = `Frontmatter line ${lineNumber}: page themes may not define navigation.`;
+			fix = 'Set the site-wide navigation mode under "navigation:" in the root theme.yaml.';
+		} else if ((fileKind === 'theme' || fileKind === 'page theme') && ['logo', 'site'].includes(key)) {
+			message = `Frontmatter line ${lineNumber}: ${fileKind} may not define navigation logo settings. Optional logo display settings belong under "logo:" in ${sitewideContentLabel}.`;
+			fix = `Move only the logo display settings under "logo:" in ${sitewideContentLabel}; the homepage Markdown H1 supplies navigation text and logo alternative text.`;
+		} else if (fileKind === 'sitewide content' && (key === 'navigation' || key === 'site')) {
+			message = `Frontmatter line ${lineNumber}: "${key}:" no longer defines site identity.`;
+			fix = 'Use the homepage Markdown H1 for navigation text and logo alternative text. Move only an optional logo height to top-level "logo:".';
 		} else if (knownNestedFrontmatterKeys.has(key)) {
 			fix = `Indent "${key}:" under the object it belongs to.`;
 		} else {
@@ -262,7 +320,7 @@ export const validateFrontmatterStructure = (frontmatter, addIssue, {
 
 		addIssue({
 			severity: 'error',
-			message: `Frontmatter line ${lineNumber} defines "${key}" at the top level, but it is not a valid top-level ${fileKind} field.`,
+			message,
 			fix,
 		});
 	}
@@ -286,10 +344,10 @@ export const validateThemeYamlStructure = (frontmatter, addIssue) =>
 		fileKind: 'theme',
 	});
 
-export const validateRouteThemeYamlStructure = (frontmatter, addIssue) =>
+export const validatePageThemeYamlStructure = (frontmatter, addIssue) =>
 	validateFrontmatterStructure(frontmatter, addIssue, {
-		knownTopLevelFrontmatterKeys: knownRouteThemeTopLevelFrontmatterKeys,
-		fileKind: 'route theme',
+		knownTopLevelFrontmatterKeys: knownPageThemeTopLevelFrontmatterKeys,
+		fileKind: 'page theme',
 	});
 
 export const validateSitewideYamlStructure = (frontmatter, addIssue) =>
@@ -303,53 +361,32 @@ export const readThemeFile = async (sitePath) => {
 	return { frontmatter: source, frontmatterBody: source, body: '' };
 };
 
-export const getFrontmatterSections = (frontmatter) => {
-	const sections = [];
-	const lines = frontmatter.split(/\r?\n/);
-	let inSections = false;
-
-	for (const [index, line] of lines.entries()) {
-		if (/^sections:\s*$/.test(line)) {
-			inSections = true;
-			continue;
-		}
-
-		if (!inSections) continue;
-		if (/^[a-zA-Z0-9_-]+:/.test(line)) break;
-
-		const sectionMatch = line.match(/^\s{2}([a-z0-9-]+):(?:\s+.*)?\s*$/);
-		if (sectionMatch) {
-			sections.push({ id: sectionMatch[1], line: index + 1 });
-		}
-	}
-
-	return sections;
-};
-
-export const getHeadingId = (heading) => heading.match(explicitHeadingIdRegex)?.[1];
-
 export const getDeprecatedInlineStyleReferences = (body) => Array.from(body.matchAll(deprecatedInlineStyleReferenceRegex))
 	.map((match) => match[1]);
 
-export const getBodySections = (body) => {
-	const matches = Array.from(body.matchAll(h2Regex));
-	const prelude = matches.length > 0 ? body.slice(0, matches[0].index) : body;
-	const sections = [];
-
-	for (let index = 0; index < matches.length; index += 1) {
-		const match = matches[index];
-		const start = match.index ?? 0;
-		const next = matches[index + 1];
-		const end = next?.index ?? body.length;
-		const text = body.slice(start, end).trimEnd();
-		const heading = match[0];
-		const id = getHeadingId(heading);
-		const line = body.slice(0, start).split(/\r?\n/).length;
-
-		sections.push({ id, heading, line, text });
-	}
+export const getBodySections = async (body) => {
+	const { headings, source } = await getMarkdownHeadings(body);
+	const structuralHeadings = headings.filter((heading) => heading.depth <= 2);
+	const prelude = structuralHeadings.length > 0 ? source.slice(0, structuralHeadings[0].index) : source;
+	const sections = structuralHeadings.map((heading, index) => {
+		const next = structuralHeadings[index + 1];
+		const end = next?.index ?? source.length;
 
-	return { prelude, sections };
+		return {
+			...heading,
+			heading: heading.source,
+			isPageTitle: heading.depth === 1,
+			level: heading.depth,
+			text: source.slice(heading.index, end).trimEnd(),
+		};
+	});
+
+	return {
+		headings,
+		pageHeadings: sections.filter((section) => section.isPageTitle),
+		prelude,
+		sections,
+	};
 };
 
 export const getImageFiles = async (directory) => {

package/scripts/lib/site-paths.mjs

@@ -119,7 +119,7 @@ export const siteThemePath = path.join(siteDir, 'theme.yaml');
 export const siteContentPath = path.join(siteDir, 'content.md');
 export const sitewideContentPath = path.join(siteDir, 'sitewide-content.yaml');
 export const siteImagesDir = path.join(siteDir, 'images');
-export const siteRoutesDir = path.join(siteDir, 'routes');
+export const sitePagesDir = path.join(siteDir, 'pages');
 export const sitePublicDir = path.join(siteDir, 'public');
 export const siteStateDir = path.join(siteDir, '.norna');
 export const astroPublicDir = path.join(siteStateDir, 'public');
@@ -138,7 +138,7 @@ export const siteThemeLabel = getPathLabel(siteThemePath);
 export const siteContentLabel = getPathLabel(siteContentPath);
 export const sitewideContentLabel = getPathLabel(sitewideContentPath);
 export const siteImagesLabel = getPathLabel(siteImagesDir);
-export const siteRoutesLabel = getPathLabel(siteRoutesDir);
+export const sitePagesLabel = getPathLabel(sitePagesDir);
 export const sitePublicLabel = getPathLabel(sitePublicDir);
 export const astroPublicLabel = getPathLabel(astroPublicDir);
 export const generatedImagesManifestLabel = getPathLabel(generatedImagesManifestPath);

package/scripts/lib/theme-config.mjs

@@ -1,15 +1,14 @@
 import { readFile, readdir } from 'node:fs/promises';
 import path from 'node:path';
 import {
-	validateRouteThemeYamlStructure,
+	validatePageThemeYamlStructure,
 	validateThemeYamlStructure,
 } from './site-content.mjs';
 import {
-	siteRoutesDir,
-	siteRoutesLabel,
+	sitePagesDir,
+	sitePagesLabel,
 	siteThemeLabel,
 	siteThemePath,
-	sitewideContentLabel,
 } from './site-paths.mjs';
 import { resolveThemePresentation } from './presentation.mjs';
 import { resolveThemeConfig } from './theme-presets.mjs';
@@ -26,16 +25,13 @@ export const readThemeConfig = async () => {
 	const config = parseYamlConfig(themeFile, siteThemeLabel, {
 		validateStructure: validateThemeYamlStructure,
 	});
-	if (Object.hasOwn(config, 'navigation')) {
-		throw new Error(`${siteThemeLabel} may not define navigation. The site label and logo settings belong in ${sitewideContentLabel}.`);
-	}
 	resolveThemeConfig(config, siteThemeLabel);
 	resolveThemePresentation(config, siteThemeLabel);
 
 	return config;
 };
 
-const getRouteThemeFiles = async (directory, relativeDirectory = '') => {
+const getPageThemeFiles = async (directory, relativeDirectory = '') => {
 	const entries = await readdir(directory, { withFileTypes: true }).catch((error) => {
 		if (error?.code === 'ENOENT') return [];
 		throw error;
@@ -46,14 +42,14 @@ const getRouteThemeFiles = async (directory, relativeDirectory = '') => {
 		const relativePath = path.join(relativeDirectory, entry.name);
 		const absolutePath = path.join(directory, entry.name);
 		if (entry.isDirectory()) {
-			files.push(...await getRouteThemeFiles(absolutePath, relativePath));
+			files.push(...await getPageThemeFiles(absolutePath, relativePath));
 			continue;
 		}
 
 		if (entry.name === 'theme.yaml') {
 			files.push({
 				path: absolutePath,
-				label: `${siteRoutesLabel}/${relativePath.split(path.sep).join('/')}`,
+				label: `${sitePagesLabel}/${relativePath.split(path.sep).join('/')}`,
 			});
 		}
 	}
@@ -61,18 +57,15 @@ const getRouteThemeFiles = async (directory, relativeDirectory = '') => {
 	return files;
 };
 
-export const validateRouteThemeFiles = async () => {
-	const files = await getRouteThemeFiles(siteRoutesDir);
+export const validatePageThemeFiles = async () => {
+	const files = await getPageThemeFiles(sitePagesDir);
 	const configs = [];
 
 	for (const file of files) {
 		const source = await readFile(file.path, 'utf8');
 		const config = parseYamlConfig(source, file.label, {
-			validateStructure: validateRouteThemeYamlStructure,
+			validateStructure: validatePageThemeYamlStructure,
 		});
-		if (Object.hasOwn(config, 'navigation')) {
-			throw new Error(`${file.label} may not define navigation. The site label and logo settings belong in ${sitewideContentLabel}.`);
-		}
 		resolveThemeConfig(config, file.label);
 		resolveThemePresentation(config, file.label);
 

package/scripts/lib/theme-presets.mjs

@@ -2,6 +2,7 @@ import { mergeDeep } from './typography.mjs';
 
 const themePresetConfigurations = Object.freeze({
 	portfolio: Object.freeze({
+		navigation: { mode: 'automatic' },
 		layout: {
 			density: 'normal',
 			pageWidth: '1240px',
@@ -24,6 +25,7 @@ const themePresetConfigurations = Object.freeze({
 		sectionSurfaces: ['base'],
 	}),
 	documentation: Object.freeze({
+		navigation: { mode: 'automatic' },
 		layout: {
 			density: 'compact',
 			pageWidth: '1240px',
@@ -46,6 +48,7 @@ const themePresetConfigurations = Object.freeze({
 		sectionSurfaces: ['base', 'soft'],
 	}),
 	project: Object.freeze({
+		navigation: { mode: 'automatic' },
 		layout: {
 			density: 'compact',
 			pageWidth: '1120px',
@@ -68,6 +71,7 @@ const themePresetConfigurations = Object.freeze({
 		sectionSurfaces: ['base', 'soft'],
 	}),
 	statement: Object.freeze({
+		navigation: { mode: 'automatic' },
 		layout: {
 			density: 'airy',
 			pageWidth: '1280px',
@@ -167,7 +171,7 @@ const responsiveValueLines = (label, value, indent = 2) => {
 export const renderThemePresetReference = (presetName, sourceLabel = 'theme.yaml') => {
 	const preset = getThemePreset(presetName, sourceLabel);
 	const metadata = getThemePresetMetadata(presetName);
-	const { layout, images, typography, palette, sectionSurfaces } = preset;
+	const { navigation, layout, images, typography, palette, sectionSurfaces } = preset;
 
 	return [
 		`# Original values for Norna's "${presetName}" theme preset.`,
@@ -177,6 +181,10 @@ export const renderThemePresetReference = (presetName, sourceLabel = 'theme.yaml
 		`# Available theme presets: ${themePresetNames.join(', ')}.`,
 		`preset: ${presetName}`,
 		'',
+		'navigation:',
+		'  # Alternatives: automatic, sections, top, tree.',
+		`  mode: ${navigation.mode}`,
+		'',
 		'layout:',
 		'  # Alternatives: compact, normal, airy.',
 		`  density: ${layout.density}`,

package/scripts/release.mjs

@@ -129,7 +129,7 @@ if (showHelp || !releaseType) {
 		await run('git', ['add', ...releasePaths]);
 		await run('git', ['commit', '-m', `Release ${releaseTag}`]);
 		releaseCommitCreated = true;
-		await run('git', ['tag', releaseTag]);
+		await run('git', ['tag', '-a', releaseTag, '-m', `Release ${releaseTag}`]);
 		releaseTagCreated = true;
 		await run(npmBin, ['run', 'release:publish']);
 		await run('git', ['push', '--follow-tags']);

package/scripts/show-typography.mjs

@@ -13,15 +13,17 @@ import {
 	readSiteFile,
 	validateContentFrontmatterStructure,
 	validateFrontmatterIndentation,
-	validateRouteThemeYamlStructure,
+	validatePageThemeYamlStructure,
 } from './lib/site-content.mjs';
 import {
 	siteContentLabel,
 	siteContentPath,
-	siteRoutesDir,
+	sitePagesDir,
+	sitePagesLabel,
 	siteThemeLabel,
 	siteThemePath,
 } from './lib/site-paths.mjs';
+import { getPageDirectoryAncestors } from './lib/page-model.mjs';
 import { readThemeConfig } from './lib/theme-config.mjs';
 import { resolveThemeConfig } from './lib/theme-presets.mjs';
 import { parseYamlConfig } from './lib/yaml-config.mjs';
@@ -197,22 +199,26 @@ const readThemeTypography = async () => {
 	return resolveAnnotatedTypographyConfig(themeTypographyConfig ?? defaultTypography, siteThemeLabel);
 };
 
-const readRouteThemeTypography = async (contentFile, themeTypography) => {
+const readPageThemeTypography = async (contentFile, themeTypography) => {
 	if (contentFile.isHome) return themeTypography;
 
-	const routeThemePath = path.join(siteRoutesDir, contentFile.routeDirectory, 'theme.yaml');
-	const routeThemeFile = await readFile(routeThemePath, 'utf8').catch((error) => {
-		if (error?.code === 'ENOENT') return null;
-		throw error;
-	});
-	if (!routeThemeFile) return themeTypography;
-	const routeThemeLabel = `${contentFile.contentLabel.replace(/\/content\.md$/, '')}/theme.yaml`;
-
-	const routeThemeConfig = resolveThemeConfig(parseYamlConfig(routeThemeFile, routeThemeLabel, {
-		validateStructure: validateRouteThemeYamlStructure,
-	}), routeThemeLabel);
-	const typographyConfig = routeThemeConfig.typography;
-	return resolveAnnotatedTypographyConfig(typographyConfig ?? defaultTypography, routeThemeLabel);
+	for (const pageDirectory of getPageDirectoryAncestors(contentFile.pageDirectory).reverse()) {
+		const pageThemePath = path.join(sitePagesDir, pageDirectory, 'theme.yaml');
+		const pageThemeFile = await readFile(pageThemePath, 'utf8').catch((error) => {
+			if (error?.code === 'ENOENT') return null;
+			throw error;
+		});
+		if (!pageThemeFile) continue;
+		const pageThemeLabel = `${sitePagesLabel}/${pageDirectory}/theme.yaml`;
+
+		const pageThemeConfig = resolveThemeConfig(parseYamlConfig(pageThemeFile, pageThemeLabel, {
+			validateStructure: validatePageThemeYamlStructure,
+		}), pageThemeLabel);
+		const typographyConfig = pageThemeConfig.typography;
+		return resolveAnnotatedTypographyConfig(typographyConfig ?? defaultTypography, pageThemeLabel);
+	}
+
+	return themeTypography;
 };
 
 const readPageTypography = async (contentFile, siteThemeTypography) => {
@@ -227,8 +233,8 @@ const readPageTypography = async (contentFile, siteThemeTypography) => {
 		].join('\n'));
 	}
 
-	const pageTypography = await readRouteThemeTypography(contentFile, siteThemeTypography);
-	const sections = getBodySections(body).sections
+	const pageTypography = await readPageThemeTypography(contentFile, siteThemeTypography);
+	const sections = (await getBodySections(body)).sections
 		.filter((section) => section.id)
 		.map((section) => {
 		return {
@@ -239,7 +245,7 @@ const readPageTypography = async (contentFile, siteThemeTypography) => {
 
 	return {
 		source: contentFile.contentLabel,
-		route: contentFile.isHome ? '/' : `/${contentFile.routeId}/`,
+		pathname: contentFile.isHome ? '/' : `/${contentFile.pagePath}/`,
 		pageTypography,
 		sections,
 	};
@@ -259,7 +265,7 @@ if (mode === 'profiles') {
 			typography: formatAnnotatedTypography(themeTypography),
 		},
 		pages: Object.fromEntries(pages.map((page) => [
-			page.route,
+			page.pathname,
 			{
 				source: page.source,
 				typography: formatAnnotatedTypography(page.pageTypography),