@cogenta/theme-restaurant 0.3.2 → 0.5.3

package/dist/src/render/chrome.js

@@ -1,107 +1,124 @@
-import { escapeAttribute, escapeText, renderBrandMark, renderSocialLinks, renderThemeToggle, serialize, } from '@cogenta/theme-kit';
+import { escapeAttribute, escapeText, renderBrandMark, renderFooterWidgets, renderSocialLinks, renderThemeToggle, serialize, } from '@cogenta/theme-kit';
 /**
- * This theme's own header and footer, built for `theme@1.4` from the start
- * rather than retrofitted: `headerAction` renders as a button beside the
- * primary nav, `tagline`/`social`/`footerNote` fill the footer's brand
- * column, and — the one thing none of the four L23 themes had yet — a
- * genuinely CSS-only mobile menu.
+ * The restaurant's header and footer (`theme@1.4`).
  *
- * The mobile menu is a `<details>`/`<summary>` disclosure, not a checkbox
- * hack: expanding, keyboard operation (`Enter`/`Space` on the `<summary>`)
- * and the open/closed state announced to assistive technology all come from
- * the browser, at zero bytes of JavaScript. It carries the *same* links as
- * the desktop nav plus the header action — never a second, drifting list —
- * and is shown only below the breakpoint `base.css` sets for `.cg-nav`.
+ * Header: one quiet row on the grid, under a hairline. The restaurant's name
+ * on the left in the display serif (or its uploaded logo), the pages in words
+ * at the text size, then the `headerAction` ("Reserve") as the one underlined
+ * link after a hairline, and the light/dark control. The action sits outside
+ * the navigation list on purpose: on a phone it stays in the header row
+ * beside the menu toggle, because booking a table is what most visitors came
+ * to do.
  *
- * The manual light/dark toggle (L26) sits right after the desktop nav, before
- * the header action — `renderThemeToggle` (`@cogenta/theme-kit`) returns
- * markup only, this theme styles `.cg-theme-toggle` itself in `base.css`. It
- * is unconditional (rendered on every page, `theme@1.4` fields or not),
- * unlike the header/footer additions above it.
+ * Below the wide breakpoint the pages become a panel of large serif links
+ * under the header, opened by a CSS-only toggle: a visually hidden checkbox
+ * paired with a `<label>`, placed before the `<nav>` so the sibling
+ * combinator reaches it. One `<nav>` in the markup, retiled by CSS. Under
+ * the links the open panel repeats the `footerNote` (the address card), which
+ * the stylesheet shows in the panel only.
+ *
+ * Footer: a charcoal band. The name and the `tagline`; the `footerNote` set as
+ * the restaurant's address card (a blank line starts a new paragraph, a line
+ * break stays a line break, so an address and a set of opening hours keep
+ * their shape); the footer navigation; the social profiles with their names;
+ * the footer widget columns (`theme@1.6`), when a site has placed any, as a
+ * second tier under a hairline; then the legal line, with the copyright year and the name beside the host's
+ * `brandingHtml`, placed once, as received. Every `theme@1.4` field renders
+ * only when present.
  */
