@apleasantview/eleventy-plugin-baseline 0.1.0-next.21 → 0.1.0-next.27

package/modules/head-core/utils/head-utils.js

@@ -1,23 +1,22 @@
-import Merge from "@11ty/eleventy-utils/src/Merge.js";
-import { TemplatePath } from "@11ty/eleventy-utils";
+import Merge from '@11ty/eleventy-utils/src/Merge.js';
+import { TemplatePath } from '@11ty/eleventy-utils';
 
 const pick = (...values) => values.find((v) => v !== undefined && v !== null);
 
-const normalizePathPrefix = (pathPrefix = "") => {
+const normalizePathPrefix = (pathPrefix = '') => {
 	// Align with Eleventy’s normalizeUrlPath behavior
-	const normalized = TemplatePath.normalizeUrlPath("/", pathPrefix);
-	return normalized === "/" ? "" : normalized; // empty means root
+	const normalized = TemplatePath.normalizeUrlPath('/', pathPrefix);
+	return normalized === '/' ? '' : normalized; // empty means root
 };
 
-const isAbsoluteUrl = (url = "") =>
-	/^[a-z][a-z\d+\-.]*:\/\//i.test(url) || url.startsWith("//");
+const isAbsoluteUrl = (url = '') => /^[a-z][a-z\d+\-.]*:\/\//i.test(url) || url.startsWith('//');
 
 const absoluteUrl = (siteUrl, pathPrefix, url) => {
 	if (!url) return url;
 	if (isAbsoluteUrl(url)) return url;
 	const prefix = normalizePathPrefix(pathPrefix);
-	const joined = TemplatePath.normalizeUrlPath(prefix || "/", url);
-	return siteUrl ? `${siteUrl.replace(/\/+$/, "")}${joined}` : joined;
+	const joined = TemplatePath.normalizeUrlPath(prefix || '/', url);
+	return siteUrl ? `${siteUrl.replace(/\/+$/, '')}${joined}` : joined;
 };
 
 const mergeBaseHead = (site, user, page, title, description, noindex, url) => {
@@ -26,47 +25,52 @@ const mergeBaseHead = (site, user, page, title, description, noindex, url) => {
 		{
 			title,
 			meta: [
-				{ charset: "UTF-8" },
-				{ name: "viewport", content: "width=device-width, initial-scale=1.0" },
-				{ name: "description", content: description },
-				{ name: "robots", content: noindex ? "noindex, nofollow" : "index, follow" },
+				{ charset: 'UTF-8' },
+				{ name: 'viewport', content: 'width=device-width, initial-scale=1.0' },
+				{ name: 'description', content: description },
+				{ name: 'robots', content: noindex ? 'noindex, nofollow' : 'index, follow' }
 			],
 			link: [],
 			script: [],
 			style: [],
 			hreflang: [],
 			openGraph: {
-				"og:title": title,
-				"og:description": description,
-				"og:type": "website",
-				"og:url": url || "",
-				"og:image": "",
+				'og:title': title,
+				'og:description': description,
+				'og:type': 'website',
+				'og:url': url || '',
+				'og:image': ''
 			},
 			twitter: {
-				"twitter:card": "summary_large_image",
-				"twitter:title": title,
-				"twitter:description": description,
-				"twitter:image": "",
+				'twitter:card': 'summary_large_image',
+				'twitter:title': title,
+				'twitter:description': description,
+				'twitter:image': ''
 			},
 			miscMeta: [],
-			structuredData: null,
+			structuredData: null
 		},
 		user
 	);
 };
 
 const resolveCanonical = (head, page, contentMap, env = {}) => {
-	const { siteUrl, pathPrefix = "", pageUrlOverride } = env;
+	const { siteUrl, pathPrefix = '', pageUrlOverride, verbose } = env;
 	const explicit = pick(head.canonical);
-	if (explicit) return absoluteUrl(siteUrl, pathPrefix, explicit);
+	if (explicit) {
+		if (!siteUrl && verbose) {
+			console.warn('[baseline] site.url is missing; canonical will be relative.');
+		}
+		return absoluteUrl(siteUrl, pathPrefix, explicit);
+	}
 
-	const url = pick(
-		pageUrlOverride,
-		page?.url,
-		page?.inputPath && contentMap?.inputPathToUrl?.[page.inputPath]?.[0]
-	);
+	const url = pick(pageUrlOverride, page?.url, page?.inputPath && contentMap?.inputPathToUrl?.[page.inputPath]?.[0]);
 	if (!url) return undefined;
 
+	if (!siteUrl && verbose) {
+		console.warn('[baseline] site.url is missing; canonical will be relative.');
+	}
+
 	return absoluteUrl(siteUrl, pathPrefix, url);
 };
 
@@ -75,16 +79,15 @@ const dedupeMeta = (arr = []) => {
 	const out = [];
 	for (let i = arr.length - 1; i >= 0; i--) {
 		const m = arr[i];
-		const key =
-			m.charset
-				? "charset"
-				: m.name
+		const key = m.charset
+			? 'charset'
+			: m.name
 				? `name:${m.name}`
 				: m.property
-				? `prop:${m.property}`
-				: m["http-equiv"]
-				? `http:${m["http-equiv"]}`
-				: null;
+					? `prop:${m.property}`
+					: m['http-equiv']
+						? `http:${m['http-equiv']}`
+						: null;
 		if (!key || seen.has(key)) continue;
 		seen.add(key);
 		out.push(m);
@@ -119,61 +122,55 @@ const flattenHead = (head = {}, canonical) => {
 			? Object.entries(head.twitter)
 					.filter(([, v]) => v)
 					.map(([k, v]) => ({ name: k, content: v }))
-			: []),
+			: [])
 	]);
 
 	const style = [...(head.style || [])];
 
