@grove-dev/astro 0.7.0 → 0.8.0

package/src/layouts/Footer.astro

@@ -1,231 +0,0 @@
----
-/**
- * Footer — 4-column grid (brand + Discover + Contribute + Project) plus
- * a thin bar at the bottom with copyright + repo link.
- *
- * Generic: takes a `site` prop with brand + repoUrl + stats, plus
- * pre-computed column data. No `siteConfig` import — consumers
- * compose props from their own config (or from
- * `data/generated/site-config.json` for the showcase).
- *
- * Each column's links are passed in as a `{ heading, items[] }` shape
- * so consumers can customize the order and copy. Defaults are
- * provided so the footer still renders if no extra data is supplied.
- */
-import PoweredBy from "../components/PoweredBy.astro";
-
-interface NavItem {
-  label: string;
-  href: string;
-  /** When true, opens in a new tab (external). */
-  external?: boolean;
-}
-
-interface FooterColumn {
-  heading: string;
-  items: NavItem[];
-}
-
-interface Site {
-  name: string;
-  tagline?: string;
-  description?: string;
-  repoUrl?: string;
-  footer?: {
-    columns?: FooterColumn[];
-    copyright?: string;
-    license?: string;
-    /** "Powered by Grove" under the brand block. Defaults to on. */
-    poweredBy?: boolean;
-  };
-  stats?: {
-    totalApps?: number;
-    totalCategories?: number;
-    totalStacks?: number;
-    totalOwners?: number;
-  };
-}
-
-interface Props {
-  site: Site;
-  /** Discover links — first content column. */
-  discover?: FooterColumn;
-  /** Contribute links — second content column. */
-  contribute?: FooterColumn;
-  /** Project links — third content column. */
-  project?: FooterColumn;
-  /** Stats line under brand blurb. */
-  stats?: { totalApps?: number; totalCategories?: number; totalOwners?: number };
-  /**
-   * Plural label for the primary count stat. Default "items" so the
-   * footer reads naturally regardless of blueprint.
-   */
-  itemsLabel?: string;
-  /** Copyright suffix. Defaults to site.name. */
-  copyrightHolder?: string;
-  /** License line under the bar (e.g. "Content under CC BY-SA 4.0."). */
-  licenseLine?: string;
-  /**
-   * "Powered by Grove" under the brand block. Falls back to
-   * `site.footer.poweredBy`, which defaults to on.
-   */
-  poweredBy?: boolean;
-  /** Extra class for the outer footer element. */
-  class?: string;
-}
-
-const {
-  site,
-  discover = { heading: "Discover", items: [] },
-  contribute = { heading: "Contribute", items: [] },
-  project = { heading: "Project", items: [] },
-  stats,
-  itemsLabel = "items",
-  copyrightHolder,
-  licenseLine,
-  poweredBy,
-  class: className = "",
-} = Astro.props;
-
-const showPoweredBy = poweredBy ?? site.footer?.poweredBy ?? true;
-
-const year = new Date().getFullYear();
-const holder = copyrightHolder ?? site.footer?.copyright ?? site.name;
-const gh = site.repoUrl;
-const showOwners = (stats?.totalOwners ?? 0) > 0;
-
-const defaultDiscover: NavItem[] = gh
-  ? [
-      { label: "Source on GitHub", href: gh, external: true },
-      { label: "Latest release", href: `${gh}/releases`, external: true },
-    ]
-  : [];
-const defaultContribute: NavItem[] = gh
-  ? [
-      { label: "Submit via GitHub", href: `${gh}/blob/main/CONTRIBUTING.md`, external: true },
-      { label: "Report an issue", href: `${gh}/issues`, external: true },
-      { label: "Contributing guide", href: `${gh}/blob/main/CONTRIBUTING.md`, external: true },
-    ]
-  : [];
-const defaultProject: NavItem[] = gh
-  ? [
-      { label: "README", href: `${gh}/blob/main/README.md`, external: true },
-      { label: "Changelog", href: `${gh}/blob/main/CHANGELOG.md`, external: true },
-    ]
-  : [];
-
-const discoverItems = discover.items.length ? discover.items : defaultDiscover;
-const contributeItems = contribute.items.length ? contribute.items : defaultContribute;
-const projectItems = project.items.length ? project.items : defaultProject;
-const configuredColumns = site.footer?.columns ?? [];
-const columns = configuredColumns.length
-  ? configuredColumns
-  : [
-      { heading: discover.heading, items: discoverItems },
-      { heading: contribute.heading, items: contributeItems },
-      { heading: project.heading, items: projectItems },
-    ].filter((column) => column.items.length > 0);
-const resolvedLicenseLine = licenseLine ?? site.footer?.license;
----
-
-<footer
-  class:list={[
-    "border-border bg-background mt-16 border-t text-ink-500 dark:text-ink-400",
-    className,
-  ]}
->
-  <div
-    class="mx-auto grid w-full max-w-container grid-cols-2 gap-8 px-5 py-12 md:grid-cols-4 sm:px-7"
-  >
-    <div class="col-span-2 md:col-span-1">
-      <div
-        class="mb-2 inline-flex items-center gap-2 text-[0.95rem] font-semibold text-ink-900 dark:text-ink-100"
-      >
-        <span
-          aria-hidden="true"
-          class="inline-block h-3.5 w-3.5 rounded bg-ink-900 dark:bg-ink-100"
-        ></span>
-        <span>{site.name}</span>
-      </div>
-      {site.tagline && (
-        <p class="m-0 max-w-[36ch] text-[0.8125rem] leading-relaxed text-ink-500 dark:text-ink-400">
-          {site.tagline}
-        </p>
-      )}
-      {stats && (
-        <p class="mt-3 m-0 text-2xs text-ink-500 dark:text-ink-400">
-          {stats.totalApps !== undefined && (
-            <>
-              <span class="font-mono">{stats.totalApps}</span> {itemsLabel}
-            </>
-          )}
-          {stats.totalApps !== undefined && (stats.totalCategories !== undefined || showOwners) && (
-            <span class="mx-1 text-ink-300 dark:text-ink-700">·</span>
-          )}
-          {stats.totalCategories !== undefined && (
-            <>
-              <span class="font-mono">{stats.totalCategories}</span> categories
-            </>
-          )}
-          {stats.totalCategories !== undefined && showOwners && (
-            <span class="mx-1 text-ink-300 dark:text-ink-700">·</span>
-          )}
-          {showOwners && (
-            <>
-              <span class="font-mono">{stats.totalOwners}</span> project owners
-            </>
-          )}
-        </p>
-      )}
-      {showPoweredBy && (
-        <p class="mt-4 m-0 text-[0.8125rem] text-ink-500 dark:text-ink-400">
-          <PoweredBy size={16} />
-        </p>
-      )}
-    </div>
-
-    {columns.map((column) => (
-      <div>
-        <h2 class="mb-3 text-2xs font-semibold uppercase tracking-wider text-ink-900 dark:text-ink-100">
-          {column.heading}
-        </h2>
-        <ul class="m-0 flex list-none flex-col gap-2 p-0">
-          {column.items.map((item) => (
-            <li>
-              <a
-                href={item.href}
-                class="text-sm transition-colors hover:text-ink-900 dark:hover:text-ink-100"
-                {...(item.external
-                  ? { target: "_blank", rel: "noopener noreferrer" }
-                  : {})}
-              >
-                {item.label}
-              </a>
-            </li>
-          ))}
-        </ul>
-      </div>
-    ))}
-  </div>
-
-  <div class="border-t border-ink-200 dark:border-ink-800">
-    <div
-      class="mx-auto flex w-full max-w-container flex-wrap items-center gap-3 px-5 py-4 text-2xs text-ink-500 sm:px-7 dark:text-ink-400"
-    >
-      <span>© {year} {holder}{resolvedLicenseLine ? `. ${resolvedLicenseLine}` : "."}</span>
-      {gh && (
-        <>
-          <span class="text-ink-300 dark:text-ink-700">·</span>
-          <a
-            href={gh}
-            target="_blank"
-            rel="noopener noreferrer"
-            class="transition-colors hover:text-ink-900 dark:hover:text-ink-100"
-          >
-            View source on GitHub
-          </a>
-        </>
-      )}
-    </div>
-  </div>
-</footer>

