@rxova/brand 0.7.0 → 0.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxova/brand",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "type": "module",
   "description": "Design tokens, Starlight theme and shared site chrome for rxova.org",
   "keywords": [

package/src/components/SiteFooter.astro

@@ -20,16 +20,38 @@
  */
 import { PROJECTS, RXOVA_ORIGIN, getProject, siteUrl, type ProjectId } from '../sites.ts'
 
+/** A standalone surface of rxova.org, for the "Site" column. */
+export interface SiteLink {
+  label: string
+  /** Absolute — see sites.ts. */
+  href: string
+}
+
 interface Props {
   /** Current project, if this is a docs site. Omitted on the landing. */
   project?: ProjectId
   /** Optional per-site "Docs" column. */
   docs?: { label: string; href: string }[]
+  /**
+   * The standalone surfaces to list under "Site", below Home.
+   *
+   * Defaults to Blog and Updates, which is what every surface showed when this
+   * column was hardcoded. It is a prop because only the umbrella repo knows
+   * which surfaces are actually *deployed* — `sources.json` gates the mount and
+   * the link together — and a hardcoded list advertises a 404 for a surface
+   * whose first build has not landed yet. Same reason `Header` takes `items`.
+   */
+  site?: readonly SiteLink[]
 }
 
-const { project, docs } = Astro.props
+const { project, docs, site } = Astro.props
 const self = project ? getProject(project) : undefined
 const year = new Date().getFullYear()
+
+const surfaces: readonly SiteLink[] = site ?? [
+  { label: 'Blog', href: siteUrl('/blog') },
+  { label: 'Updates', href: siteUrl('/updates') },
+]
 ---
 
 <footer class="rx-footer">
@@ -108,8 +130,13 @@ const year = new Date().getFullYear()
         <h2 class="rx-footer__title">Site</h2>
         <ul class="rx-footer__list">
           <li><a href={RXOVA_ORIGIN}>Home</a></li>
-          <li><a href={siteUrl('/blog')}>Blog</a></li>
-          <li><a href={siteUrl('/updates')}>Updates</a></li>
+          {
+            surfaces.map((s) => (
+              <li>
+                <a href={s.href}>{s.label}</a>
+              </li>
+            ))
+          }
         </ul>
       </div>