-function navItems(links) {
+function navItems(links, className) {
     return links
         .filter((link) => link.href !== null || link.kind === 'submenu-placeholder')
         .map((link) => {
         const label = escapeText(link.label);
         const titleAttr = link.title === null ? '' : ` title="${escapeAttribute(link.title)}"`;
-        if (link.href === null)
-            return `<li><span${titleAttr}>${label}</span></li>`;
-        const href = escapeAttribute(link.href);
+        if (link.href === null) {
+            return `<li class="${className}"><span${titleAttr}>${label}</span></li>`;
+        }
         const target = link.openInNewTab ? ' target="_blank" rel="noopener"' : '';
-        return `<li><a href="${href}"${target}${titleAttr}>${label}</a></li>`;
+        return `<li class="${className}"><a href="${escapeAttribute(link.href)}"${target}${titleAttr}>${label}</a></li>`;
     })
         .join('');
 }
-/** Three bars, drawn directly rather than pulled from an icon font (R9/R10) — the universal "menu" glyph. */
-const HAMBURGER_GLYPH = '<svg class="cg-mobile-nav__glyph" viewBox="0 0 24 24" fill="none" stroke="currentColor" ' +
-    'stroke-width="1.5" stroke-linecap="round" aria-hidden="true" focusable="false">' +
-    '<path d="M4 7h16"/><path d="M4 12h16"/><path d="M4 17h16"/></svg>';
-/** The header's own call-to-action link (`theme@1.4`), styled like the block vocabulary's own primary action. */
-function renderHeaderAction(action) {
-    if (action === undefined)
-        return '';
-    return (`<a class="cg-action cg-nav__cta" data-emphasis="primary" ` +
-        `href="${escapeAttribute(action.href)}">${escapeText(action.label)}</a>`);
-}
-/**
- * The mobile drawer — the same nav links and header action as the desktop
- * header, in one `<details>` disclosure. Absent entirely when there is
- * nothing to show, exactly like the desktop `<nav>` above it.
- */
-function renderMobileNav(input) {
-    const items = navItems(input.headerNav);
-    const actionItem = input.headerAction === undefined ? '' : `<li>${renderHeaderAction(input.headerAction)}</li>`;
-    if (items === '' && actionItem === '')
+/** `footerNote` as paragraphs at blank lines, each keeping its own line breaks. */
+function renderFooterNote(note, className) {
+    const paragraphs = note
+        .replace(/\r\n?/g, '\n')
+        .split(/\n\s*\n/)
+        .map((paragraph) => paragraph
+        .split('\n')
+        .map((line) => line.trim())
+        .filter((line) => line !== ''))
+        .filter((lines) => lines.length > 0);
+    if (paragraphs.length === 0)
         return '';
-    return (`<details class="cg-mobile-nav">` +
-        `<summary class="cg-mobile-nav__toggle" aria-label="Menu">${HAMBURGER_GLYPH}</summary>` +
-        `<div class="cg-mobile-nav__panel"><ul class="cg-mobile-nav__items">${items}${actionItem}</ul></div>` +
-        `</details>`);
+    return `<div class="${className}">${paragraphs
+        .map((lines) => `<p>${lines.map((line) => escapeText(line)).join('<br>')}</p>`)
+        .join('')}</div>`;
 }
 export function renderChrome(input) {
-    const siteNameText = escapeText(input.site.name);
-    const headerNav = navItems(input.headerNav);
-    const footerNav = navItems(input.footerNav);
-    // The uploaded logo replaces the wordmark, and only the wordmark: the
-    // footer keeps the site's name in text, so a site whose logo fails to
-    // load is still named somewhere on every page.
-    const mark = renderBrandMark(input.brand, { className: 'cg-site-header__logo' }) ?? siteNameText;
-    const themeToggle = serialize(renderThemeToggle(input.locale, { className: 'cg-theme-toggle' }));
-    const headerAction = renderHeaderAction(input.headerAction);
-    const mobileNav = renderMobileNav(input);
-    const header = `<header class="cg-site-header"><div class="cg-site-header__inner">` +
-        `<a class="cg-site-header__home" href="${escapeAttribute(input.homeHref)}">${mark}</a>` +
-        `${headerNav === ''
-            ? ''
-            : `<nav class="cg-nav" aria-label="Primary"><ul class="cg-nav__items">${headerNav}</ul></nav>`}` +
-        `${themeToggle}` +
-        `${headerAction}` +
-        `${mobileNav}` +
-        `</div></header>`;
-    const tagline = input.tagline === undefined
+    const siteName = escapeText(input.site.name);
+    const home = escapeAttribute(input.homeHref);
+    const links = navItems(input.headerNav, 'cr-header__item');
+    const action = input.headerAction === undefined
         ? ''
-        : `<p class="cg-site-footer__tagline">${escapeText(input.tagline)}</p>`;
-    const social = input.social === undefined
+        : `<a class="cr-header__action" href="${escapeAttribute(input.headerAction.href)}">${escapeText(input.headerAction.label)}</a>`;
+    const toggle = serialize(renderThemeToggle(input.locale, { className: 'cg-theme-toggle' }));
+    const logo = renderBrandMark(input.brand, { className: 'cr-header__logo' });
+    const mark = logo ?? `<span class="cr-header__wordmark">${siteName}</span>`;
+    // On a phone the open panel also carries the address card, because the
+    // address and the hours are what a guest on the street opens the menu for.
+    // It is the footer's own note, shown only in the panel.
+    const panelCard = input.footerNote === undefined ? '' : renderFooterNote(input.footerNote, 'cr-header__card');
+    const menu = links === ''
         ? ''
-        : serialize(renderSocialLinks(input.social, {
-            className: 'cg-site-footer__social',
-            itemClassName: 'cg-site-footer__social-item',
-        }) ?? { kind: 'text', value: '' });
-    const footerNote = input.footerNote === undefined
+        : `<input type="checkbox" id="cr-nav-toggle" class="cr-nav-toggle-input" aria-label="Navigation">` +
+            `<label for="cr-nav-toggle" class="cr-nav-toggle-label" aria-hidden="true">` +
+            `<span class="cr-nav-toggle-bar"></span><span class="cr-nav-toggle-bar"></span>` +
+            `</label>` +
+            `<nav class="cr-header__nav" id="cr-nav" aria-label="Primary">` +
+            `<ul class="cr-header__links">${links}</ul>` +
+            `${panelCard}` +
+            `</nav>`;
+    const header = `<header class="cr-header" data-nav="${links === '' ? 'none' : 'links'}" data-action="${action === '' ? 'none' : 'link'}">` +
+        `<div class="cr-header__inner">` +
+        `<a class="cr-header__brand" href="${home}">${mark}</a>` +
+        `${menu}` +
+        `${action}` +
+        `${toggle}` +
+        `</div></header>`;
+    const tagline = input.tagline === undefined
         ? ''
-        : `<p class="cg-site-footer__note">${escapeText(input.footerNote)}</p>`;
-    const footer = `<footer class="cg-site-footer"><div class="cg-site-footer__grid">` +
-        `<div class="cg-site-footer__brand">` +
-        `<a class="cg-site-footer__brand-name" href="${escapeAttribute(input.homeHref)}">${siteNameText}</a>` +
-        `${tagline}${social}</div>` +
-        `${footerNav === ''
+        : `<p class="cr-footer__tagline" data-field="tagline">${escapeText(input.tagline)}</p>`;
+    const note = input.footerNote === undefined ? '' : renderFooterNote(input.footerNote, 'cr-footer__note');
+    const footerLinks = navItems(input.footerNav, 'cr-footer__item');
+    const social = renderSocialLinks(input.social, {
+        className: 'cr-footer__social',
+        itemClassName: 'cr-footer__social-item',
+    });
+    const year = new Date().getFullYear();
+    // The footer widget columns (`theme@1.6`): a row of their own under the
+    // name, the address card, the pages and the profiles, above the legal
+    // line, on the footer's own twelve columns.
+    const footerWidgets = renderFooterWidgets(input.widgets, {
+        className: 'cr-footer__widgets',
+        headingLevel: 'h2',
+    });
+    const footer = `<footer class="cr-footer"><div class="cr-footer__inner">` +
+        `<div class="cr-footer__about">` +
+        `<a class="cr-footer__name" href="${home}">${siteName}</a>` +
+        `${tagline}` +
+        `</div>` +
+        `${note}` +
+        `${footerLinks === ''
             ? ''
-            : `<nav class="cg-site-footer__nav" aria-label="Footer"><ul class="cg-nav__items">${footerNav}</ul></nav>`}` +
-        `<div class="cg-site-footer__about">${footerNote}</div>` +
-        `</div><div class="cg-site-footer__bottom">` +
-        `<span>${siteNameText}</span>` +
-        `<div class="cg-site-footer__branding">${input.brandingHtml}</div>` +
+            : `<nav class="cr-footer__nav" aria-label="Footer"><ul class="cr-footer__links">${footerLinks}</ul></nav>`}` +
+        `${social === null ? '' : `<div class="cr-footer__follow">${serialize(social)}</div>`}` +
+        `${footerWidgets === null ? '' : serialize(footerWidgets)}` +
+        `<div class="cr-footer__legal">` +
+        `<p class="cr-footer__copyright">© ${year} ${siteName}</p>` +
+        `${input.brandingHtml === '' ? '' : `<div class="cr-footer__branding">${input.brandingHtml}</div>`}` +
+        `</div>` +
         `</div></footer>`;
     return { header, footer };
 }

package/dist/src/render/chrome.js.map

@@ -1 +1 @@
-{"version":3,"file":"chrome.js","sourceRoot":"","sources":["../../../src/render/chrome.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,eAAe,EACf,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,GACV,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,SAAS,QAAQ,CAAC,KAA+B;IAC/C,OAAO,KAAK;SACT,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,qBAAqB,CAAC;SAC3E,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACZ,MAAM,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACpC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAA;QACtF,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI;YAAE,OAAO,YAAY,SAAS,IAAI,KAAK,cAAc,CAAA;QAC3E,MAAM,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACvC,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,CAAA;QACzE,OAAO,gBAAgB,IAAI,IAAI,MAAM,GAAG,SAAS,IAAI,KAAK,WAAW,CAAA;IACvE,CAAC,CAAC;SACD,IAAI,CAAC,EAAE,CAAC,CAAA;AACb,CAAC;AAED,6GAA6G;AAC7G,MAAM,eAAe,GACnB,0FAA0F;IAC1F,iFAAiF;IACjF,mEAAmE,CAAA;AAErE,iHAAiH;AACjH,SAAS,kBAAkB,CAAC,MAAmC;IAC7D,IAAI,MAAM,KAAK,SAAS;QAAE,OAAO,EAAE,CAAA;IACnC,OAAO,CACL,2DAA2D;QAC3D,SAAS,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CACzE,CAAA;AACH,CAAC;AAED;;;;GAIG;AACH,SAAS,eAAe,CAAC,KAAkB;IACzC,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IACvC,MAAM,UAAU,GACd,KAAK,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAA;IAC9F,IAAI,KAAK,KAAK,EAAE,IAAI,UAAU,KAAK,EAAE;QAAE,OAAO,EAAE,CAAA;IAChD,OAAO,CACL,iCAAiC;QACjC,4DAA4D,eAAe,YAAY;QACvF,sEAAsE,KAAK,GAAG,UAAU,aAAa;QACrG,YAAY,CACb,CAAA;AACH,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,KAAkB;IAC7C,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAChD,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAC3C,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAC3C,sEAAsE;IACtE,sEAAsE;IACtE,+CAA+C;IAC/C,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAAC,IAAI,YAAY,CAAA;IAChG,MAAM,WAAW,GAAG,SAAS,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC,CAAC,CAAA;IAChG,MAAM,YAAY,GAAG,kBAAkB,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,eAAe,CAAC,KAAK,CAAC,CAAA;IAExC,MAAM,MAAM,GACV,oEAAoE;QACpE,yCAAyC,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,IAAI,MAAM;QACvF,GACE,SAAS,KAAK,EAAE;YACd,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,sEAAsE,SAAS,aACrF,EAAE;QACF,GAAG,WAAW,EAAE;QAChB,GAAG,YAAY,EAAE;QACjB,GAAG,SAAS,EAAE;QACd,iBAAiB,CAAA;IAEnB,MAAM,OAAO,GACX,KAAK,CAAC,OAAO,KAAK,SAAS;QACzB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,sCAAsC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAA;IAC3E,MAAM,MAAM,GACV,KAAK,CAAC,MAAM,KAAK,SAAS;QACxB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,SAAS,CACP,iBAAiB,CAAC,KAAK,CAAC,MAAM,EAAE;YAC9B,SAAS,EAAE,wBAAwB;YACnC,aAAa,EAAE,6BAA6B;SAC7C,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAClC,CAAA;IACP,MAAM,UAAU,GACd,KAAK,CAAC,UAAU,KAAK,SAAS;QAC5B,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,mCAAmC,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAA;IAE3E,MAAM,MAAM,GACV,mEAAmE;QACnE,qCAAqC;QACrC,+CAA+C,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,YAAY,MAAM;QACrG,GAAG,OAAO,GAAG,MAAM,QAAQ;QAC3B,GACE,SAAS,KAAK,EAAE;YACd,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,kFAAkF,SAAS,aACjG,EAAE;QACF,sCAAsC,UAAU,QAAQ;QACxD,4CAA4C;QAC5C,SAAS,YAAY,SAAS;QAC9B,yCAAyC,KAAK,CAAC,YAAY,QAAQ;QACnE,iBAAiB,CAAA;IAEnB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,CAAA;AAC3B,CAAC"}
+{"version":3,"file":"chrome.js","sourceRoot":"","sources":["../../../src/render/chrome.ts"],"names":[],"mappings":"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"}

package/dist/src/render/dish.d.ts

@@ -0,0 +1,13 @@
+import { type HtmlElement, type PageContent, type PageEntryMeta, type RenderContext } from '@cogenta/theme-kit';
+export declare function isDishPage(entry: PageEntryMeta | undefined): entry is PageEntryMeta;
+export declare function renderDishHeader(page: PageContent, entry: PageEntryMeta, ctx: RenderContext): HtmlElement;
+/**
+ * Any other page: its title large and light on the grid, the entry's summary
+ * under it in the serif italic when it has one. A dated entry (a note from
+ * the kitchen) also carries its date, author and reading time in one small
+ * line, and its cover photograph under the title. An undated entry with a
+ * picture keeps the picture for the lists that link to it: its own page
+ * opens on words.
+ */
+export declare function renderPageHeader(page: PageContent, ctx: RenderContext): HtmlElement;
+//# sourceMappingURL=dish.d.ts.map

package/dist/src/render/dish.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dish.d.ts","sourceRoot":"","sources":["../../../src/render/dish.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,WAAW,EAEhB,KAAK,aAAa,EAClB,KAAK,aAAa,EAEnB,MAAM,oBAAoB,CAAA;AAmC3B,wBAAgB,UAAU,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,GAAG,KAAK,IAAI,aAAa,CAEnF;AAmCD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,aAAa,EACpB,GAAG,EAAE,aAAa,GACjB,WAAW,CAmDb;AA0BD;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,aAAa,GAAG,WAAW,CAyBnF"}

package/dist/src/render/dish.js

@@ -0,0 +1,84 @@
+import { h, renderImageSource, } from '@cogenta/theme-kit';
+import { currencyOf, DETAIL_FIELDS, formatPrice, isVegetarian, priceOf, sectionOf, textOf, } from './menu.js';
+import { menuString } from './strings.js';
+export function isDishPage(entry) {
+    return entry !== undefined && priceOf(entry.fields?.price) !== undefined;
+}
+function details(fields, locale) {
+    const rows = DETAIL_FIELDS.flatMap((name) => {
+        const value = textOf(fields[name]);
+        if (value === undefined)
+            return [];
+        return [
+            h('div', { class: 'cr-dish__fact', 'data-fact': name }, h('dt', { class: 'cr-dish__fact-label' }, menuString(locale, name)), h('dd', { class: 'cr-dish__fact-value' }, value)),
+        ];
+    });
+    if (rows.length === 0)
+        return null;
+    return h('div', { class: 'cr-dish__details' }, h('h2', { class: 'cg-visually-hidden' }, menuString(locale, 'details')), h('dl', { class: 'cr-dish__facts' }, rows));
+}
+function terms(entry) {
+    if (entry.terms === undefined || entry.terms.length === 0)
+        return null;
+    return h('ul', { class: 'cr-dish__terms' }, entry.terms.map((term) => h('li', {}, term.href === null ? term.label : h('a', { href: term.href }, term.label))));
+}
+export function renderDishHeader(page, entry, ctx) {
+    const fields = entry.fields ?? {};
+    const price = priceOf(fields.price);
+    const section = sectionOf(fields);
+    const image = entry.image;
+    return h('article', { class: 'cr-dish', 'data-media': String(image !== undefined) }, h('div', { class: 'cr-container cr-dish__inner' }, image === undefined
+        ? null
+        : h('figure', { class: 'cr-dish__media' }, renderImageSource(image, {
+            className: 'cr-dish__image',
+            loading: 'eager',
+            sizes: '(min-width: 64rem) 48vw, 100vw',
+        })), h('div', { class: 'cr-dish__info' }, section === undefined ? null : h('p', { class: 'cr-dish__section' }, section), h('h1', { class: 'cr-dish__title' }, page.title), entry.excerpt === undefined ? null : h('p', { class: 'cr-dish__summary' }, entry.excerpt), h('p', { class: 'cr-dish__price-line' }, h('span', { class: 'cr-dish__price' }, h('span', { class: 'cg-visually-hidden' }, `${menuString(ctx.locale, 'price')} `), h('data', { value: String(price) }, formatPrice(price, currencyOf(fields.currency), ctx.locale))), isVegetarian(fields)
+        ? h('span', { class: 'cr-dish__diet' }, menuString(ctx.locale, 'vegetarian'))
+        : null), details(fields, ctx.locale), terms(entry))));
+}
+function formatDate(iso, locale) {
+    try {
+        return new Intl.DateTimeFormat(locale, { dateStyle: 'long' }).format(new Date(iso));
+    }
+    catch {
+        return iso;
+    }
+}
+/**
+ * Date, author and reading time, for a dated entry only: an opening-hours
+ * page is not something a guest reads against the clock.
+ */
+function pageMeta(entry, ctx) {
+    if (entry.publishedAt === undefined)
+        return null;
+    const parts = [
+        h('time', { datetime: entry.publishedAt }, formatDate(entry.publishedAt, ctx.locale)),
+    ];
+    if (entry.author !== undefined)
+        parts.push(h('span', {}, entry.author.name));
+    if (entry.readingMinutes !== undefined) {
+        parts.push(h('span', {}, ctx.t('entry.readingTime', { minutes: entry.readingMinutes })));
+    }
+    return h('p', { class: 'cr-page-head__meta' }, parts);
+}
+/**
+ * Any other page: its title large and light on the grid, the entry's summary
+ * under it in the serif italic when it has one. A dated entry (a note from
+ * the kitchen) also carries its date, author and reading time in one small
+ * line, and its cover photograph under the title. An undated entry with a
+ * picture keeps the picture for the lists that link to it: its own page
+ * opens on words.
+ */
+export function renderPageHeader(page, ctx) {
+    const entry = page.entry;
+    const cover = entry?.publishedAt === undefined ? undefined : entry.image;
+    return h('header', { class: 'cr-page-head', 'data-cover': String(cover !== undefined) }, h('div', { class: 'cr-container cr-page-head__inner' }, h('h1', { class: 'cr-page-head__title' }, page.title), entry?.excerpt === undefined ? null : h('p', { class: 'cr-page-head__lead' }, entry.excerpt), entry === undefined ? null : pageMeta(entry, ctx), cover === undefined
+        ? null
+        : h('figure', { class: 'cr-page-head__cover' }, renderImageSource(cover, {
+            className: 'cr-page-head__image',
+            loading: 'eager',
+            sizes: '(min-width: 90rem) 86rem, 100vw',
+        }))));
+}
+//# sourceMappingURL=dish.js.map

package/dist/src/render/dish.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dish.js","sourceRoot":"","sources":["../../../src/render/dish.ts"],"names":[],"mappings":"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"}

package/dist/src/render/layout.d.ts

@@ -0,0 +1,23 @@
+import { type Attributes, type Child, type HtmlElement } from '@cogenta/theme-kit';
+/**
+ * The frame every block of this theme renders into.
+ *
+ * The outer element carries the one section rhythm (`--cr-section`, the same
+ * for every block) and paints edge to edge when a variant asks for a band.
+ * The inner element is the twelve-column container, so a section title, a
+ * dish name, a caption and a price all start on the same line.
+ *
+ * `inner` is `figure` for a block whose semantics are a figure (a quotation
+ * and its attribution, an image and its caption): `<figcaption>` must be a
+ * direct child of its `<figure>`.
+ */
+export declare function section(outer: 'section' | 'div', block: string, className: string, attrs: Attributes, inner: 'div' | 'figure', ...children: readonly Child[]): HtmlElement;
+/**
+ * A titled block's heading: set in the display serif at the section size, on
+ * the first column of the grid. A dining room lets the food and the room
+ * carry the page, so a section names itself in a few words and nothing else.
+ */
+export declare function sectionHead(blockName: string, title: string | undefined): HtmlElement | null;
+/** A paragraph that renders only when the text is there: no empty `<p>` on the page. */
+export declare function optionalText(tag: string, className: string, value: string | undefined, attrs?: Attributes): HtmlElement | null;
+//# sourceMappingURL=layout.d.ts.map

package/dist/src/render/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/render/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,UAAU,EAEf,KAAK,KAAK,EACV,KAAK,WAAW,EAGjB,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;;;;GAWG;AACH,wBAAgB,OAAO,CACrB,KAAK,EAAE,SAAS,GAAG,KAAK,EACxB,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,KAAK,GAAG,QAAQ,EACvB,GAAG,QAAQ,EAAE,SAAS,KAAK,EAAE,GAC5B,WAAW,CAMb;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,IAAI,CAW5F;AAED,wFAAwF;AACxF,wBAAgB,YAAY,CAC1B,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,KAAK,GAAE,UAAe,GACrB,WAAW,GAAG,IAAI,CAGpB"}

package/dist/src/render/layout.js

@@ -0,0 +1,33 @@
+import { blockHeadingTag, h, heading, } from '@cogenta/theme-kit';
+/**
+ * The frame every block of this theme renders into.
+ *
+ * The outer element carries the one section rhythm (`--cr-section`, the same
+ * for every block) and paints edge to edge when a variant asks for a band.
+ * The inner element is the twelve-column container, so a section title, a
+ * dish name, a caption and a price all start on the same line.
+ *
+ * `inner` is `figure` for a block whose semantics are a figure (a quotation
+ * and its attribution, an image and its caption): `<figcaption>` must be a
+ * direct child of its `<figure>`.
+ */
+export function section(outer, block, className, attrs, inner, ...children) {
+    return h(outer, { class: `cr-section ${className}`, 'data-block': block, ...attrs }, h(inner, { class: `cr-container ${className}__inner` }, ...children));
+}
+/**
+ * A titled block's heading: set in the display serif at the section size, on
+ * the first column of the grid. A dining room lets the food and the room
+ * carry the page, so a section names itself in a few words and nothing else.
+ */
+export function sectionHead(blockName, title) {
+    if (title === undefined)
+        return null;
+    return h('div', { class: 'cr-head' }, heading(blockHeadingTag(blockName) ?? 'h2', { class: 'cr-head__title', 'data-field': 'title' }, title));
+}
+/** A paragraph that renders only when the text is there: no empty `<p>` on the page. */
+export function optionalText(tag, className, value, attrs = {}) {
+    if (value === undefined || value.trim() === '')
+        return null;
+    return h(tag, { class: className, ...attrs }, value);
+}
+//# sourceMappingURL=layout.js.map

package/dist/src/render/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../src/render/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,eAAe,EAGf,CAAC,EACD,OAAO,GACR,MAAM,oBAAoB,CAAA;AAE3B;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,OAAO,CACrB,KAAwB,EACxB,KAAa,EACb,SAAiB,EACjB,KAAiB,EACjB,KAAuB,EACvB,GAAG,QAA0B;IAE7B,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,cAAc,SAAS,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EACnE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,SAAS,SAAS,EAAE,EAAE,GAAG,QAAQ,CAAC,CACrE,CAAA;AACH,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,SAAiB,EAAE,KAAyB;IACtE,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,IAAI,CAAA;IACpC,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,SAAS,EAAE,EACpB,OAAO,CACL,eAAe,CAAC,SAAS,CAAC,IAAI,IAAI,EAClC,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,OAAO,EAAE,EAClD,KAAK,CACN,CACF,CAAA;AACH,CAAC;AAED,wFAAwF;AACxF,MAAM,UAAU,YAAY,CAC1B,GAAW,EACX,SAAiB,EACjB,KAAyB,EACzB,KAAK,GAAe,EAAE;IAEtB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE;QAAE,OAAO,IAAI,CAAA;IAC3D,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,CAAA;AACtD,CAAC"}

package/dist/src/render/menu.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Reading a dish out of plain content data.
+ *
+ * Contract A fixes the system fields and nothing else, so a theme can only
+ * recognise a dish by convention: an entry with a numeric `price` is
+ * something on the menu, whatever its collection is called, and its
+ * `category` (or `section`, or `course`) is the part of the menu it belongs
+ * to. The same convention reads a dish in a menu list (the raw entry) and on
+ * its own page (`theme@1.5`'s `PageEntryMeta.fields`), so the two can never
+ * disagree about a price.
+ *
+ * Money is shown, never computed: no rounding, no service charge, no
+ * conversion. The currency comes from the entry's own `currency` field (an
+ * ISO 4217 code); contract B has no currency, so an entry that does not say
+ * is shown in euros, the currency every dish this theme's blueprint seeds is
+ * priced in. A restaurant that charges in another currency sets the field.
+ */
+export declare const DEFAULT_CURRENCY = "EUR";
+/** A finite, non-negative number, or `undefined` for anything else. */
+export declare function priceOf(value: unknown): number | undefined;
+/** An ISO 4217 code the platform accepts, or the default. */
+export declare function currencyOf(value: unknown): string;
+/**
+ * `€16` in English, `16 €` in French: the platform's own currency formatting
+ * in the page's locale. A whole amount shows no decimals, a price with cents
+ * shows two, so a menu of round prices does not read as a column of `.00`.
+ */
+export declare function formatPrice(amount: number, currency: string, locale: string): string;
+/** A non-empty string, trimmed, or `undefined`. */
+export declare function textOf(value: unknown): string | undefined;
+/** The first field among `names` that holds text. */
+export declare function firstText(source: Readonly<Record<string, unknown>>, names: readonly string[]): string | undefined;
+/** The part of the menu a dish belongs to, under whichever of the usual names a collection gave it. */
+export declare const SECTION_FIELDS: readonly ['category', 'section', 'course'];
+/** The plain details a dish page lists, in the order a guest reads them. */
+export declare const DETAIL_FIELDS: readonly ['sourcing', 'pairing', 'allergens'];
+export type DetailField = (typeof DETAIL_FIELDS)[number];
+export declare function sectionOf(source: Readonly<Record<string, unknown>>): string | undefined;
+/** `vegetarian: true` says so; anything else says nothing. */
+export declare function isVegetarian(source: Readonly<Record<string, unknown>>): boolean;
+export interface MenuSection<T> {
+    /** `undefined` for dishes that name no section: one untitled group. */
+    readonly title: string | undefined;
+    readonly items: readonly T[];
+}
+/**
+ * Groups dishes by section, keeping the order the list arrived in: a section
+ * appears where its first dish does, and its dishes keep their own order
+ * inside it. The editor orders the menu by ordering the entries; the theme
+ * never sorts it alphabetically behind their back.
+ */
+export declare function groupBySection<T extends Readonly<Record<string, unknown>>>(entries: readonly T[]): readonly MenuSection<T>[];
+//# sourceMappingURL=menu.d.ts.map

package/dist/src/render/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/render/menu.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,eAAO,MAAM,gBAAgB,QAAQ,CAAA;AAErC,uEAAuE;AACvE,wBAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAE1D;AAED,6DAA6D;AAC7D,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAIjD;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAapF;AAED,mDAAmD;AACnD,wBAAgB,MAAM,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAIzD;AAED,qDAAqD;AACrD,wBAAgB,SAAS,CACvB,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACzC,KAAK,EAAE,SAAS,MAAM,EAAE,GACvB,MAAM,GAAG,SAAS,CAMpB;AAED,uGAAuG;AACvG,eAAO,MAAM,cAAc,YAAI,UAAU,EAAE,SAAS,EAAE,QAAQ,CAAU,CAAA;AAExE,4EAA4E;AAC5E,eAAO,MAAM,aAAa,YAAI,UAAU,EAAE,SAAS,EAAE,WAAW,CAAU,CAAA;AAE1E,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAA;AAExD,wBAAgB,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,MAAM,GAAG,SAAS,CAEvF;AAED,8DAA8D;AAC9D,wBAAgB,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,OAAO,CAE/E;AAED,MAAM,WAAW,WAAW,CAAC,CAAC;IAC5B,uEAAuE;IACvE,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAClC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAA;CAC7B;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EACxE,OAAO,EAAE,SAAS,CAAC,EAAE,GACpB,SAAS,WAAW,CAAC,CAAC,CAAC,EAAE,CAc3B"}

package/dist/src/render/menu.js

@@ -0,0 +1,99 @@
+/**
+ * Reading a dish out of plain content data.
+ *
+ * Contract A fixes the system fields and nothing else, so a theme can only
+ * recognise a dish by convention: an entry with a numeric `price` is
+ * something on the menu, whatever its collection is called, and its
+ * `category` (or `section`, or `course`) is the part of the menu it belongs
+ * to. The same convention reads a dish in a menu list (the raw entry) and on
+ * its own page (`theme@1.5`'s `PageEntryMeta.fields`), so the two can never
+ * disagree about a price.
+ *
+ * Money is shown, never computed: no rounding, no service charge, no
+ * conversion. The currency comes from the entry's own `currency` field (an
+ * ISO 4217 code); contract B has no currency, so an entry that does not say
+ * is shown in euros, the currency every dish this theme's blueprint seeds is
+ * priced in. A restaurant that charges in another currency sets the field.
+ */
+export const DEFAULT_CURRENCY = 'EUR';
+/** A finite, non-negative number, or `undefined` for anything else. */
+export function priceOf(value) {
+    return typeof value === 'number' && Number.isFinite(value) && value >= 0 ? value : undefined;
+}
+/** An ISO 4217 code the platform accepts, or the default. */
+export function currencyOf(value) {
+    if (typeof value !== 'string' || !/^[A-Za-z]{3}$/.test(value.trim()))
+        return DEFAULT_CURRENCY;
+    const code = value.trim().toUpperCase();
+    return Intl.supportedValuesOf('currency').includes(code) ? code : DEFAULT_CURRENCY;
+}
+/**
+ * `€16` in English, `16 €` in French: the platform's own currency formatting
+ * in the page's locale. A whole amount shows no decimals, a price with cents
+ * shows two, so a menu of round prices does not read as a column of `.00`.
+ */
+export function formatPrice(amount, currency, locale) {
+    const whole = Number.isInteger(amount);
+    const options = {
+        style: 'currency',
+        currency,
+        minimumFractionDigits: whole ? 0 : 2,
+        maximumFractionDigits: whole ? 0 : 2,
+    };
+    try {
+        return new Intl.NumberFormat(locale, options).format(amount);
+    }
+    catch {
+        return new Intl.NumberFormat('en', options).format(amount);
+    }
+}
+/** A non-empty string, trimmed, or `undefined`. */
+export function textOf(value) {
+    if (typeof value !== 'string')
+        return undefined;
+    const trimmed = value.trim();
+    return trimmed === '' ? undefined : trimmed;
+}
+/** The first field among `names` that holds text. */
+export function firstText(source, names) {
+    for (const name of names) {
+        const value = textOf(source[name]);
+        if (value !== undefined)
+            return value;
+    }
+    return undefined;
+}
+/** The part of the menu a dish belongs to, under whichever of the usual names a collection gave it. */
+export const SECTION_FIELDS = ['category', 'section', 'course'];
+/** The plain details a dish page lists, in the order a guest reads them. */
+export const DETAIL_FIELDS = ['sourcing', 'pairing', 'allergens'];
+export function sectionOf(source) {
+    return firstText(source, SECTION_FIELDS);
+}
+/** `vegetarian: true` says so; anything else says nothing. */
+export function isVegetarian(source) {
+    return source.vegetarian === true;
+}
+/**
+ * Groups dishes by section, keeping the order the list arrived in: a section
+ * appears where its first dish does, and its dishes keep their own order
+ * inside it. The editor orders the menu by ordering the entries; the theme
+ * never sorts it alphabetically behind their back.
+ */
+export function groupBySection(entries) {
+    const order = [];
+    const groups = new Map();
+    for (const entry of entries) {
+        const title = sectionOf(entry);
+        const group = groups.get(title);
+        if (group === undefined) {
+            order.push(title);
+            groups.set(title, [entry]);
+        }
+        else {
+            group.push(entry);
+        }
+    }
+    return order.map((title) => ({ title, items: groups.get(title) ?? [] }));
+}
+//# sourceMappingURL=menu.js.map

package/dist/src/render/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/render/menu.ts"],"names":[],"mappings":"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"}

package/dist/src/render/render-block.d.ts

@@ -2,5 +2,24 @@ import { type BlockRegistry, type VocabularyBlock } from '@cogenta/blocks';
 import { type FetchedEntries, type HtmlElement, type PageContent, type RenderContext } from '@cogenta/theme-kit';
 export type { FetchedEntries, PageContent };
 export declare function renderBlock(block: VocabularyBlock, ctx: RenderContext, entries?: FetchedEntries, registry?: BlockRegistry): HtmlElement | null;
+/**
+ * `<main id="cg-main">` is mandatory: it is the skip link's target, written
+ * by the host outside any theme's control.
+ *
+ * Three openings, and exactly one `h1` in each:
+ *
+ * - a page whose blocks include a `hero` lets the hero carry the title;
+ * - a dish (`isDishPage`: its `theme@1.5` fields carry a price) gets the dish
+ *   sheet: photograph, section, name, description, price, details;
+ * - anything else gets its title set large on the grid.
+ *
+ * A host older than `theme@1.5` sends no fields, so its dish pages open like
+ * any other page: title and description, never a price read from somewhere
+ * it was not given. A host older than `theme@1.4` sends no entry at all, and
+ * the page opens on its bare title.
+ *
+ * `withBlockKey` stamps every rendered block with its contract-B `_key`, so
+ * the visual page builder (L16) can map a clicked element back to its block.
+ */
 export declare function renderPage(page: PageContent, ctx: RenderContext, entries?: FetchedEntries, registry?: BlockRegistry): HtmlElement;
 //# sourceMappingURL=render-block.d.ts.map