package/src/layouts/Header.astro

@@ -1,214 +0,0 @@
----
-/**
- * Header — sticky brand + nav + theme toggle.
- *
- * Generic: takes a `site` prop with brand + nav. No `siteConfig`
- * import — consumers compose the props from their own config.
- *
- * Optional `submit` button renders a "Submit app" / "Submit project"
- * call-to-action on the right side of the nav. Set `submitHref` /
- * `submitLabel` to enable, leave them undefined for a clean header.
- *
- * Optional `repoUrl` adds a "View source" GitHub button. Set
- * `repoLabel` to change the visible text.
- */
-
-import ThemeToggle from "./ThemeToggle.astro";
-import { buttonClass } from "../ui/button.js";
-
-interface NavItem {
-  label: string;
-  href: string;
-}
-
-interface Site {
-  name: string;
-  tagline?: string;
-  nav: NavItem[];
-  description?: string;
-  repoUrl?: string;
-  url?: string;
-  /** Logo path under `public/` (e.g. `/logo.svg`). */
-  logo?: string;
-  stats?: {
-    /** Stars on this site's own source repository. */
-    repositoryStars?: number;
-  };
-  blueprintConfig?: {
-    routeSlug?: string;
-  };
-}
-
-interface Props {
-  site: Site;
-  /** Submit button label, e.g. "Submit app". Omit to hide. */
-  submitLabel?: string;
-  /** Submit button href, e.g. "/submit". Omit to hide. */
-  submitHref?: string;
-  /** GitHub button label, e.g. "View source". */
-  repoLabel?: string;
-  /** Extra class for the outer header element. */
-  class?: string;
-}
-
-const {
-  site,
-  submitLabel,
-  submitHref,
-  repoLabel = "Star",
-  class: className = "",
-} = Astro.props;
-const directoryPath = `/${site.blueprintConfig?.routeSlug ?? "items"}`;
-const defaultNavItems = site.blueprintConfig
-  ? [
-      { label: "Recently added", href: `${directoryPath}?sort=recently-added` },
-      { label: "Trending", href: `${directoryPath}?label=hot` },
-      { label: "Categories", href: "/categories" },
-      { label: "Stacks", href: "/stacks" },
-      { label: "About", href: "/about" },
-    ]
-  : [];
-const navItems = site.nav?.length ? site.nav : defaultNavItems;
-const stars = site.stats?.repositoryStars;
-const starsLabel =
-  typeof stars === "number" && stars >= 1000
-    ? `${(stars / 1000).toFixed(stars >= 10000 ? 0 : 1)}k`
-    : typeof stars === "number" ? String(stars) : null;
----
-
-<header
-  class:list={[
-    "border-border bg-background/85 sticky top-0 z-50 border-b backdrop-blur",
-    className,
-  ]}
->
-  <div
-    class="mx-auto flex w-full max-w-container items-center gap-3 px-5 py-3 sm:gap-6 sm:px-7"
-  >
-    <a
-      href="/"
-      class="inline-flex min-w-0 shrink items-center gap-2 text-[0.95rem] font-semibold tracking-tight text-ink-900 dark:text-ink-100"
-    >
-      {site.logo ? (
-        <img
-          src={site.logo}
-          alt=""
-          aria-hidden="true"
-          width="18"
-          height="18"
-          class="inline-block h-[18px] w-[18px] shrink-0 object-contain"
-        />
-      ) : (
-        /* No logo configured — a neutral mark is the honest default.
-           Set `site.logo` in grove.config.ts to replace it. */
-        <span
-          aria-hidden="true"
-          class="inline-block h-[18px] w-[18px] rounded bg-ink-900 dark:bg-ink-100"
-        ></span>
-      )}
-      <span class="truncate">{site.name}</span>
-    </a>
-
-    <nav class="hidden flex-1 md:block" aria-label="Primary">
-      <ul class="m-0 flex list-none gap-5 p-0">
-        {navItems.map((item) => (
-          <li>
-            <a
-              href={item.href}
-              class="text-[0.875rem] font-medium text-ink-500 transition-colors hover:text-ink-900 dark:text-ink-400 dark:hover:text-ink-100"
-            >
-              {item.label}
-            </a>
-          </li>
-        ))}
-      </ul>
-    </nav>
-
-    <div class="ml-auto flex items-center gap-2">
-      <details class="group relative md:hidden">
-        <summary class="inline-flex h-9 cursor-pointer list-none items-center justify-center rounded-[var(--radius)] border border-border bg-secondary px-2.5 text-sm font-medium text-foreground hover:bg-accent focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-ring/35">
-          Menu
-        </summary>
-        <nav aria-label="Mobile primary" class="absolute right-0 top-[calc(100%+0.5rem)] z-50 w-56 rounded-[var(--radius)] border border-border bg-background p-2 shadow-lg">
-          <ul class="m-0 flex list-none flex-col gap-1 p-0">
-            {navItems.map((item) => (
-              <li><a href={item.href} class="block rounded-md px-3 py-2 text-sm font-medium text-foreground no-underline hover:bg-accent">{item.label}</a></li>
-            ))}
-            {submitHref && (
-              <li class="border-t border-border pt-1"><a href={submitHref} class="block rounded-md px-3 py-2 text-sm font-medium text-foreground no-underline hover:bg-accent">{submitLabel ?? "Submit"}</a></li>
-            )}
-          </ul>
-        </nav>
-      </details>
-
-      {submitHref && (
-        <a
-          href={submitHref}
-          class={buttonClass("secondary", "sm", "max-sm:!hidden")}
-        >
-          <svg
-            viewBox="0 0 16 16"
-            width="13"
-            height="13"
-            aria-hidden="true"
-            fill="currentColor"
-          >
-            <path d="M7.75 2a.75.75 0 0 1 .75.75v3.5h3.5a.75.75 0 0 1 0 1.5h-3.5v3.5a.75.75 0 0 1-1.5 0v-3.5h-3.5a.75.75 0 0 1 0-1.5h3.5v-3.5A.75.75 0 0 1 7.75 2Z"></path>
-          </svg>
-          <span>{submitLabel ?? "Submit"}</span>
-        </a>
-      )}
-
-      {site.repoUrl && (
-        <a
-          href={site.repoUrl}
-          target="_blank"
-          rel="noopener noreferrer"
-          aria-label={`${repoLabel} on GitHub${starsLabel ? ` — ${stars} stars` : ""}`}
-          title={`${repoLabel} on GitHub`}
-          class={buttonClass("secondary", "bare", "h-8 overflow-hidden p-0 text-sm")}
-        >
-          <span class="flex items-center gap-1.5 px-2.5 py-1.5 text-ink-900 dark:text-ink-100">
-            <svg viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" fill="currentColor">
-              <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38v-1.33c-2.22.48-2.69-1.07-2.69-1.07-.36-.92-.89-1.17-.89-1.17-.73-.5.05-.49.05-.49.8.06 1.23.83 1.23.83.72 1.22 1.87.87 2.33.67.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48v2.19c0 .21.15.46.55.38A8 8 0 0 0 8 0Z"></path>
-            </svg>
-            <span class="hidden lg:inline">{repoLabel}</span>
-          </span>
-          {starsLabel && <span class="hidden items-center gap-1 border-s border-border bg-secondary px-2 py-1.5 text-secondary-foreground sm:flex">
-            <svg viewBox="0 0 16 16" width="11" height="11" aria-hidden="true" fill="currentColor" class="text-amber-500">
-              <path d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Z"></path>
-            </svg>
-            <span class="font-mono">{starsLabel}</span>
-          </span>}
-        </a>
-      )}
-
-      <ThemeToggle />
-    </div>
-  </div>
-</header>
-
-<script>
-  // Smooth-scroll for in-page anchor links (Header nav + Hero CTA).
-  // Works on any <a href="#…"> that points to an existing element on
-  // the current page. External links (e.g. /about, /projects?…) are
-  // skipped because they don't start with "#". Modifier-clicks
-  // (Cmd/Ctrl/Shift/middle) let the browser handle the anchor
-  // normally so users can open the same section in a new tab.
-  document.addEventListener("click", (e) => {
-    if (e.defaultPrevented) return;
-    if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
-    if (e.button !== 0) return;
-    const link = (e.target as HTMLElement).closest<HTMLAnchorElement>(
-      'a[href^="#"]',
-    );
-    if (!link) return;
-    const id = link.getAttribute("href")!;
-    if (id.length <= 1) return;
-    const target = document.querySelector(id);
-    if (!target) return;
-    e.preventDefault();
-    target.scrollIntoView({ behavior: "smooth", block: "start" });
-    history.replaceState(null, "", id);
-  });
-</script>

