@grove-dev/astro 0.2.19 → 0.3.1

package/templates/default/src/pages/[slug]/index.astro

@@ -20,7 +20,13 @@
  * logic. The URL stays the single source of truth for filter state.
  */
 import siteConfig from "../../../data/generated/site-config.json";
-import { items, itemLabel, itemLabelPlural } from "../../data/records";
+import {
+  items,
+  itemLabel,
+  itemLabelPlural,
+  taxonomy,
+  taxonomyLabel,
+} from "../../data/records";
 import type { IndexFilters } from "@grove-dev/astro";
 import BaseLayout from "@grove-dev/astro/layouts/BaseLayout.astro";
 import SmartLensTabs from "@grove-dev/astro/components/SmartLensTabs.astro";
@@ -41,19 +47,32 @@ import {
   totalPages,
 } from "@grove-dev/astro";
 
-// This template ships with the `project-directory` blueprint, so the
-// only directory slug it ever needs is `projects`. While it ships
-// as the project directory, pre-generate the single path the build
-// actually needs. Swapping in a different blueprint is a one-config
-// change that flows through the static import at the top.
 export function getStaticPaths() {
-  return [{ params: { slug: "projects" } }];
+  const routeSlug = siteConfig.blueprintConfig?.routeSlug ?? "projects";
+  return [{ params: { slug: routeSlug } }];
 }
 
 const slug = Astro.params.slug as string;
 const total = items.length;
 const filters = filtersFromSearchParams(Astro.url.searchParams);
-const facets = buildFacets(items);
+function labelFacetsWithTaxonomy(facets: ReturnType<typeof buildFacets>) {
+  return {
+    ...facets,
+    stacks: facets.stacks.map((option) => ({
+      ...option,
+      label: taxonomyLabel("stacks", option.value),
+    })),
+    platforms: facets.platforms.map((option) => ({
+      ...option,
+      label: taxonomyLabel("platforms", option.value),
+    })),
+    categories: facets.categories.map((option) => ({
+      ...option,
+      label: taxonomyLabel("categories", option.value),
+    })),
+  };
+}
+const facets = labelFacetsWithTaxonomy(buildFacets(items));
 const sort = effectiveSort(filters);
 const requestedPage = effectivePage(filters);
 const filtered = filterRecords(items, filters);
@@ -61,6 +80,7 @@ const sorted = applySort(filtered, sort);
 const pages = totalPages(sorted.length);
 const page = Math.min(requestedPage, pages);
 const chips = activeFilterChips(filters);
+const clientItemsJson = JSON.stringify(items).replace(/</g, "\\u003c");
 
 const title = `Browse ${slug} — ${siteConfig.name}`;
 const description = `A searchable directory of ${itemLabelPlural()} for ${siteConfig.name}.`;
