@cogenta/theme-magazine 1.1.2 → 1.3.3

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

@@ -0,0 +1,41 @@
+import { type ContentEntry, type HeadingTag, type HtmlElement, type ImageSource, type RenderContext, type TermArchiveEntry } from '@cogenta/theme-kit';
+/**
+ * One story as a listing sets it: a kicker, a headline, a standfirst, a date
+ * and, where the slot allows, a photograph. The front page, the rails, the
+ * opinion strip, the ranked list and the section front all build their rows
+ * from this one unit, so a kicker or a headline reads the same wherever the
+ * reader meets it. Which parts show, and at what size, is the slot's choice
+ * (`StoryOptions`) and the stylesheet's.
+ *
+ * The headline is the one link. The photograph links to the same place but
+ * is taken out of the tab order and hidden from assistive technology, so a
+ * keyboard or screen-reader user meets each story once.
+ */
+export interface Story {
+    readonly href: string | null;
+    readonly title: string;
+    readonly kicker?: string;
+    readonly standfirst?: string;
+    readonly date?: {
+        readonly iso: string;
+        readonly label: string;
+    };
+    readonly image?: ImageSource;
+}
+export interface StoryOptions {
+    readonly tag: HeadingTag;
+    /** A modifier, `cg-story--<variant>`: `lead`, `brief`, `secondary`, `rail`, `column`, `ranked`. */
+    readonly variant: string;
+    readonly image?: boolean;
+    readonly standfirst?: boolean;
+    readonly date?: boolean;
+    readonly sizes?: string;
+    readonly loading?: 'eager' | 'lazy';
+    readonly numeral?: string;
+}
+/** A `ContentEntry` as a story: every field read through the shared entry helpers, never assumed. */
+export declare function storyFromEntry(entry: ContentEntry, ctx: RenderContext, imageWidth: number): Story;
+/** A term archive row as a story. `TermArchiveEntry` carries no picture and no kicker, so neither is invented. */
+export declare function storyFromArchive(entry: TermArchiveEntry, locale: string): Story;
+export declare function renderStory(story: Story, options: StoryOptions): HtmlElement;
+//# sourceMappingURL=story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"story.d.ts","sourceRoot":"","sources":["../../../src/render/story.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,YAAY,EAMjB,KAAK,UAAU,EACf,KAAK,WAAW,EAGhB,KAAK,WAAW,EAChB,KAAK,aAAa,EAElB,KAAK,gBAAgB,EACtB,MAAM,oBAAoB,CAAA;AAG3B;;;;;;;;;;;GAWG;AAEH,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE;QAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAChE,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAC7B;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,GAAG,EAAE,UAAU,CAAA;IACxB,mGAAmG;IACnG,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACnC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,qGAAqG;AACrG,wBAAgB,cAAc,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,GAAG,KAAK,CAkBjG;AAED,kHAAkH;AAClH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,GAAG,KAAK,CAU/E;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,GAAG,WAAW,CAoD5E"}

package/dist/src/render/story.js