package/src/layouts/SectionHeader.astro

@@ -1,43 +0,0 @@
----
-interface Props {
-  eyebrow?: string;
-  title: string;
-  description?: string;
-  align?: "left" | "center";
-  /** Pass 1 when this header IS the page title (one h1 per route). */
-  level?: 1 | 2 | 3;
-}
-
-const { eyebrow, title, description, align = "left", level = 2 } = Astro.props;
-const Heading = `h${level}` as "h1" | "h2" | "h3";
----
-
-<header
-  class={`mb-6 flex flex-col gap-2 ${
-    align === "center" ? "items-center text-center" : ""
-  }`}
->
-  {
-    eyebrow && (
-      <span class="text-2xs font-medium uppercase tracking-wider text-ink-500 dark:text-ink-400">
-        {eyebrow}
-      </span>
-    )
-  }
-  <Heading
-    class="text-[1.5rem] sm:text-[1.625rem] font-semibold tracking-tight text-ink-900 dark:text-ink-100 m-0"
-  >
-    {title}
-  </Heading>
-  {
-    description && (
-      <p
-        class={`text-[0.9375rem] leading-relaxed text-ink-500 dark:text-ink-400 m-0 ${
-          align === "center" ? "max-w-2xl" : "max-w-[56ch]"
-        }`}
-      >
-        {description}
-      </p>
-    )
-  }
-</header>

