@sarimarcus/content-sites-ui 0.36.0 → 0.38.0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All packages in the platform release in lockstep; entries are per release version.
 
+## 0.38.0 (2026-10-15)
+
+- `editorial`: new `ArticleHubSection`, a titled hub section (heading over a slotted card grid) that renders nothing when `count` is 0; `ArticleMetadata` now takes its "Updated" test from core `isUpdatedAfterPublication` (SLA-3120).
+
+## 0.37.0 (2026-10-14)
+
+- No changes; lockstep release with core (SLA-3083).
+
 ## 0.36.0 (2026-10-14)
 
 - New `./webmcp` export (`setupWebMcp`, also re-exported from `./layout`): registers read-only WebMCP tools on `document.modelContext` when the browser exposes it, else does nothing. `search: true` adds `search_site` over the site's Pagefind index; `remoteEndpoint` + a lazy `remoteTools` import mirror a remote MCP server's tools through stateless JSON-RPC `tools/call`. No markup change; nothing loads until an agent calls a tool (SLA-3084).

package/package.json

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

package/src/editorial/ArticleHubSection.astro

@@ -0,0 +1,21 @@
+---
+/**
+ * ArticleHubSection — one titled section of the articles hub (trending, latest, recently updated): a heading over
+ * the slotted card grid. `count` is an optional render guard: 0 renders nothing, so no empty heading is left behind.
+ */
+interface Props {
+  heading: string;
+  id: string;
+  count?: number;
+  class?: string;
+}
+
+const { heading, id, count, class: className = 'mb-14' } = Astro.props;
+---
+
+{(count === undefined || count > 0) && (
+  <section class={className} aria-labelledby={id}>
+    <h2 id={id} class="text-2xl sm:text-3xl font-normal font-display text-foreground mb-6">{heading}</h2>
+    <slot />
+  </section>
+)}

package/src/editorial/index.ts

@@ -12,6 +12,7 @@ export { default as ArticleKeyFacts } from './ArticleKeyFacts.astro';
 export { default as AuthorCard } from './AuthorCard.astro';
 export { default as ArticleCard } from './ArticleCard.astro';
 export { default as ArticleGrid } from './ArticleGrid.astro';
+export { default as ArticleHubSection } from './ArticleHubSection.astro';
 export { default as ArticleCategoryNav } from './ArticleCategoryNav.astro';
 export { default as ArticleTopicPage } from './ArticleTopicPage.astro';
 export { default as ArticleTopicPager } from './ArticleTopicPager.astro';

package/src/layout/DocumentShell.astro

@@ -18,6 +18,8 @@ import { SILKTIDE_STYLESHEET } from './resources.ts';
 
 interface Props {
   title: string;
+  /** Optional social/Discover headline for `og:title` and `twitter:title` when `<title>` uses a shorter SEO variant. */
+  ogTitle?: string;
   description: string;
   siteName: string;
   /** Absolute origin, e.g. `https://www.example.com`. */
@@ -53,6 +55,7 @@ interface Props {
 
 const {
   title,
+  ogTitle,
   description,
   siteName,
   siteUrl,
@@ -82,11 +85,12 @@ const {
   footerClass,
 } = Astro.props;
 
+const socialTitle = ogTitle ?? title;
 const baseUrl = import.meta.env.BASE_URL.replace(/\/$/, '');
 const canonicalUrl = providedCanonicalUrl
   ? normalizeSiteUrl(providedCanonicalUrl, siteUrl, baseUrl)
   : toAbsoluteSiteUrl(normalizePagePath(Astro.url.pathname, baseUrl), siteUrl, baseUrl);
-const imageAlt = ogImageAlt ?? `${title} - ${siteName}`;
+const imageAlt = ogImageAlt ?? `${socialTitle} - ${siteName}`;
 
 function normalizeArticleTime(dateStr: string | undefined): string | undefined {
   if (!dateStr) return undefined;
@@ -123,7 +127,7 @@ const isArticleMeta = Boolean(articleAuthorUrl || publishedTime || modifiedTime
 
     <meta property="og:type" content={ogType ?? (isArticleMeta ? 'article' : 'website')} />
     <meta property="og:url" content={canonicalUrl} />
-    <meta property="og:title" content={title} />
+    <meta property="og:title" content={socialTitle} />
     <meta property="og:description" content={description} />
     <OgImageMeta image={ogImage} alt={imageAlt} siteUrl={siteUrl} baseUrl={baseUrl} />
     <meta property="og:site_name" content={siteName} />
@@ -137,7 +141,7 @@ const isArticleMeta = Boolean(articleAuthorUrl || publishedTime || modifiedTime
     <meta name="twitter:card" content="summary_large_image" />
     {twitterHandle && <meta name="twitter:site" content={twitterHandle} />}
     {twitterHandle && <meta name="twitter:creator" content={twitterHandle} />}
-    <meta name="twitter:title" content={title} />
+    <meta name="twitter:title" content={socialTitle} />
     <meta name="twitter:description" content={description} />
 
     <title>{title}</title>

package/src/seo/ArticleMetadata.astro

@@ -14,6 +14,7 @@
  * changes no byte.
  */
 import { Image } from 'astro:assets';
+import { isUpdatedAfterPublication } from '@sarimarcus/content-sites-core/articles';
 import type { ArticleAuthor } from './types';
 import { LABELS } from '../internal/labels';
 
@@ -76,7 +77,7 @@ function formatDate(dateStr: string | undefined): string {
 
 const publishedFormatted = formatDate(datePublished);
 const modifiedFormatted = formatDate(dateModified);
-const showModified = !!dateModified && (!datePublished || dateModified.slice(0, 10) !== datePublished.slice(0, 10));
+const showModified = isUpdatedAfterPublication({ datePublished, dateModified });
 
 const name = author?.name;
 const portraitAlt = `${portraitLabel} ${name}`;