@sarimarcus/content-sites-ui 0.24.0 → 0.25.0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All packages in the platform release in lockstep; entries are per release version.
 
+## 0.25.0 (2026-10-05)
+
+- `./editorial` `ArticleCategoryNav` builds its own links: it takes the articles and the site's category map (`categories`, in display order), links `/articles` and `/articles/topic/<slug>`, and defaults its "All" label and aria label. New type `ArticleCategoryMeta` (SLA-2961).
+
+### Breaking
+
+- `ArticleCategoryNav` no longer takes resolved `categories`/`all` links: pass `articles` and `categories={ARTICLE_CATEGORIES}`. The tourism sites delete their adapter with `rewrite-imports.mjs --delete-local`, then run `scripts/platform/migrations/promoted-adapters.mjs`, which adds the prop at every call site (SLA-2961).
+
 ## 0.24.0 (2026-10-05)
 
 - `./primitives`: `ResponsiveImage` and `ResponsivePicture`, the responsive image call site. They take `sizes` and never `widths`, `formats` or `fallbackFormat`: the variant service builds the ladder and serves WebP only (SLA-2960).

package/README.md

@@ -125,7 +125,7 @@ let a site keep its own roles.
 - `AuthorCard`: whole-card link, polaroid, or plain card with a profile link. `AuthorStrip`: portraits row.
 - `ArticleCard` / `ArticleGrid`: listing cards; `pagefindIgnore` for a listing that is itself indexed.
   `ArticleFeatureCard` is the wide lead card.
-- `ArticleCategoryNav`: "All" plus one chip per topic; the site supplies the links and counts.
+- `ArticleCategoryNav`: "All" plus one chip per populated topic, with counts. Pass the articles and the site's category map (`label`, `icon`, in display order); it links `/articles` and `/articles/topic/<slug>`.
 - `RelatedContent` / `RelatedContentCard` (in `./composed`, beside the CardCarousel they render): grid or carousel of `RelatedItem` cards, `tone` primary/accent/secondary.
   Resolving which items to show (collections, scoring, backfill) stays a site adapter.
 - `InsiderTips`: tip kinds are site keys mapped to a label and a tone.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sarimarcus/content-sites-ui",
-  "version": "0.24.0",
+  "version": "0.25.0",
   "description": "Universal Astro UI components, layout shell and design tokens shared by the content sites.",
   "type": "module",
   "license": "MIT",
@@ -49,6 +49,6 @@
     "@lucide/astro": "^1.23.0",
     "astro": "^7.0.6",
     "tailwindcss": "^4.1.18",
-    "@sarimarcus/content-sites-core": "0.24.0"
+    "@sarimarcus/content-sites-core": "0.25.0"
   }
 }

package/src/editorial/ArticleCategoryNav.astro

@@ -1,17 +1,45 @@
 ---
-/** ArticleCategoryNav — "All" plus one chip per populated topic, each with a count badge. The site resolves the links. */
+/**
+ * ArticleCategoryNav — "All" plus one chip per populated topic, each with a count badge. `categories` is the site's
+ * category map in display order; a category with no article is left out.
+ */
+import { url } from '@sarimarcus/content-sites-core/url';
 import Chip from '../primitives/Chip.astro';
 import Badge from '../primitives/Badge.astro';
-import type { ArticleCategoryLink } from './types';
+import type { ArticleCategoryLink, ArticleCategoryMeta } from './types';
 
 interface Props {
-  categories: ArticleCategoryLink[];
-  all: Omit<ArticleCategoryLink, 'icon'>;
-  ariaLabel: string;
+  articles: readonly { data: { category?: string | null } }[];
+  categories: Readonly<Record<string, ArticleCategoryMeta>>;
+  current?: string;
+  ariaLabel?: string;
+  allLabel?: string;
   class?: string;
 }
 
-const { categories, all, ariaLabel, class: className } = Astro.props;
+const {
+  articles,
+  categories: categoryMeta,
+  current,
+  ariaLabel = 'Browse articles by topic',
+  allLabel = 'All',
+  class: className,
+} = Astro.props;
+
+const counts = new Map<string, number>();
+for (const a of articles) {
+  if (a.data.category) counts.set(a.data.category, (counts.get(a.data.category) ?? 0) + 1);
+}
+const categories: ArticleCategoryLink[] = Object.keys(categoryMeta)
+  .filter((slug) => counts.has(slug))
+  .map((slug) => ({
+    href: url(`/articles/topic/${slug}`),
+    label: categoryMeta[slug].label,
+    icon: categoryMeta[slug].icon,
+    count: counts.get(slug)!,
+    active: current === slug,
+  }));
+const all = { href: url('/articles'), label: allLabel, count: articles.length, active: !current };
 const countClass = (active: boolean) => (active ? 'bg-overlay-foreground/20' : 'bg-muted');
 ---
 

package/src/editorial/index.ts

@@ -13,7 +13,7 @@ export { default as AuthorCard } from './AuthorCard.astro';
 export { default as ArticleCard } from './ArticleCard.astro';
 export { default as ArticleGrid } from './ArticleGrid.astro';
 export { default as ArticleCategoryNav } from './ArticleCategoryNav.astro';
-export type { AuthorSummary, ArticleSummary, KeyFact, SourceItem, ArticleCategoryLink } from './types';
+export type { AuthorSummary, ArticleSummary, KeyFact, SourceItem, ArticleCategoryLink, ArticleCategoryMeta } from './types';
 export { default as InsiderTips } from './InsiderTips.astro';
 export type { InsiderTip, InsiderTipAuthor, InsiderTipKinds, InsiderTipTone } from './types';
 export { default as AuthorStrip } from './AuthorStrip.astro';

package/src/editorial/types.ts

@@ -36,6 +36,12 @@ export interface KeyFact {
 
 export type SourceItem = SourceInput;
 
+/** The fields ArticleCategoryNav reads from a site's category map entry. */
+export interface ArticleCategoryMeta {
+  label: string;
+  icon?: string;
+}
+
 /** One category chip in an article topic nav. */
 export interface ArticleCategoryLink {
   href: string;