@@ -0,0 +1,65 @@
+import { entryDate, entryExcerpt, entryHref, entryImage, entryTitle, h, heading, renderImageSource, } from '@cogenta/theme-kit';
+import { entryKicker, shortDate } from './layout.js';
+/** A `ContentEntry` as a story: every field read through the shared entry helpers, never assumed. */
+export function storyFromEntry(entry, ctx, imageWidth) {
+    const iso = entryDate(entry);
+    const label = iso === undefined ? null : shortDate(iso, ctx.locale);
+    const kicker = entryKicker(entry);
+    const standfirst = entryExcerpt(entry);
+    const image = entryImage(entry, ctx, {
+        width: imageWidth,
+        height: Math.round((imageWidth * 2) / 3),
+        fit: 'cover',
+    });
+    return {
+        href: entryHref(entry, ctx),
+        title: entryTitle(entry, ctx),
+        ...(kicker === undefined ? {} : { kicker }),
+        ...(standfirst === undefined ? {} : { standfirst }),
+        ...(iso === undefined || label === null ? {} : { date: { iso, label } }),
+        ...(image === undefined || image.kind !== 'image' ? {} : { image }),
+    };
+}
+/** A term archive row as a story. `TermArchiveEntry` carries no picture and no kicker, so neither is invented. */
+export function storyFromArchive(entry, locale) {
+    const label = entry.publishedAt === null ? null : shortDate(entry.publishedAt, locale);
+    return {
+        href: entry.href,
+        title: entry.title,
+        ...(entry.summary === null ? {} : { standfirst: entry.summary }),
+        ...(entry.publishedAt === null || label === null
+            ? {}
+            : { date: { iso: entry.publishedAt, label } }),
+    };
+}
+export function renderStory(story, options) {
+    const imageOptions = {
+        className: 'cg-story__image',
+        ...(options.sizes === undefined ? {} : { sizes: options.sizes }),
+        ...(options.loading === undefined ? {} : { loading: options.loading }),
+    };
+    const showImage = options.image === true && story.image !== undefined;
+    const titleNode = story.href === null
+        ? story.title
+        : h('a', { class: 'cg-story__link', href: story.href }, story.title);
+    return h('article', {
+        class: `cg-story cg-story--${options.variant}`,
+        'data-media': showImage ? 'image' : 'none',
+    }, showImage && story.image !== undefined
+        ? story.href === null
+            ? h('div', { class: 'cg-story__media' }, renderImageSource(story.image, imageOptions))
+            : h('a', {
+                class: 'cg-story__media',
+                href: story.href,
+                tabindex: '-1',
+                'aria-hidden': 'true',
+            }, renderImageSource(story.image, imageOptions))
+        : null, h('div', { class: 'cg-story__body' }, options.numeral === undefined
+        ? null
+        : h('span', { class: 'cg-story__numeral', 'aria-hidden': 'true' }, options.numeral), story.kicker === undefined ? null : h('p', { class: 'cg-story__kicker' }, story.kicker), heading(options.tag, { class: 'cg-story__title' }, titleNode), options.standfirst === true && story.standfirst !== undefined
+        ? h('p', { class: 'cg-story__standfirst' }, story.standfirst)
+        : null, options.date === true && story.date !== undefined
+        ? h('p', { class: 'cg-story__meta' }, h('time', { datetime: story.date.iso }, story.date.label))
+        : null));
+}
+//# sourceMappingURL=story.js.map

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

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

package/dist/src/render/term-archive.d.ts

@@ -1,13 +1,3 @@
 import { type HtmlElement, type TermArchiveInput } from '@cogenta/theme-kit';
-/**
- * The taxonomy-term archive (contract D `theme@1.3`), as a section front.
- *
- * A magazine's archive is a section page, so it is built from the same
- * `cg-issue__row` rows `collectionList` already sets here — a contents strip,
- * not a card grid — under a section head that names the taxonomy as a kicker
- * and the term as the section title. Reusing the block's classes is what
- * keeps the two looking like the same publication without a second
- * stylesheet.
- */
 export declare function renderTermArchive(input: TermArchiveInput): HtmlElement;
 //# sourceMappingURL=term-archive.d.ts.map