@@ -73,7 +93,6 @@ function hrefForPage(target: number): string {
 
 function hrefForRemove(key: keyof IndexFilters, value: string): string {
   const params = new URLSearchParams();
-  const next: IndexFilters = { ...filters, page: 1 };
   const urlKey: Partial<Record<keyof IndexFilters, string>> = {
     stacks: "stack",
     platforms: "platform",
@@ -110,7 +129,7 @@ function hrefForRemove(key: keyof IndexFilters, value: string): string {
   submitLabel={`Submit ${itemLabel()}`}
 >
   <section class="border-b border-ink-200 bg-white dark:border-ink-800 dark:bg-ink-950">
-    <div class="grove-container-wide mx-auto px-5 pt-10 sm:px-7 sm:pt-12">
+    <div class="mx-auto w-full max-w-wide px-5 pt-10 sm:px-7 sm:pt-12">
       <span class="text-2xs font-medium uppercase tracking-wider text-ink-500 dark:text-ink-400">
         {slug}
       </span>
@@ -171,7 +190,7 @@ function hrefForRemove(key: keyof IndexFilters, value: string): string {
             <path d="M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z" />
           </svg>
         </label>
-        <button type="submit" class="grove-btn grove-btn-primary">Search</button>
+        <button type="submit" class="inline-flex h-8 cursor-pointer items-center justify-center gap-1.5 rounded-[var(--radius)] border border-transparent px-3 text-sm font-medium leading-none no-underline outline-none transition-colors focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/35 bg-primary text-primary-foreground hover:bg-primary/90">Search</button>
       </form>
 
       <div class="mt-4">
@@ -192,8 +211,8 @@ function hrefForRemove(key: keyof IndexFilters, value: string): string {
     </div>
   </section>
 
-  <section class="grove-section-tight">
-    <div class="grove-container-wide mx-auto px-5 sm:px-7">
+  <section class="py-10 sm:py-12">
+    <div class="mx-auto w-full max-w-wide px-5 sm:px-7">
       <header class="mb-6">
         <h2 class="m-0 text-[1.5rem] sm:text-[1.625rem] font-semibold tracking-tight text-ink-900 dark:text-ink-100">
           {`All ${itemLabelPlural()}`}
@@ -220,7 +239,7 @@ function hrefForRemove(key: keyof IndexFilters, value: string): string {
             {chips.map((chip) => (
               <a
                 href={hrefForRemove(chip.key, chip.value)}
-                class="grove-badge transition-colors hover:border-ink-400"
+                class="inline-flex min-h-5 items-center justify-center gap-1 rounded-full border border-transparent bg-secondary px-2 py-0.5 align-middle text-xs font-medium leading-none text-secondary-foreground transition-colors hover:border-ink-400"
               >
                 {chip.label} <span aria-hidden="true">x</span>
               </a>
@@ -248,16 +267,16 @@ function hrefForRemove(key: keyof IndexFilters, value: string): string {
         <p class="m-0 text-sm font-medium text-ink-700 dark:text-ink-200">
           {`No ${itemLabel()}s match these filters.`}
         </p>
-        <a href={`/${slug}`} class="grove-btn grove-btn-outline mt-4">Clear filters</a>
+        <a href={`/${slug}`} class="inline-flex h-8 cursor-pointer items-center justify-center gap-1.5 rounded-[var(--radius)] border border-transparent px-3 text-sm font-medium leading-none no-underline outline-none transition-colors focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/35 border-border bg-secondary text-foreground hover:bg-accent mt-4">Clear filters</a>
       </div>
-      <nav class="mt-8 flex flex-wrap items-center justify-center gap-1.5" aria-label="Pagination">
+      <nav id="results-pagination" class="mt-8 flex flex-wrap items-center justify-center gap-1.5" aria-label="Pagination">
         <Pagination current={page} total={pages} hrefFor={hrefForPage} />
       </nav>
     </div>
   </section>
 
   <section class="border-t border-ink-200 dark:border-ink-800">
-    <div class="grove-container-wide mx-auto px-5 sm:px-7">
+    <div class="mx-auto w-full max-w-wide px-5 sm:px-7">
       <div class="flex flex-col items-center gap-3 py-12 text-center">
         <h2 class="m-0 text-xl font-semibold tracking-tight text-ink-900 dark:text-ink-100">
           {`Know a real ${itemLabel()} that belongs here?`}
@@ -266,8 +285,8 @@ function hrefForRemove(key: keyof IndexFilters, value: string): string {
           {`Open a pull request with a YAML file. We review every submission against the bar — no marketing, no tutorials.`}
         </p>
         <a
-          href={siteConfig.submitUrl ?? "/submit"}
-          class="grove-btn grove-btn-primary mt-2"
+          href="/submit"
+          class="inline-flex h-8 cursor-pointer items-center justify-center gap-1.5 rounded-[var(--radius)] border border-transparent px-3 text-sm font-medium leading-none no-underline outline-none transition-colors focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/35 bg-primary text-primary-foreground hover:bg-primary/90 mt-2"
         >
           {`Submit ${itemLabel()}`}
         </a>
@@ -275,4 +294,189 @@ function hrefForRemove(key: keyof IndexFilters, value: string): string {
       </div>
     </div>
   </section>
+
+  <script is:inline id="grove-index-data" type="application/json" set:html={clientItemsJson}></script>
+  <script
+    is:inline
+    define:vars={{
+      slug,
+      singular: itemLabel(),
+      plural: itemLabelPlural(),
+      taxonomy,
+    }}
+  >
+    (() => {
+      const PAGE_SIZE = 20;
+      const source = document.querySelector("#grove-index-data");
+      const list = document.querySelector("#results-list");
+      if (!source || !list) return;
+
+      const items = JSON.parse(source.textContent || "[]");
+      const nodes = new Map(
+        [...list.querySelectorAll("[data-record-slug]")].map((node) => [
+          node.dataset.recordSlug,
+          node,
+        ]),
+      );
+      const params = new URLSearchParams(location.search);
+      const values = (key) => params.getAll(key).filter(Boolean);
+      const q = (params.get("q") || "").trim().toLowerCase();
+      const stacks = values("stack");
+      const platforms = values("platform");
+      const categories = values("category");
+      const labels = values("label");
+      const licenses = values("license");
+      const statuses = values("status").flatMap((value) => value.split(",")).filter(Boolean);
+      const lens = params.get("lens") || "";
+      const sort = params.get("sort") || "recently-updated";
+      const requestedPage = Math.max(1, Number.parseInt(params.get("page") || "1", 10) || 1);
+
+      const nameOf = (record) => record.kind === "resource" ? record.title : record.name;
+      const projectValues = (record) => record.kind === "project"
+        ? [record.stack, ...(record.stacks || [])].filter(Boolean)
+        : [];
+      const matchesAny = (actual, expected) =>
+        expected.length === 0 || actual.some((value) => expected.includes(value));
+      const matches = (record) => {
+        if (q) {
+          const repo = record.kind === "project"
+            ? record.repoUrl || record.links?.github || ""
+            : record.links?.github || "";
+          const owner = /github\.com\/([^/]+)\//.exec(repo)?.[1] || "";
+          const projectFields = record.kind === "project"
+            ? [
+                record.stack,
+                ...(record.stacks || []),
+                ...(record.platforms || []),
+                record.projectType,
+                ...(record.bestFor || []),
+                ...(record.whyListed || []),
+                record.github?.license,
+                record.health?.status,
+              ]
+            : [];
+          const haystack = [
+            nameOf(record),
+            owner,
+            record.description,
+            record.category,
+            ...(record.tags || []),
+            ...projectFields,
+          ].filter(Boolean).join(" ").toLowerCase();
+          if (!haystack.includes(q)) return false;
+        }
+        if (!matchesAny(projectValues(record), stacks)) return false;
+        if (!matchesAny(record.kind === "project" ? record.platforms || [] : [], platforms)) return false;
+        if (categories.length && !categories.includes(record.category)) return false;
+        if (!matchesAny(record.curation?.labels || [], labels)) return false;
+        if (licenses.length && !licenses.includes(record.kind === "project" ? record.github?.license : "")) return false;
+        if (statuses.length && !statuses.includes(record.kind === "project" ? record.health?.status : "")) return false;
+        if (lens && !(record.curation?.lenses || []).includes(lens)) return false;
+        return true;
+      };
+      const time = (value) => value ? new Date(value).valueOf() || 0 : 0;
+      const stars = (record) => record.kind === "project" ? record.github?.stars || 0 : 0;
+      const compare = {
+        "most-starred": (a, b) => stars(b) - stars(a),
+        "recently-updated": (a, b) =>
+          time(b.kind === "project" ? b.github?.pushedAt : b.publishedAt) -
+          time(a.kind === "project" ? a.github?.pushedAt : a.publishedAt),
+        "recently-added": (a, b) =>
+          time(b.curation?.reviewedAt) - time(a.curation?.reviewedAt),
+        "best-overall": (a, b) =>
+          Number(Boolean(b.curation?.reviewed)) - Number(Boolean(a.curation?.reviewed)) ||
+          stars(b) - stars(a),
+        "alphabetical": (a, b) => String(nameOf(a)).localeCompare(String(nameOf(b))),
+      }[sort];
+
+      function applyClientFilters() {
+        const filtered = items.filter(matches);
+        if (compare) filtered.sort(compare);
+        const pageCount = Math.max(1, Math.ceil(filtered.length / PAGE_SIZE));
+        const page = Math.min(requestedPage, pageCount);
+        const visible = new Set(
+          filtered
+            .slice((page - 1) * PAGE_SIZE, page * PAGE_SIZE)
+            .map((record) => record.slug),
+        );
+
+        for (const record of filtered) {
+          const node = nodes.get(record.slug);
+          if (node) list.append(node);
+        }
+        for (const [recordSlug, node] of nodes) {
+          node.hidden = !visible.has(recordSlug);
+        }
+
+        const count = document.querySelector("#results-count");
+        const pageLabel = document.querySelector("#results-page");
+        const empty = document.querySelector("#empty-state");
+        if (count) count.textContent = `${filtered.length} ${filtered.length === 1 ? singular : plural}`;
+        if (pageLabel) pageLabel.textContent = pageCount > 1 ? ` · page ${page} of ${pageCount}` : "";
+        if (empty) empty.classList.toggle("hidden", filtered.length > 0);
+
+        const pagination = document.querySelector("#results-pagination");
+        if (pagination) {
+          pagination.innerHTML = "";
+          if (pageCount > 1) {
+            for (let target = 1; target <= pageCount; target += 1) {
+              const next = new URLSearchParams(params);
+              if (target === 1) next.delete("page");
+              else next.set("page", String(target));
+              const link = document.createElement("a");
+              link.href = `/${slug}${next.size ? `?${next}` : ""}`;
+              link.textContent = String(target);
+              link.setAttribute("aria-label", `Page ${target}`);
+              if (target === page) link.setAttribute("aria-current", "page");
+              link.className = "inline-flex h-8 min-w-8 items-center justify-center rounded-md border border-border px-2 text-sm";
+              pagination.append(link);
+            }
+          }
+        }
+      }
+
+      const searchInput = document.querySelector("#search-input");
+      if (searchInput) searchInput.value = params.get("q") || "";
+      document.querySelectorAll('select[name="sort"]').forEach((select) => {
+        select.value = sort;
+      });
+      const filterKeys = {
+        stacks: "stack",
+        platforms: "platform",
+        categories: "category",
+        licenses: "license",
+      };
+      const filterLabels = {
+        stacks: "Stack",
+        platforms: "Platform",
+        categories: "Category",
+        licenses: "License",
+      };
+      const taxonomyKinds = {
+        stacks: "stacks",
+        platforms: "platforms",
+        categories: "categories",
+      };
+      const taxonomyName = (groupKey, value) =>
+        (taxonomy[taxonomyKinds[groupKey]] || []).find((entry) => entry.id === value)?.name ??
+        value;
+      document.querySelectorAll(".grove-filter").forEach((group) => {
+        const selected = values(filterKeys[group.dataset.filterGroupKey]);
+        group.querySelectorAll(".grove-filter-input").forEach((input) => {
+          input.checked = selected.includes(input.dataset.filterValue);
+        });
+        const trigger = group.querySelector(".grove-filter-trigger span");
+        if (trigger && selected.length) {
+          const label = filterLabels[group.dataset.filterGroupKey];
+          trigger.textContent = `${label}: ${
+            selected.length === 1
+              ? taxonomyName(group.dataset.filterGroupKey, selected[0])
+              : `${selected.length} selected`
+          }`;
+        }
+      });
+
+      applyClientFilters();
+    })();
+  </script>
 </BaseLayout>

package/templates/default/src/pages/about.astro

@@ -13,7 +13,7 @@
  *   - New: "A growing community knowledge site. A curated, health-
  *          aware developer directory…"
  *
- * The card utility classes (`grove-card`, `grove-btn-*`) match the
+ * The Tailwind card and button utilities match the
  * rest of the framework, and the data fields it references
  * (`siteConfig.tagline`, `siteConfig.repoUrl`) all flow from the
  * site config — no hardcoded brand or copy.
@@ -21,13 +21,14 @@
 import BaseLayout from "@grove-dev/astro/layouts/BaseLayout.astro";
 import Container from "@grove-dev/astro/layouts/Container.astro";
 import siteConfig from "../../data/generated/site-config.json";
-import { indexSlug, itemLabel } from "../data/records";
+import { getPageContentHtml, indexSlug, itemLabel } from "../data/records";
 
 const githubUrl = siteConfig.repoUrl;
 const title = `About — ${siteConfig.name}`;
 const description = `${siteConfig.tagline} Built with Grove.`;
 const slug = indexSlug();
 const item = itemLabel();
+const pageContentHtml = getPageContentHtml("about");
 ---
 
 <BaseLayout title={title} description={description} site={siteConfig}>
@@ -39,6 +40,10 @@ const item = itemLabel();
         <span class="text-ink-700 dark:text-ink-300">About</span>
       </nav>
 
+      {pageContentHtml ? (
+        <section class="grove-prose mt-8" set:html={pageContentHtml} />
+      ) : (
+      <>
       <header class="mt-5">
         <span class="text-2xs font-medium uppercase tracking-wider text-ink-500 dark:text-ink-400">
           About
@@ -57,7 +62,7 @@ const item = itemLabel();
         </p>
       </header>
 
-      <section class="grove-card mt-8 p-5 sm:p-6">
+      <section class="rounded-[calc(var(--radius)+0.25rem)] border-0 bg-muted shadow-none transition-colors mt-8 p-5 sm:p-6">
         <span class="text-2xs font-medium uppercase tracking-wider text-ink-500 dark:text-ink-400">
           Why
         </span>
@@ -78,7 +83,7 @@ const item = itemLabel();
         </p>
       </section>
 
-      <section class="grove-card mt-4 p-5 sm:p-6">
+      <section class="rounded-[calc(var(--radius)+0.25rem)] border-0 bg-muted shadow-none transition-colors mt-4 p-5 sm:p-6">
         <span class="text-2xs font-medium uppercase tracking-wider text-ink-500 dark:text-ink-400">
           Why real {item}s
         </span>
@@ -95,7 +100,7 @@ const item = itemLabel();
         </p>
       </section>
 
-      <section class="grove-card mt-4 p-5 sm:p-6">
+      <section class="rounded-[calc(var(--radius)+0.25rem)] border-0 bg-muted shadow-none transition-colors mt-4 p-5 sm:p-6">
         <span class="text-2xs font-medium uppercase tracking-wider text-ink-500 dark:text-ink-400">
           What you get
         </span>
@@ -130,7 +135,7 @@ const item = itemLabel();
         </ul>
       </section>
 
-      <section class="grove-card mt-4 p-5 sm:p-6">
+      <section class="rounded-[calc(var(--radius)+0.25rem)] border-0 bg-muted shadow-none transition-colors mt-4 p-5 sm:p-6">
         <span class="text-2xs font-medium uppercase tracking-wider text-ink-500 dark:text-ink-400">
           Generic by design
         </span>
@@ -145,7 +150,7 @@ const item = itemLabel();
         </p>
       </section>
 
-      <section class="grove-card mt-4 p-5 sm:p-6">
+      <section class="rounded-[calc(var(--radius)+0.25rem)] border-0 bg-muted shadow-none transition-colors mt-4 p-5 sm:p-6">
         <span class="text-2xs font-medium uppercase tracking-wider text-ink-500 dark:text-ink-400">
           Free to fork, free to extend
         </span>
@@ -164,19 +169,21 @@ const item = itemLabel();
       </section>
 
       <section class="mt-8 flex flex-wrap items-center gap-3">
-        <a href={`/${slug}`} class="grove-btn grove-btn-primary">Browse the directory</a>
+        <a href={`/${slug}`} class="inline-flex h-8 cursor-pointer items-center justify-center gap-1.5 rounded-[var(--radius)] border border-transparent px-3 text-sm font-medium leading-none no-underline outline-none transition-colors focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/35 bg-primary text-primary-foreground hover:bg-primary/90">Browse the directory</a>
         {githubUrl && (
           <a
             href={githubUrl}
             target="_blank"
             rel="noopener noreferrer"
-            class="grove-btn grove-btn-outline"
+            class="inline-flex h-8 cursor-pointer items-center justify-center gap-1.5 rounded-[var(--radius)] border border-transparent px-3 text-sm font-medium leading-none no-underline outline-none transition-colors focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/35 border-border bg-secondary text-foreground hover:bg-accent"
           >
             View on GitHub
           </a>
         )}
-        <a href="/submit" class="grove-btn grove-btn-ghost">Submit a {item} →</a>
+        <a href="/submit" class="inline-flex h-8 cursor-pointer items-center justify-center gap-1.5 rounded-[var(--radius)] border border-transparent px-3 text-sm font-medium leading-none no-underline outline-none transition-colors focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/35 bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground">Submit a {item} →</a>
       </section>
+      </>
+      )}
     </article>
   </Container>
 </BaseLayout>

package/templates/default/src/pages/apps/[recordSlug].astro

@@ -10,9 +10,10 @@
  * this page is a pure redirect: any `/apps/<slug>` request is
  * sent to the blueprint-canonical path.
  */
-import { indexSlug, fullRecords, projectBySlug, recordBySlug } from "../../data/records";
+import { indexSlug, fullRecords, recordBySlug } from "../../data/records";
 
 export async function getStaticPaths() {
+  if (indexSlug() === "apps") return [];
   return fullRecords.map((r) => ({ params: { recordSlug: r.slug } }));
 }
 

package/templates/default/src/pages/contributors.astro

@@ -82,8 +82,8 @@ const contributorsGraphHref = repoUrl ? `${repoUrl.replace(/\/$/, "")}/graphs/co
 ---
 
 <BaseLayout title={title} description={description} site={siteConfig}>
-  <section class="grove-section">
-    <div class="grove-container-wide mx-auto px-5 py-12 sm:px-7 sm:py-16">
+  <section class="py-12 sm:py-16">
+    <div class="mx-auto w-full max-w-wide px-5 py-12 sm:px-7 sm:py-16">
       <span class="text-2xs font-medium uppercase tracking-wider text-ink-500 dark:text-ink-400">
         Contributors
       </span>
@@ -112,9 +112,9 @@ const contributorsGraphHref = repoUrl ? `${repoUrl.replace(/\/$/, "")}/graphs/co
   </section>
 
   {sorted.length === 0 ? (
-    <section class="grove-section">
-      <div class="grove-container mx-auto px-5 pb-16 sm:px-7">
-        <div class="grove-card flex flex-col items-center gap-3 p-8 text-center">
+    <section class="py-12 sm:py-16">
+      <div class="mx-auto w-full max-w-container px-5 pb-16 sm:px-7">
+        <div class="rounded-[calc(var(--radius)+0.25rem)] border-0 bg-muted shadow-none transition-colors flex flex-col items-center gap-3 p-8 text-center">
           <p class="m-0 text-sm text-ink-500 dark:text-ink-400">
             No contributors synced yet. Once the first sync runs, every
             contributor avatar lands here.
@@ -123,8 +123,8 @@ const contributorsGraphHref = repoUrl ? `${repoUrl.replace(/\/$/, "")}/graphs/co
       </div>
     </section>
   ) : (
-    <section class="grove-section" aria-label="Contributors list">
-      <div class="grove-container-wide mx-auto px-5 pb-16 sm:px-7">
+    <section class="py-12 sm:py-16" aria-label="Contributors list">
+      <div class="mx-auto w-full max-w-wide px-5 pb-16 sm:px-7">
         <ul
           class="m-0 grid list-none grid-cols-2 gap-3 p-0 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6"
           aria-label="Contributors"
@@ -140,7 +140,7 @@ const contributorsGraphHref = repoUrl ? `${repoUrl.replace(/\/$/, "")}/graphs/co
                   href={href}
                   target="_blank"
                   rel="noopener noreferrer"
-                  class="group grove-card flex flex-col items-center gap-2 p-3 text-center no-underline transition-colors hover:border-ink-300 dark:hover:border-ink-700"
+                  class="group rounded-[calc(var(--radius)+0.25rem)] border-0 bg-muted shadow-none transition-colors flex flex-col items-center gap-2 p-3 text-center no-underline  hover:border-ink-300 dark:hover:border-ink-700"
                   data-event="contributor_click"
                   data-event-source="contributors_page"
                 >
@@ -173,12 +173,3 @@ const contributorsGraphHref = repoUrl ? `${repoUrl.replace(/\/$/, "")}/graphs/co
     </section>
   )}
 </BaseLayout>
-
-<style>
-  .line-clamp-1 {
-    display: -webkit-box;
-    -webkit-line-clamp: 1;
-    -webkit-box-orient: vertical;
-    overflow: hidden;
-  }
-</style>

package/templates/default/src/pages/index.astro

@@ -20,7 +20,7 @@ import CategoryGrid from "@grove-dev/astro/components/CategoryGrid.astro";
 import ContributorsGrid from "@grove-dev/astro/components/ContributorsGrid.astro";
 import OriginalCollection from "@grove-dev/astro/components/OriginalCollection.astro";
 
-import { items, fullRecords, fullItems } from "../data/records";
+import { items, fullItems, taxonomyLabel } from "../data/records";
 import { existsSync, readFileSync } from "node:fs";
 import { fileURLToPath } from "node:url";
 import { dirname, resolve } from "node:path";
@@ -87,10 +87,18 @@ for (const r of fullItems) {
 const stacks = [...stackMap.entries()]
   .sort((a, b) => b[1] - a[1] || a[0].localeCompare(b[0]))
   .slice(0, 12)
-  .map(([name, count]) => ({ name, slug: name, count }));
+  .map(([name, count]) => ({
+    name: taxonomyLabel("stacks", name),
+    slug: name,
+    count,
+  }));
 const categories = [...catMap.entries()]
   .sort((a, b) => b[1] - a[1] || a[0].localeCompare(b[0]))
-  .map(([name, count]) => ({ name, slug: name, count }));
+  .map(([name, count]) => ({
+    name: taxonomyLabel("categories", name),
+    slug: name,
+    count,
+  }));
 
 // Contributors (best-effort from data/generated/contributors.json)
 const here = dirname(fileURLToPath(import.meta.url));

package/templates/default/src/pages/sitemap.xml.ts

@@ -30,8 +30,8 @@ function absoluteUrl(siteUrl: string, path: string): string {
   return `${base}${tail}`;
 }
 
-function buildEntries(siteUrl: string, blueprint: string | undefined): SitemapEntry[] {
-  const slug = indexSlug(blueprint);
+function buildEntries(siteUrl: string): SitemapEntry[] {
+  const slug = indexSlug();
   const now = new Date().toISOString().slice(0, 10);
 
   const top: SitemapEntry[] = [
@@ -78,7 +78,7 @@ function renderXml(entries: SitemapEntry[]): string {
 }
 
 export const GET: APIRoute = () => {
-  const xml = renderXml(buildEntries(siteConfig.siteUrl ?? "", siteConfig.blueprint));
+  const xml = renderXml(buildEntries(siteConfig.siteUrl ?? ""));
   return new Response(xml, {
     status: 200,
     headers: {