package/src/layouts/Seo.astro

@@ -1,171 +0,0 @@
----
-// SPDX-License-Identifier: MIT
-
-/**
- * Per-page SEO: <title>, description, canonical, Open Graph, Twitter Card,
- * and JSON-LD structured data. Designed to be used inside <head> by the
- * BaseLayout. Pages pass the rich props they care about; everything else
- * has a sensible default derived from the site config and the Astro URL.
- *
- * Renders:
- *   - <title>, meta description, canonical link, robots
- *   - Open Graph (og:*) for Facebook, LinkedIn, Discord, Slack, etc.
- *   - Twitter Card (twitter:*) for X / Twitter
- *   - JSON-LD WebSite+Organization identity graph on every page
- *     (built by @grove-dev/core's `siteSchema`, with a SearchAction
- *     pointing at the directory's browse page)
- *   - Per-page JSON-LD nodes when `jsonLd` is provided (SoftwareSourceCode
- *     on record pages, CollectionPage/ItemList/BreadcrumbList on
- *     collection and taxonomy pages, ...)
- *
- * Noindex is opt-in via the `noindex` prop. By default everything is
- * indexable; noindex targets today are /submit, /404, and /empty.
- */
-import { siteSchema, validateJsonLd, type JsonLdNode } from '@grove-dev/core';
-
-interface Props {
-  title: string;
-  description: string;
-  site: {
-    name: string;
-    description?: string;
-    repoUrl?: string;
-    /** Header logo path under `public/` — used as Organization logo when set. */
-    logo?: string;
-    /** BCP-47 language tag (e.g. "en"). Drives og:locale + JSON-LD inLanguage. */
-    locale?: string;
-    /** Twitter/X handle (e.g. "@grove") — emitted as twitter:site. */
-    twitter?: string;
-  };
-  searchPath?: string;
-  /** Open Graph / Twitter image. Default: /og-image.svg. Should be absolute or root-relative. */
-  image?: string;
-  /** Alt text for the OG/Twitter image. Default: "<site name> social preview". */
-  imageAlt?: string;
-  /** og:type. Default: "website". Use "article" for blog posts / changelog. */
-  type?: 'website' | 'article' | 'profile';
-  /** Set true to add noindex,nofollow. */
-  noindex?: boolean;
-  /** Extra JSON-LD payload (object) — typically SoftwareSourceCode on item pages. */
-  jsonLd?: Record<string, unknown> | Record<string, unknown>[];
-}
-
-const {
-  title,
-  description,
-  site: siteConfig,
-  searchPath = '/items',
-  image = '/og-image.svg',
-  imageAlt,
-  type = 'website',
-  noindex = false,
-  jsonLd,
-} = Astro.props;
-
-// `Astro.site` is required for canonical / OG / Twitter / JSON-LD URLs to
-// resolve to the consumer's domain. Failing the build (rather than silently
-// emitting `https://example.com/...`) is the right call: every canonical,
-// OG, and JSON-LD URL would otherwise leak to a domain the consumer doesn't
-// own, which search engines either ignore or treat as canonical to the
-// wrong host.
-if (!Astro.site) {
-  throw new Error(
-    "Seo: `site` is not set on the Astro config. Add `site: 'https://your-domain'` to astro.config.mjs so canonical / Open Graph / Twitter / JSON-LD URLs resolve correctly.",
-  );
-}
-const siteUrl = Astro.site;
-const canonical = new URL(Astro.url.pathname, siteUrl).toString();
-const ogImage = new URL(image, siteUrl).toString();
-const ogImageAlt = imageAlt ?? `${siteConfig.name} social preview`;
-const locale = siteConfig.locale ?? 'en';
-
-// Truncate description for OG/Twitter where longer is worse (160–200 chars).
-function truncate(s: string, max: number): string {
-  if (s.length <= max) return s;
-  return s.slice(0, max - 1).trimEnd() + '…';
-}
-const shortDescription = truncate(description, 200);
-
-// WebSite+Organization identity graph — site-wide signals that appear on
-// every page (Google uses them for site links and the knowledge panel).
-// Built by core's `siteSchema` so the @id graph shape is shared with the
-// rest of the JSON-LD registry; the SearchAction is appended here because
-// the browse path is an adapter concern, not a core one.
-const bareSiteUrl = siteUrl.toString().replace(/\/$/, '');
-const [siteLd] = siteSchema({
-  url: bareSiteUrl,
-  name: siteConfig.name,
-  description: siteConfig.description ?? description,
-  inLanguage: locale,
-  orgName: siteConfig.name,
-  orgUrl: bareSiteUrl,
-  ...(siteConfig.logo ? { orgLogo: new URL(siteConfig.logo, siteUrl).toString() } : {}),
-  ...(siteConfig.repoUrl ? { sameAs: [siteConfig.repoUrl] } : {}),
-});
-siteLd.potentialAction = {
-  '@type': 'SearchAction',
-  target: `${bareSiteUrl}${searchPath}?q={search_term_string}`,
-  'query-input': 'required name=search_term_string',
-};
-
-const perPageNodes = jsonLd ? (Array.isArray(jsonLd) ? jsonLd : [jsonLd]) : null;
-
-// Dev-only well-formedness check — surfaces malformed nodes (relative
-// URLs, missing @context, duplicate @ids) in the terminal during
-// `astro dev` without ever failing or slowing a production build.
-if (import.meta.env.DEV && perPageNodes) {
-  const issues = validateJsonLd(perPageNodes as JsonLdNode[]);
-  for (const issue of issues) {
-    console.warn(`[grove seo] ${Astro.url.pathname}: ${issue.message}`);
-  }
-}
-
-// Pre-stringify the JSON-LD payloads in the frontmatter so the
-// template body just interpolates the resulting strings. For SSR
-// this saves the JSON.stringify call on every render; for static
-// builds the cost is unchanged but the template reads cleaner.
-const siteLdJson = JSON.stringify(siteLd);
-const perPageLdJson = perPageNodes ? JSON.stringify(perPageNodes) : null;
----
-
-<!-- Primary meta -->
-<title>{title}</title>
-<meta name="description" content={description} />
-<link rel="canonical" href={canonical} />
-{noindex ? (
-  <meta name="robots" content="noindex,nofollow" />
-) : (
-  <meta name="robots" content="index,follow,max-image-preview:large" />
-)}
-
-<!-- Open Graph -->
-<meta property="og:type" content={type} />
-<meta property="og:url" content={canonical} />
-<meta property="og:title" content={title} />
-<meta property="og:description" content={shortDescription} />
-<meta property="og:image" content={ogImage} />
-<meta property="og:image:width" content="1200" />
-<meta property="og:image:height" content="630" />
-<meta property="og:image:alt" content={ogImageAlt} />
-<meta property="og:site_name" content={siteConfig.name} />
-<meta property="og:locale" content={locale} />
-
-<!-- Twitter Card -->
-<meta name="twitter:card" content="summary_large_image" />
-{siteConfig.twitter && <meta name="twitter:site" content={siteConfig.twitter} />}
-<meta name="twitter:title" content={title} />
-<meta name="twitter:description" content={shortDescription} />
-<meta name="twitter:image" content={ogImage} />
-<meta name="twitter:image:alt" content={ogImageAlt} />
-
-<!-- JSON-LD: site-wide identity graph -->
-<script is:inline type="application/ld+json" set:html={siteLdJson} />
-
-<!-- JSON-LD: per-page (SoftwareSourceCode, CollectionPage, BreadcrumbList, ...) -->
-{perPageLdJson && (
-  <script
-    is:inline
-    type="application/ld+json"
-    set:html={perPageLdJson}
-  />
-)}