package/dist/src/render/term-archive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"term-archive.d.ts","sourceRoot":"","sources":["../../../src/render/term-archive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAK,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAE/E;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,GAAG,WAAW,CA4DtE"}
+{"version":3,"file":"term-archive.d.ts","sourceRoot":"","sources":["../../../src/render/term-archive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAK,KAAK,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAmB/E,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,gBAAgB,GAAG,WAAW,CAkGtE"}

package/dist/src/render/term-archive.js

@@ -1,35 +1,58 @@
 import { h } from '@cogenta/theme-kit';
+import { renderStory, storyFromArchive } from './story.js';
 /**
- * The taxonomy-term archive (contract D `theme@1.3`), as a section front.
+ * The taxonomy-term archive (contract D `theme@1.3`), set as a section front.
  *
- * A magazine's archive is a section page, so it is built from the same
- * `cg-issue__row` rows `collectionList` already sets here — a contents strip,
- * not a card grid — under a section head that names the taxonomy as a kicker
- * and the term as the section title. Reusing the block's classes is what
- * keeps the two looking like the same publication without a second
- * stylesheet.
+ * The term is the page's title, very large on a double rule, under the
+ * taxonomy's name as a kicker. Its stories follow the front page's own
+ * composition: the newest as the lead across eight columns, the next three
+ * as briefs behind a vertical rule, and the rest in a row of three divided by
+ * hairlines. `TermArchiveEntry` carries no picture and no kicker, so a
+ * section front is set entirely in type, which is how a newspaper's inside
+ * section pages read anyway.
+ *
+ * Every visible word that is not content comes from `input.labels`, already
+ * in the page's language.
  */
+const BRIEFS = 3;
 export function renderTermArchive(input) {
-    const rows = input.entries.map((entry, index) => h('li', { class: 'cg-issue__row' }, h('span', { class: 'cg-issue__row-number', 'aria-hidden': 'true' }, String(index + 1).padStart(2, '0')), h('div', { class: 'cg-issue__row-body' }, h('h2', { class: 'cg-issue__row-title' }, entry.href === null
-        ? entry.title
-        : h('a', { class: 'cg-issue__link', href: entry.href }, entry.title)), entry.publishedAt === null
-        ? null
-        : h('time', { class: 'cg-issue__row-date', datetime: entry.publishedAt }, entry.publishedAt.slice(0, 10)), entry.summary === null ? null : h('p', { class: 'cg-issue__lead-excerpt' }, entry.summary))));
-    return h('main', { class: 'cg-main cg-archive', id: 'cg-main' }, input.ancestors.length === 0
+    const stories = input.entries.map((entry) => storyFromArchive(entry, input.locale));
+    const [lead, ...others] = stories;
+    const briefs = others.slice(0, BRIEFS);
+    const more = others.slice(BRIEFS);
+    return h('main', { class: 'cg-main cg-archive', id: 'cg-main' }, h('header', { class: 'cg-archive__head' }, h('div', { class: 'cg-container cg-archive__head-inner' }, input.ancestors.length === 0
         ? null
-        : h('nav', { class: 'cg-archive__breadcrumb', 'aria-label': input.labels.breadcrumb }, h('ol', {}, ...input.ancestors.map((l) => h('li', {}, h('a', { href: l.href }, l.label))))), h('p', { class: 'cg-issue__kicker' }, input.taxonomyName), h('h1', { class: 'cg-page__title' }, input.term.label), input.children.length === 0
+        : h('nav', { class: 'cg-archive__breadcrumb', 'aria-label': input.labels.breadcrumb }, h('ol', {}, input.ancestors.map((link) => h('li', {}, h('a', { href: link.href }, link.label))))), h('p', { class: 'cg-archive__kicker' }, input.taxonomyName), h('h1', { class: 'cg-archive__title' }, input.term.label), input.children.length === 0
         ? null
-        : h('ul', { class: 'cg-archive__children', 'aria-label': input.labels.subterms }, ...input.children.map((c) => h('li', {}, h('a', { href: c.href }, c.label)))), rows.length === 0
-        ? h('p', { class: 'cg-issue__empty' }, input.labels.empty)
-        : h('ul', { class: 'cg-issue__rest' }, ...rows), pager(input));
+        : h('ul', { class: 'cg-archive__children', 'aria-label': input.labels.subterms }, input.children.map((child) => h('li', {}, h('a', { href: child.href }, child.label)))))), h('section', { class: 'cg-section cg-listing', 'data-form': 'archive' }, h('div', { class: 'cg-container cg-listing__inner' }, lead === undefined
+        ? h('p', { class: 'cg-empty' }, input.labels.empty)
+        : h('div', {
+            class: 'cg-front',
+            'data-briefs': String(briefs.length),
+            'data-more': String(more.length),
+        }, h('div', { class: 'cg-front__lead' }, renderStory(lead, { tag: 'h2', variant: 'lead', standfirst: true, date: true })), briefs.length === 0
+            ? null
+            : h('ul', { class: 'cg-front__briefs' }, briefs.map((story) => h('li', { class: 'cg-front__brief' }, renderStory(story, {
+                tag: 'h2',
+                variant: 'brief',
+                standfirst: true,
+                date: true,
+            })))), more.length === 0
+            ? null
+            : h('ul', { class: 'cg-front__more' }, more.map((story) => h('li', { class: 'cg-front__item' }, renderStory(story, {
+                tag: 'h2',
+                variant: 'secondary',
+                standfirst: true,
+                date: true,
+            }))))), pager(input))));
 }
 function pager(input) {
     if (input.page.previousHref === null && input.page.nextHref === null)
         return null;
     return h('nav', { class: 'cg-archive__pager', 'aria-label': input.labels.pagination }, input.page.previousHref === null
         ? null
-        : h('a', { rel: 'prev', href: input.page.previousHref }, input.labels.previous), input.page.nextHref === null
+        : h('a', { class: 'cg-archive__pager-link', rel: 'prev', href: input.page.previousHref }, input.labels.previous), input.page.nextHref === null
         ? null
-        : h('a', { rel: 'next', href: input.page.nextHref }, input.labels.next));
+        : h('a', { class: 'cg-archive__pager-link', rel: 'next', href: input.page.nextHref }, input.labels.next));
 }
 //# sourceMappingURL=term-archive.js.map