-	const linkCanonical = canonical ? [{ rel: "canonical", href: canonical }] : [];
+	const linkCanonical = canonical ? [{ rel: 'canonical', href: canonical }] : [];
 	const link = dedupeLink([...(head.link || []), ...(head.hreflang || [])].filter(Boolean));
 
 	const script = [...(head.script || [])];
 	if (head.structuredData) {
 		script.unshift({
-			type: "application/ld+json",
-			content: JSON.stringify(head.structuredData),
+			type: 'application/ld+json',
+			content: JSON.stringify(head.structuredData)
 		});
 	}
 
 	// Key order matters for posthtml-head-elements.
 	return {
 		meta: baseMeta,
-		title: head.title || "",
+		title: head.title || '',
 		linkCanonical,
 		style,
 		link,
 		script,
-		meta_social: socialMeta,
+		meta_social: socialMeta
 	};
 };
 
 const buildHead = (data = {}, env = {}) => {
-	const { userKey = "head", contentMap = {}, siteUrl, pathPrefix } = env;
+	const { userKey = 'head', contentMap = {}, siteUrl, pathPrefix } = env;
 	const site = data.site || {};
 	const user = userKey ? data[userKey] || {} : {};
 	const page = data.page || {};
 	const resolvedSiteUrl =
-		siteUrl ||
-		site.url ||
-		process.env.URL ||
-		process.env.DEPLOY_URL ||
-		process.env.DEPLOY_PRIME_URL;
-
-	const siteTitle = site.title || "";
-	const pageTitle = pick(data.title, user.title, site.title, "");
+		siteUrl || site.url || process.env.URL || process.env.DEPLOY_URL || process.env.DEPLOY_PRIME_URL;
+
+	const siteTitle = site.title || '';
+	const pageTitle = pick(data.title, user.title, site.title, '');
 	const title =
-		siteTitle && pageTitle && siteTitle !== pageTitle
-			? `${pageTitle} | ${siteTitle}`
-			: pageTitle || siteTitle || "";
+		siteTitle && pageTitle && siteTitle !== pageTitle ? `${pageTitle} | ${siteTitle}` : pageTitle || siteTitle || '';
 
-	const description = pick(data.description, user.description, site.tagline, "");
-	const noindex = pick(page.noindex, user.noindex, site.noindex, false);
+	const description = pick(data.description, user.description, site.tagline, '');
+	const noindex = pick(data.noindex, page.noindex, user.noindex, site.noindex, false);
 
 	const canonical = resolveCanonical(
 		{ canonical: absoluteUrl(resolvedSiteUrl, pathPrefix, user.canonical) },
 		page,
 		contentMap,
-		{ ...env, siteUrl: resolvedSiteUrl }
+		{ ...env, siteUrl: resolvedSiteUrl, verbose: env.verbose }
 	);
 	const merged = mergeBaseHead(site, user, page, title, description, noindex, canonical);
 	return flattenHead(merged, canonical);
@@ -183,11 +180,4 @@ const buildHeadSpec = (context, contentMap, env = {}) => {
 	return buildHead(context, { ...env, contentMap });
 };
 
-export {
-	pick,
-	resolveCanonical,
-	flattenHead,
-	buildHead,
-	buildHeadSpec,
-	absoluteUrl,
-};
+export { pick, resolveCanonical, flattenHead, buildHead, buildHeadSpec, absoluteUrl };

package/modules/multilang-core/filters/i18n-default-translation.js

@@ -0,0 +1,14 @@
+/**
+ * Get the default-language variant for the current page.
+ * @param {object} page
+ * @param {Array<object>} collection
+ * @returns {object|null}
+ */
+export default function i18nDefaultTranslation(page, collection) {
+	if (!page?.locale?.translationKey) return null;
+	return (
+		collection.find(
+			(p) => p.locale && p.locale.translationKey === page.locale.translationKey && p.locale.isDefaultLang
+		) || null
+	);
+}

package/modules/multilang-core/filters/i18n-translation-in.js

@@ -0,0 +1,16 @@
+/**
+ * Get a specific language variant for the current page.
+ * @param {object} page
+ * @param {Array<object>} collection
+ * @param {string} lang
+ * @returns {object|null}
+ */
+export default function i18nTranslationIn(page, collection, lang) {
+	if (!page?.locale?.translationKey) return null;
+
+	return (
+		collection.find(
+			(p) => p.locale && p.locale.translationKey === page.locale.translationKey && p.locale.lang === lang
+		) || null
+	);
+}

package/modules/multilang-core/filters/i18n-translations-for.js

@@ -0,0 +1,10 @@
+/**
+ * Get all translations for the current page.
+ * @param {object} page
+ * @param {Array<object>} collection
+ * @returns {Array<object>}
+ */
+export default function i18nTranslationsFor(page, collection) {
+	if (!page?.locale?.translationKey) return [];
+	return collection.filter((p) => p.locale && p.locale.translationKey === page.locale.translationKey);
+}

package/modules/multilang-core/plugins/multilang-core.js

@@ -1,35 +1,101 @@
-import { I18nPlugin } from "@11ty/eleventy";
+import { I18nPlugin } from '@11ty/eleventy';
+import { DeepCopy } from '@11ty/eleventy-utils';
+import i18nTranslationsFor from '../filters/i18n-translations-for.js';
+import i18nTranslationIn from '../filters/i18n-translation-in.js';
+import i18nDefaultTranslation from '../filters/i18n-default-translation.js';
 
-/** @param { import("@11ty/eleventy/src/UserConfig.js").default } eleventyConfig */
+/**
+ * Baseline – multilang-core
+ *
+ * Responsibilities:
+ * - Normalize language metadata
+ * - Annotate translatable pages
+ * - Expose relational helpers for translations
+ *
+ * @param { import("@11ty/eleventy/src/UserConfig.js").default } eleventyConfig
+ */
 export default function multilangCore(eleventyConfig, options = {}) {
 	const userOptions = {
-		defaultLanguage: "en",
+		defaultLanguage: 'en',
 		languages: [],
+		verbose: false,
 		...options
-	}
+	};
 
 	eleventyConfig.addPlugin(I18nPlugin, {
 		defaultLanguage: userOptions.defaultLanguage,
-		errorMode: "allow-fallback"
+		errorMode: 'allow-fallback'
 	});
 
-	// Add translations collection
-	eleventyConfig.addCollection("translations", function (collection) {
-		const translations = {};
+	// Normalize allowed languages (optionally lower/trim)
+	const normalizeLang = (lang) => (lang || '').toLowerCase().trim();
+	const allowedLanguages = new Set(
+		Array.isArray(userOptions.languages)
+			? userOptions.languages.map(normalizeLang)
+			: Object.keys(userOptions.languages || {}).map(normalizeLang)
+	);
+
+	eleventyConfig.addGlobalData('eleventyComputed.page.locale', () => {
+		return (data) => {
+			const lang = normalizeLang(data.lang || data.language || userOptions.defaultLanguage);
+			const translationKey = data.translationKey;
+			const isDefaultLang = lang === normalizeLang(userOptions.defaultLanguage);
+
+			return {
+				translationKey,
+				lang,
+				isDefaultLang
+			};
+		};
+	});
+
+	const buildTranslations = (collection) => {
+		const map = {};
+		const list = [];
+
 		for (const page of collection.getAll()) {
 			const translationKey = page.data.translationKey;
 			if (!translationKey) continue;
+
 			const lang = page.data.lang || page.data.language || userOptions.defaultLanguage;
 			if (!lang) continue;
-			if (!translations[translationKey]) translations[translationKey] = {};
-			translations[translationKey][lang] = {
+
+			if (allowedLanguages.size && !allowedLanguages.has(lang)) {
+				if (userOptions.verbose) {
+					console.warn(`[baseline:multilang-core] Unknown lang "${lang}" in ${page.inputPath}`);
+				}
+				continue;
+			}
+
+			const locale = { locale: { translationKey, lang, isDefaultLang: lang === userOptions.defaultLanguage } };
+			const safeCopy = DeepCopy(page, locale);
+			list.push(safeCopy);
+
+			if (!map[translationKey]) map[translationKey] = {};
+			map[translationKey][lang] = {
 				title: page.data.title,
 				url: page.url,
 				lang,
-				isDefault: lang === userOptions.defaultLanguage,
+				isDefaultLang: lang === userOptions.defaultLanguage,
 				data: page.data
 			};
 		}
-		return translations;
+
+		return { map, list };
+	};
+
+	// Map form for direct lookups
+	eleventyConfig.addCollection('translationsMap', (collection) => {
+		return buildTranslations(collection).map;
+	});
+
+	// Canonical translations collection
+	eleventyConfig.addCollection('translations', (collection) => {
+		return buildTranslations(collection).list;
 	});
+
+	// Filters – relational helpers
+	eleventyConfig.addFilter('i18nTranslationsFor', i18nTranslationsFor);
+	eleventyConfig.addFilter('i18nTranslationIn', i18nTranslationIn);
+	eleventyConfig.addFilter('i18nDefaultTranslation', i18nDefaultTranslation);
 }

package/modules/navigator-core/plugins/navigator-core.js

@@ -1,6 +1,6 @@
-import fs from "node:fs";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -8,9 +8,7 @@ const __dirname = path.dirname(__filename);
 /** @param {import("@11ty/eleventy").UserConfig} eleventyConfig */
 export default function navigatorCore(eleventyConfig, options = {}) {
 	const raw = options.enableNavigatorTemplate;
-	const [enableNavigatorTemplate, inspectorDepth] = Array.isArray(raw)
-		? [raw[0], raw[1]]
-		: [raw, undefined];
+	const [enableNavigatorTemplate, inspectorDepth] = Array.isArray(raw) ? [raw[0], raw[1]] : [raw, undefined];
 
 	const userOptions = {
 		...options,
@@ -18,17 +16,21 @@ export default function navigatorCore(eleventyConfig, options = {}) {
 		inspectorDepth: inspectorDepth ?? 2
 	};
 
-	eleventyConfig.addNunjucksGlobal("_navigator", function () { return this; });
-	eleventyConfig.addNunjucksGlobal("_context", function () { return this.ctx; });
+	eleventyConfig.addNunjucksGlobal('_navigator', function () {
+		return this;
+	});
+	eleventyConfig.addNunjucksGlobal('_context', function () {
+		return this.ctx;
+	});
 
 	if (userOptions.enableNavigatorTemplate) {
 		// Read virtual template synchronously; Nunjucks pipeline here is sync-only.
-		const templatePath = path.join(__dirname, "../templates/navigator-core.html");
-		const virtualTemplateContent = fs.readFileSync(templatePath, "utf-8");
-		eleventyConfig.addTemplate("navigator-core.html", virtualTemplateContent, {
-			permalink: "/navigator-core.html",
-			title: "Navigator Core",
-			description: "",
+		const templatePath = path.join(__dirname, '../templates/navigator-core.html');
+		const virtualTemplateContent = fs.readFileSync(templatePath, 'utf-8');
+		eleventyConfig.addTemplate('navigator-core.html', virtualTemplateContent, {
+			permalink: '/navigator-core.html',
+			title: 'Navigator Core',
+			description: '',
 			layout: null,
 			eleventyExcludeFromCollections: true,
 			inspectorDepth: userOptions.inspectorDepth

package/modules/navigator-core/templates/navigator-core.html

@@ -4,10 +4,22 @@ permalink: /navigator-core.html
 ---
 
 <!DOCTYPE html>
-<html lang="{{ site.defaultLanguage }}">
+<html lang="{{ lang | default(site.defaultLanguage) }}">
 
 <head>
 	<baseline-head></baseline-head>
+	<style>
+		._navigator__wrapper:not(#\#):not(#\#) {
+			box-sizing: content-box;
+			max-width: 60rem;
+			padding-inline: clamp(1rem, 0.2083rem + 3.5185vw, 3.375rem);
+			margin-inline: auto;
+		}
+
+		._navigator__wrapper:not(#\#):not(#\#) > * + * {
+			margin-block-start: 1.25rem;
+		}
+	</style>
 </head>
 
 <body>
@@ -15,24 +27,28 @@ permalink: /navigator-core.html
 		Skip to main content
 	</a>
 	<header>
-		<h1>{{ site.title }} Navigator</h1>
-		<div>
-			<p>{{ site.tagline }}</p>
+		<div class="_navigator__wrapper">
+			<h1>{{ site.title }} Navigator</h1>
+			<div>
+				<p>{{ site.tagline }}</p>
+			</div>
 		</div>
 	</header>
 	<main id="main" tabindex="-1">
-		<p><a id="go-back" href=""><span style="vertical-align: text-bottom;">&#8592;</span>&nbsp;Go back</a></p>
-		<h2><u>Navigator</u></h2>
-		{% for key, value in _navigator() %}
-		<details name="navigator-item">
-			<summary><strong>{{ key }}</strong></summary>
-			{% if value | isString %}
-			<pre>{{ value | safe }}</pre>
-			{% else %}
-			<pre>{{ value | _inspect({ depth: inspectorDepth }) }}</pre>
-			{% endif %}
-		</details>
-		{% endfor %}
+		<div class="_navigator__wrapper">
+			<p><a id="go-back" href=""><span style="vertical-align: text-bottom;">&#8592;</span>&nbsp;Go back</a></p>
+			<h2><u>Navigator</u></h2>
+			{% for key, value in _navigator() %}
+			<details>
+				<summary><strong>{{ key }}</strong></summary>
+				{% if value | isString %}
+				<pre>{{ value | safe }}</pre>
+				{% else %}
+				<pre>{{ value | _inspect({ depth: inspectorDepth }) }}</pre>
+				{% endif %}
+			</details>
+			{% endfor %}
+		</div>
 	</main>
 	<script>
 		document.getElementById("go-back").addEventListener("click", (event) => {
@@ -42,7 +58,7 @@ permalink: /navigator-core.html
 	</script>
 </body>
 <footer>
-	<small>Navigator Core — Eleventy Plugin Baseline</small>
+	<div class="_navigator__wrapper"><small>Navigator Core — Eleventy Plugin Baseline</small></div>
 </footer>
 
 </html>

package/modules/sitemap-core/plugins/sitemap-core.js

@@ -1,6 +1,6 @@
-import fs from "node:fs";
-import path from "node:path";
-import { fileURLToPath } from "node:url";
+import fs from 'node:fs';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
@@ -13,30 +13,30 @@ export default function sitemapCore(eleventyConfig, options = {}) {
 		languages: options.languages
 	};
 
-	eleventyConfig.addGlobalData("eleventyComputed.page.sitemap", () => {
+	eleventyConfig.addGlobalData('eleventyComputed.page.sitemap', () => {
 		return (data) => ({
-			ignore: data.site?.noindex ?? false,
-			changefreq: "",
+			ignore: data.noindex ?? data.page?.noindex ?? data.site?.noindex ?? false,
+			changefreq: '',
 			priority: -1
 		});
 	});
 
 	if (userOptions.enableSitemapTemplate) {
-		const templatePath = path.join(__dirname, "../templates/sitemap-core.html");
-		const indexTemplatePath = path.join(__dirname, "../templates/sitemap-index.html");
-		const baseContent = fs.readFileSync(templatePath, "utf-8");
-		const indexContent = fs.readFileSync(indexTemplatePath, "utf-8");
+		const templatePath = path.join(__dirname, '../templates/sitemap-core.html');
+		const indexTemplatePath = path.join(__dirname, '../templates/sitemap-index.html');
+		const baseContent = fs.readFileSync(templatePath, 'utf-8');
+		const indexContent = fs.readFileSync(indexTemplatePath, 'utf-8');
 
 		const languages = userOptions.languages || {};
 		const langKeys = Array.isArray(languages) ? languages : Object.keys(languages);
-		const multilingual = typeof userOptions.multilingual === "boolean" ? userOptions.multilingual : langKeys.length > 1;
+		const multilingual = typeof userOptions.multilingual === 'boolean' ? userOptions.multilingual : langKeys.length > 1;
 
 		if (multilingual && langKeys.length > 1) {
 			for (const lang of langKeys) {
 				eleventyConfig.addTemplate(`_baseline/sitemap-core-${lang}.html`, baseContent, {
 					permalink: `${lang}/sitemap.xml`,
-					title: "",
-					description: "",
+					title: '',
+					description: '',
 					layout: null,
 					eleventyExcludeFromCollections: true,
 					isMultilingual: multilingual,
@@ -44,19 +44,19 @@ export default function sitemapCore(eleventyConfig, options = {}) {
 				});
 			}
 
-			eleventyConfig.addTemplate("_baseline/sitemap-index.html", indexContent, {
-				permalink: "/sitemap.xml",
-				title: "",
-				description: "",
+			eleventyConfig.addTemplate('_baseline/sitemap-index.html', indexContent, {
+				permalink: '/sitemap.xml',
+				title: '',
+				description: '',
 				layout: null,
 				eleventyExcludeFromCollections: true,
 				isMultilingual: multilingual
 			});
 		} else {
-			eleventyConfig.addTemplate("_baseline/sitemap-core.html", baseContent, {
-				permalink: "/sitemap.xml",
-				title: "",
-				description: "",
+			eleventyConfig.addTemplate('_baseline/sitemap-core.html', baseContent, {
+				permalink: '/sitemap.xml',
+				title: '',
+				description: '',
 				layout: null,
 				eleventyExcludeFromCollections: true
 			});

package/modules/sitemap-core/templates/sitemap-core.html

@@ -2,7 +2,7 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml">
 {%- if not site.noindex -%}
 {%- for item in collections.all -%}
-{%- if not item.data.eleventyExcludeFromCollections and (not item.data.sitemap or item.data.sitemap.ignore != true) -%}
+{%- if not item.data.eleventyExcludeFromCollections and (not item.data.sitemap or item.data.sitemap.ignore != true) and item.data.noindex != true -%}
 {%- set pageLang = item.data.lang or site.defaultLanguage -%}
 {%- if (not isMultilingual) or (not sitemapLang) or (pageLang == sitemapLang) -%}
 {%- set absoluteUrl = item.url | htmlBaseUrl -%}
@@ -12,9 +12,9 @@
 {%- if lastmod -%}<lastmod>{{ date.toUTCISO(lastmod) }}</lastmod>{%- endif -%}
 {%- if item.data.sitemap and item.data.sitemap.changefreq -%}<changefreq>{{ item.data.sitemap.changefreq }}</changefreq>{%- endif -%}
 {%- if item.data.sitemap and item.data.sitemap.priority is defined -%}<priority>{{ item.data.sitemap.priority }}</priority>{%- endif -%}
-{%- if item.data.translationKey and collections.translations and collections.translations[item.data.translationKey] -%}
-{%- for language, item in collections.translations[item.data.translationKey] -%}
-<xhtml:link rel="alternate" hreflang="{{ item.lang }}" href="{{ item.url | htmlBaseUrl }}" />
+{%- if item.data.translationKey and collections.translationsMap and collections.translationsMap[item.data.translationKey] -%}
+{%- for language, entry in collections.translationsMap[item.data.translationKey] -%}
+<xhtml:link rel="alternate" hreflang="{{ entry.lang }}" href="{{ entry.url | htmlBaseUrl }}" />
 {%- endfor -%}
 {%- endif -%}
 </url>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apleasantview/eleventy-plugin-baseline",
-  "version": "0.1.0-next.21",
+  "version": "0.1.0-next.27",
   "description": "An experimental Swiss army knife toolkit for Eleventy",
   "type": "module",
   "main": "eleventy.config.js",