package/dist/src/render/term-archive.js.map

@@ -1 +1 @@
-{"version":3,"file":"term-archive.js","sourceRoot":"","sources":["../../../src/render/term-archive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,CAAC,EAAyB,MAAM,oBAAoB,CAAA;AAE/E;;;;;;;;;GASG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAuB;IACvD,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAC9C,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,eAAe,EAAE,EAC1B,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,EAAE,EACxD,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CACnC,EACD,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAC/B,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAChC,KAAK,CAAC,IAAI,KAAK,IAAI;QACjB,CAAC,CAAC,KAAK,CAAC,KAAK;QACb,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CACvE,EACD,KAAK,CAAC,WAAW,KAAK,IAAI;QACxB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,EAAE,EAC5D,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAC/B,EACL,KAAK,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAC3F,CACF,CACF,CAAA;IAED,OAAO,CAAC,CACN,MAAM,EACN,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,SAAS,EAAE,EAC9C,KAAK,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC;QAC1B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,wBAAwB,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,EAC1E,CAAC,CACC,IAAI,EACJ,EAAE,EACF,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAC9E,CACF,EACL,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,CAAC,YAAY,CAAC,EACzD,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EACtD,KAAK,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;QACzB,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,EACtE,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAC7E,EACL,IAAI,CAAC,MAAM,KAAK,CAAC;QACf,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAC1D,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,GAAG,IAAI,CAAC,EACjD,KAAK,CAAC,KAAK,CAAC,CACb,CAAA;AACH,CAAC;AAED,SAAS,KAAK,CAAC,KAAuB;IACpC,IAAI,KAAK,CAAC,IAAI,CAAC,YAAY,KAAK,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI;QAAE,OAAO,IAAI,CAAA;IACjF,OAAO,CAAC,CACN,KAAK,EACL,EAAE,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,EAAE,EACrE,KAAK,CAAC,IAAI,CAAC,YAAY,KAAK,IAAI;QAC9B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,EACjF,KAAK,CAAC,IAAI,CAAC,QAAQ,KAAK,IAAI;QAC1B,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAC1E,CAAA;AACH,CAAC"}
+{"version":3,"file":"term-archive.js","sourceRoot":"","sources":["../../../src/render/term-archive.ts"],"names":[],"mappings":"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"}

package/dist/src/render/widget-areas.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The widget areas this theme names (contract D `theme@1.6`). Declaring them
+ * is what tells the host this theme draws the footer columns inside its own
+ * colophon; the page areas are placed by the host in the shared
+ * `cg-sidebar-layout` markup, which `styles/widgets.css` sets as a rail.
+ */
+export declare const widgetAreas: readonly {
+    readonly id: string;
+    readonly label: string;
+    readonly description?: string;
+}[];
+//# sourceMappingURL=widget-areas.d.ts.map

package/dist/src/render/widget-areas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-areas.d.ts","sourceRoot":"","sources":["../../../src/render/widget-areas.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS;IACjC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAC9B,EAWA,CAAA"}

package/dist/src/render/widget-areas.js

@@ -0,0 +1,19 @@
+/**
+ * The widget areas this theme names (contract D `theme@1.6`). Declaring them
+ * is what tells the host this theme draws the footer columns inside its own
+ * colophon; the page areas are placed by the host in the shared
+ * `cg-sidebar-layout` markup, which `styles/widgets.css` sets as a rail.
+ */
+export const widgetAreas = [
+    {
+        id: 'sidebar',
+        label: 'Rail',
+        description: 'Beside stories, section fronts and search results.',
+    },
+    {
+        id: 'content-after',
+        label: 'Under the story',
+        description: 'After an article or a page, before the comments.',
+    },
+];
+//# sourceMappingURL=widget-areas.js.map

package/dist/src/render/widget-areas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-areas.js","sourceRoot":"","sources":["../../../src/render/widget-areas.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,WAAW,GAIlB;IACJ;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,oDAAoD;KAClE;IACD;QACE,EAAE,EAAE,eAAe;QACnB,KAAK,EAAE,iBAAiB;QACxB,WAAW,EAAE,kDAAkD;KAChE;CACF,CAAA"}

package/dist/theme.config.js

@@ -10,8 +10,8 @@ import { defineTheme } from '@cogenta/theme-kit';
  */
 export default defineTheme({
     name: 'magazine',
-    version: '1.2.0',
-    description: 'An editorial magazine theme: print-inspired typography, a front-page "Top stories" grid with rubric rails, a masthead-styled article header, and zero client JavaScript.',
+    version: '1.3.0',
+    description: 'A news and culture magazine theme: a dated masthead between double rules, an asymmetric front page with briefs and column rules, section rails, an opinion strip, a ranked list, and articles set in Fraunces, Source Serif 4 and Libre Franklin. Zero client JavaScript.',
     author: 'Cogenta',
     engine: '^1.0.0',
     blocks: '^2.0.0',

package/dist/theme.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.config.js","sourceRoot":"","sources":["../theme.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAEhD;;;;;;;;GAQG;AACH,eAAe,WAAW,CAAC;IACzB,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,OAAO;IAChB,WAAW,EACT,0KAA0K;IAC5K,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE;QACV,MAAM;QACN,OAAO;QACP,aAAa;QACb,aAAa;QACb,KAAK;QACL,SAAS;QACT,OAAO;QACP,KAAK;QACL,OAAO;QACP,OAAO;QACP,gBAAgB;QAChB,OAAO;QACP,aAAa;QACb,cAAc;QACd,WAAW;QACX,aAAa;QACb,WAAW;KACZ;IACD,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;IAChC,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,eAAe;IACvB,IAAI,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;CAClC,CAAC,CAAA"}
+{"version":3,"file":"theme.config.js","sourceRoot":"","sources":["../theme.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAEhD;;;;;;;;GAQG;AACH,eAAe,WAAW,CAAC;IACzB,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,OAAO;IAChB,WAAW,EACT,2QAA2Q;IAC7Q,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE;QACV,MAAM;QACN,OAAO;QACP,aAAa;QACb,aAAa;QACb,KAAK;QACL,SAAS;QACT,OAAO;QACP,KAAK;QACL,OAAO;QACP,OAAO;QACP,gBAAgB;QAChB,OAAO;QACP,aAAa;QACb,cAAc;QACd,WAAW;QACX,aAAa;QACb,WAAW;KACZ;IACD,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;IAChC,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,eAAe;IACvB,IAAI,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE;CAClC,CAAC,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cogenta/theme-magazine",
-  "version": "1.1.2",
-  "description": "An editorial magazine theme for Cogenta: print-inspired typography, a lead-story listing grid, zero client JavaScript.",
+  "version": "1.3.3",
+  "description": "A news and culture magazine theme for Cogenta: a dated masthead, an asymmetric front page with column rules, section rails and long-form article pages, zero client JavaScript.",
   "license": "MPL-2.0",
   "type": "module",
   "sideEffects": false,
@@ -36,9 +36,9 @@
     "directory": "packages/theme-magazine"
   },
   "dependencies": {
-    "@cogenta/blocks": "1.0.3",
-    "@cogenta/render": "0.2.3",
-    "@cogenta/theme-kit": "0.3.2"
+    "@cogenta/blocks": "1.1.3",
+    "@cogenta/theme-kit": "0.5.3",
+    "@cogenta/render": "0.3.5"
   },
   "peerDependencies": {
     "astro": "^7.2.1"

package/src/index.ts

@@ -1,3 +1,4 @@
+export * from './render/article.js'
 export * from './render/blocks/accordion.js'
 export * from './render/blocks/collection-list.js'
 export * from './render/blocks/cta.js'
@@ -17,4 +18,6 @@ export * from './render/blocks/stats.js'
 export * from './render/blocks/testimonial.js'
 export * from './render/chrome.js'
 export * from './render/render-block.js'
+export * from './render/story.js'
 export * from './render/term-archive.js'
+export * from './render/widget-areas.js'

package/src/render/article.ts

@@ -0,0 +1,239 @@
+import type { VocabularyBlock } from '@cogenta/blocks'
+import {
+  type HtmlElement,
+  h,
+  type PageContent,
+  type PageEntryMeta,
+  type PageEntryTerm,
+  type RenderContext,
+  renderImageSource,
+} from '@cogenta/theme-kit'
+import { longDate } from './layout.js'
+
+/**
+ * The article page, built from `PageContent.entry` (contract D `theme@1.4`)
+ * rather than from `renderEntryHeader`'s shared default, because a newspaper
+ * sets its furniture in a fixed order: the section as a red kicker, a very
+ * large headline, the standfirst in italic, then the byline and the date
+ * between hairlines, then the lead photograph.
+ *
+ * Classification is read by taxonomy name, the one convention this theme
+ * adds on top of contract D:
+ *
+ * - a term of a taxonomy named like a section (`section`, `category`,
+ *   `topic`, `department`, `rubric`) is the kicker;
+ * - a term of a taxonomy named like a byline (`author`, `authors`, `byline`,
+ *   `contributor`, `writer`) is a name in the byline, linked to that
+ *   writer's archive;
+ * - `entry.author` (the account that wrote the entry, when it has a public
+ *   name) is the byline only when no byline term exists;
+ * - every other term is listed at the foot of the article.
+ *
+ * A byline is a list of names and nothing else: "By" and "and" are words in
+ * a language, and a theme has no translation for them, so the separators are
+ * drawn by the stylesheet.
+ */
+
+const SECTION_TAXONOMIES: ReadonlySet<string> = new Set([
+  'section',
+  'sections',
+  'category',
+  'categories',
+  'topic',
+  'topics',
+  'department',
+  'rubric',
+])
+
+const BYLINE_TAXONOMIES: ReadonlySet<string> = new Set([
+  'author',
+  'authors',
+  'byline',
+  'contributor',
+  'contributors',
+  'writer',
+  'writers',
+])
+
+/** Below this, a reading time tells a reader nothing they can use. */
+const MIN_READING_MINUTES_SHOWN = 2
+
+/**
+ * A page is set as an article when its entry carries anything an article has
+ * (a date, a standfirst, a picture, a classification). A reading time alone
+ * does not count: every page with a few paragraphs has one, and an About page
+ * set with a byline rule, "2 min read" and a drop cap reads as a news story.
+ */
+export function isArticle(entry: PageEntryMeta | undefined): entry is PageEntryMeta {
+  if (entry === undefined) return false
+  return (
+    entry.publishedAt !== undefined ||
+    entry.excerpt !== undefined ||
+    entry.image !== undefined ||
+    (entry.terms ?? []).length > 0
+  )
+}
+
+function termNode(term: PageEntryTerm, className: string): HtmlElement {
+  return term.href === null
+    ? h('span', { class: className }, term.label)
+    : h('a', { class: className, href: term.href }, term.label)
+}
+
+export interface ArticleTerms {
+  readonly kicker: PageEntryTerm | undefined
+  readonly byline: readonly PageEntryTerm[]
+  readonly other: readonly PageEntryTerm[]
+}
+
+export function articleTerms(entry: PageEntryMeta): ArticleTerms {
+  const terms = entry.terms ?? []
+  const kicker = terms.find((term) => SECTION_TAXONOMIES.has(term.taxonomy))
+  const byline = terms.filter((term) => BYLINE_TAXONOMIES.has(term.taxonomy))
+  const other = terms.filter((term) => term !== kicker && !BYLINE_TAXONOMIES.has(term.taxonomy))
+  return { kicker, byline, other }
+}
+
+/** The article opens its body with a photograph of its own: that figure, captioned, is the lead image. */
+export function opensWithFigure(blocks: readonly VocabularyBlock[]): boolean {
+  return blocks[0]?._type === 'mediaFigure'
+}
+
+function renderByline(entry: PageEntryMeta, terms: ArticleTerms): HtmlElement | null {
+  if (terms.byline.length > 0) {
+    return h(
+      'ul',
+      { class: 'cg-byline' },
+      terms.byline.map((term) =>
+        h('li', { class: 'cg-byline__name' }, termNode(term, 'cg-byline__link')),
+      ),
+    )
+  }
+  if (entry.author === undefined) return null
+  return h('ul', { class: 'cg-byline' }, h('li', { class: 'cg-byline__name' }, entry.author.name))
+}
+
+function renderMeta(
+  entry: PageEntryMeta,
+  terms: ArticleTerms,
+  ctx: RenderContext,
+): HtmlElement | null {
+  const byline = renderByline(entry, terms)
+  const date = entry.publishedAt === undefined ? null : longDate(entry.publishedAt, ctx.locale)
+  const minutes =
+    entry.readingMinutes !== undefined && entry.readingMinutes >= MIN_READING_MINUTES_SHOWN
+      ? entry.readingMinutes
+      : undefined
+  if (byline === null && date === null && minutes === undefined) return null
+  return h(
+    'div',
+    { class: 'cg-article-head__meta' },
+    byline,
+    date === null && minutes === undefined
+      ? null
+      : h(
+          'p',
+          { class: 'cg-article-head__dateline' },
+          date === null || entry.publishedAt === undefined
+            ? null
+            : h('time', { class: 'cg-article-head__date', datetime: entry.publishedAt }, date),
+          minutes === undefined
+            ? null
+            : h(
+                'span',
+                { class: 'cg-article-head__reading-time' },
+                ctx.t('entry.readingTime', { minutes }),
+              ),
+        ),
+  )
+}
+
+export function renderArticleHeader(
+  page: PageContent,
+  entry: PageEntryMeta,
+  ctx: RenderContext,
+): HtmlElement {
+  const terms = articleTerms(entry)
+  const cover =
+    entry.image === undefined || opensWithFigure(page.blocks)
+      ? null
+      : h(
+          'figure',
+          { class: 'cg-article-head__cover' },
+          renderImageSource(entry.image, {
+            className: 'cg-article-head__image',
+            loading: 'eager',
+            sizes: '(min-width: 64rem) 66rem, 100vw',
+          }),
+        )
+
+  return h(
+    'header',
+    { class: 'cg-article-head', 'data-cover': cover === null ? 'none' : 'image' },
+    h(
+      'div',
+      { class: 'cg-container cg-article-head__inner' },
+      terms.kicker === undefined
+        ? null
+        : h(
+            'p',
+            { class: 'cg-article-head__kicker' },
+            termNode(terms.kicker, 'cg-article-head__kicker-link'),
+          ),
+      h('h1', { class: 'cg-article-head__title' }, page.title),
+      entry.excerpt === undefined
+        ? null
+        : h('p', { class: 'cg-article-head__standfirst' }, entry.excerpt),
+      renderMeta(entry, terms, ctx),
+      cover,
+    ),
+  )
+}
+
+/**
+ * The foot of an article: every term that is neither its section nor a name
+ * in its byline, each a link to its archive when it has one. `null` when
+ * there is none, so an article ends on its last paragraph.
+ */
+export function renderArticleFooter(entry: PageEntryMeta): HtmlElement | null {
+  const { other } = articleTerms(entry)
+  if (other.length === 0) return null
+  return h(
+    'footer',
+    { class: 'cg-article-foot' },
+    h(
+      'div',
+      { class: 'cg-container cg-article-foot__inner' },
+      h(
+        'ul',
+        { class: 'cg-article-foot__terms' },
+        other.map((term) =>
+          h(
+            'li',
+            { class: 'cg-article-foot__term', 'data-taxonomy': term.taxonomy },
+            termNode(term, 'cg-article-foot__link'),
+          ),
+        ),
+      ),
+    ),
+  )
+}
+
+/**
+ * The title of a page that is not an article. A page that opens on running
+ * text (About, Standards) takes the title over its reading column, the way an
+ * article does, without an article's furniture; any other page (a pricing
+ * page, a landing page) sets its title as a section title on a heavy rule.
+ */
+export function renderPageHeader(page: PageContent): HtmlElement {
+  const text = page.blocks[0]?._type === 'prose'
+  return h(
+    'header',
+    { class: 'cg-page-head', 'data-layout': text ? 'text' : 'section' },
+    h(
+      'div',
+      { class: 'cg-container cg-page-head__inner' },
+      h('h1', { class: 'cg-page-head__title' }, page.title),
+    ),
+  )
+}