@grove-dev/astro 0.2.19 → 0.3.1

package/templates/default/public/sitemap.xml

@@ -2,61 +2,61 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
     <loc>https://example.com/</loc>
-    <lastmod>2026-06-22T14:50:53.941Z</lastmod>
+    <lastmod>2026-07-01T16:50:32.236Z</lastmod>
     <changefreq>daily</changefreq>
     <priority>1.0</priority>
   </url>
   <url>
     <loc>https://example.com/projects</loc>
-    <lastmod>2026-06-22T14:50:53.941Z</lastmod>
+    <lastmod>2026-07-01T16:50:32.236Z</lastmod>
     <changefreq>daily</changefreq>
     <priority>0.9</priority>
   </url>
   <url>
     <loc>https://example.com/projects/coolify</loc>
-    <lastmod>2026-06-22T14:50:53.941Z</lastmod>
+    <lastmod>2026-07-01T16:50:32.236Z</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.7</priority>
   </url>
   <url>
     <loc>https://example.com/projects/gitea</loc>
-    <lastmod>2026-06-22T14:50:53.941Z</lastmod>
+    <lastmod>2026-07-01T16:50:32.236Z</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.7</priority>
   </url>
   <url>
     <loc>https://example.com/projects/hoppscotch</loc>
-    <lastmod>2026-06-22T14:50:53.941Z</lastmod>
+    <lastmod>2026-07-01T16:50:32.236Z</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.7</priority>
   </url>
   <url>
     <loc>https://example.com/projects/inventree</loc>
-    <lastmod>2026-06-22T14:50:53.941Z</lastmod>
+    <lastmod>2026-07-01T16:50:32.236Z</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.7</priority>
   </url>
   <url>
     <loc>https://example.com/projects/label-studio</loc>
-    <lastmod>2026-06-22T14:50:53.941Z</lastmod>
+    <lastmod>2026-07-01T16:50:32.236Z</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.7</priority>
   </url>
   <url>
     <loc>https://example.com/projects/logseq</loc>
-    <lastmod>2026-06-22T14:50:53.941Z</lastmod>
+    <lastmod>2026-07-01T16:50:32.236Z</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.7</priority>
   </url>
   <url>
     <loc>https://example.com/projects/private-gpt</loc>
-    <lastmod>2026-06-22T14:50:53.941Z</lastmod>
+    <lastmod>2026-07-01T16:50:32.236Z</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.7</priority>
   </url>
   <url>
     <loc>https://example.com/projects/wakapi</loc>
-    <lastmod>2026-06-22T14:50:53.941Z</lastmod>
+    <lastmod>2026-07-01T16:50:32.236Z</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.7</priority>
   </url>

package/templates/default/src/data/records.ts

@@ -38,6 +38,7 @@ import { fileURLToPath } from "node:url";
 import { dirname, resolve } from "node:path";
 import { marked } from "marked";
 import sanitizeHtml from "sanitize-html";
+import { prettySlug } from "@grove-dev/astro";
 import type {
   ProjectRecord,
   ResourceRecord,
@@ -79,12 +80,39 @@ interface SiteConfigPayload {
     labelSingular?: string;
     labelPlural?: string;
   };
+  taxonomy?: Partial<
+    Record<
+      "categories" | "stacks" | "platforms" | "distributionChannels",
+      Array<{ id: string; name: string }>
+    >
+  >;
   name?: string;
 }
 
-const fullRecordsRaw: Resource[] = (fullPayload as FullPayload).records ?? [];
-const indexRecordsRaw: IndexRecord[] = (indexPayload as IndexPayload).records ?? [];
+const fullRecordsRaw: Resource[] =
+  (fullPayload as unknown as FullPayload).records ?? [];
+const indexRecordsRaw: IndexRecord[] =
+  (indexPayload as unknown as IndexPayload).records ?? [];
 const siteConfigRaw: SiteConfigPayload = siteConfigPayload as SiteConfigPayload;
+const taxonomyMaps = Object.fromEntries(
+  Object.entries(siteConfigRaw.taxonomy ?? {}).map(([kind, entries]) => [
+    kind,
+    new Map((entries ?? []).map((entry) => [entry.id, entry.name])),
+  ]),
+) as Partial<
+  Record<
+    "categories" | "stacks" | "platforms" | "distributionChannels",
+    Map<string, string>
+  >
+>;
+export const taxonomy = siteConfigRaw.taxonomy ?? {};
+
+export function taxonomyLabel(
+  kind: "categories" | "stacks" | "platforms" | "distributionChannels",
+  id: string,
+): string {
+  return taxonomyMaps[kind]?.get(id) ?? prettySlug(id);
+}
 
 /** Full records (every record, all visibility). Use this for the
  *  detail page (where you need `content`, `bestFor`, `whyListed`,
@@ -224,6 +252,10 @@ export const fullItems: Resource[] = (() => {
   return fullRecords.filter((r) => r.kind === blueprintKind);
 })();
 
+export const fullProjects: ProjectRecord[] = fullRecords.filter(
+  (record): record is ProjectRecord => record.kind === "project",
+);
+
 // ──────────────────────────────────────────────────────────────────────
 // Markdown content rendering (sanitized)
 // ──────────────────────────────────────────────────────────────────────
@@ -316,3 +348,49 @@ for (const r of fullRecords) {
 export function getContentHtml(slug: string): string | null {
   return contentHtmlBySlug.get(slug) ?? null;
 }
+
+/**
+ * Sanitized Markdown for a consumer-authored page under
+ * `content/pages/<page>.md`. Default template pages use this to
+ * accept custom copy while keeping Grove's layout and components.
+ */
+export function getPageContentHtml(page: string): string | null {
+  const candidates = [
+    resolve(here, "..", "..", "content", "pages", `${page}.md`),
+    resolve(here, "..", "..", "..", "content", "pages", `${page}.md`),
+    resolve(process.cwd(), "content", "pages", `${page}.md`),
+  ];
+  const path = candidates.find((candidate) => existsSync(candidate));
+  if (!path) return null;
+
+  try {
+    const rawHtml = marked.parse(readFileSync(path, "utf8"), { async: false }) as string;
+    return sanitizeHtml(rawHtml, {
+      allowedTags: [
+        "h1", "h2", "h3", "h4",
+        "p", "br", "hr",
+        "ul", "ol", "li",
+        "strong", "em", "b", "i", "u", "s", "del",
+        "a", "code", "pre", "blockquote", "img",
+      ],
+      allowedAttributes: {
+        a: ["href", "title", "rel", "target"],
+        img: ["src", "alt", "title", "width", "height", "loading"],
+      },
+      allowedSchemes: ["http", "https", "mailto", "tel"],
+      allowedSchemesByTag: {
+        a: ["http", "https", "mailto", "tel"],
+        img: ["http", "https"],
+      },
+      transformTags: {
+        a: sanitizeHtml.simpleTransform("a", {
+          rel: "noopener noreferrer",
+          target: "_blank",
+        }, true),
+      },
+      disallowedTagsMode: "discard",
+    });
+  } catch {
+    return null;
+  }
+}

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

@@ -21,8 +21,8 @@ const description = `That page doesn't exist on ${siteConfig.name}.`;
   site={siteConfig}
   noindex
 >
-  <section class="grove-section">
-    <div class="grove-container mx-auto px-5 py-20 sm:px-7 sm:py-28">
+  <section class="py-12 sm:py-16">
+    <div class="mx-auto w-full max-w-container px-5 py-20 sm:px-7 sm:py-28">
       <span class="text-2xs font-medium uppercase tracking-wider text-ink-500 dark:text-ink-400">
         404
       </span>
@@ -50,14 +50,14 @@ const description = `That page doesn't exist on ${siteConfig.name}.`;
             class="w-full rounded-md border border-ink-200 bg-white py-2.5 px-3 text-sm placeholder:text-ink-400 focus:border-ink-900 focus:outline-none focus:ring-2 focus:ring-ink-900/10 dark:border-ink-800 dark:bg-ink-950 dark:text-ink-100"
           />
         </label>
-        <button type="submit" class="grove-btn grove-btn-primary">
+        <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-6 flex flex-wrap gap-3">
-        <a href="/" class="grove-btn grove-btn-primary">Back to home</a>
-        <a href={`/${slug}`} class="grove-btn grove-btn-outline">Browse {slug}</a>
+        <a href="/" 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">Back to home</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">Browse {slug}</a>
       </div>
     </div>
   </section>

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

@@ -64,7 +64,7 @@ if (!record) {
 }
 
 const isProject = record.kind === "project";
-const proj: ProjectRecord | null = project;
+const proj: ProjectRecord | null = project ?? null;
 
 const name =
   record.kind === "resource" ? (record as { title: string }).title : (record as { name: string }).name;
@@ -101,18 +101,14 @@ const tags = record.tags ?? [];
 const healthStatus = proj?.health?.status;
 const healthLabel = healthStatus ? statusDisplay(healthStatus) : null;
 
-// ── Badge class lookup ────────────────────────────────────────────
-// The previous code interpolated `LabelId` straight into the class
-// string (`grove-badge-{l}`), which Astro renders as a literal class
-// name — every badge became `grove-badge-{l}` regardless of value.
-// Map each known id to its stable CSS class in the package
-// stylesheet. Unknown ids (e.g. legacy "featured") fall back to the
-// neutral `.grove-badge` look instead of producing broken classes.
+// Map each known label to a static Tailwind class string so every
+// utility is visible to Tailwind's source scanner. Unknown/legacy
+// labels use the neutral secondary badge treatment.
 const labelClassMap: Record<LabelId, string> = {
-  new: "grove-badge-new",
-  hot: "grove-badge-hot",
-  mature: "grove-badge-mature",
-  featured: "grove-badge",
+  new: "!bg-emerald-50 !text-emerald-700 dark:!bg-emerald-950/80 dark:!text-emerald-300",
+  hot: "!bg-orange-50 !text-orange-800 dark:!bg-orange-950/80 dark:!text-orange-300",
+  mature: "!bg-blue-50 !text-blue-700 dark:!bg-blue-950/80 dark:!text-blue-300",
+  featured: "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",
 };
 
 // ── Optional content markdown (record.content is a path under
@@ -224,18 +220,20 @@ if (isProject && proj) {
     keywords: (record.tags ?? []).length > 0 ? (record.tags ?? []).join(", ") : undefined,
     isAccessibleForFree: true,
   };
-} else {
+} else if (entity) {
   jsonLd = {
     "@context": "https://schema.org",
-    "@type": record.type === "person" ? "Person" : "Organization",
+    "@type": entity.type === "person" ? "Person" : "Organization",
     name,
     headline: name,
-    description: record.description || undefined,
+    description: entity.description || undefined,
     url: homepageUrl || undefined,
-    foundingDate: record.founded || undefined,
-    location: record.location || undefined,
-    keywords: (record.tags ?? []).length > 0 ? (record.tags ?? []).join(", ") : undefined,
+    foundingDate: entity.founded || undefined,
+    location: entity.location || undefined,
+    keywords: (entity.tags ?? []).length > 0 ? (entity.tags ?? []).join(", ") : undefined,
   };
+} else {
+  jsonLd = {};
 }
 ---
 
@@ -248,8 +246,8 @@ if (isProject && proj) {
   submitHref="/submit"
   submitLabel={`Submit ${name}`}
 >
-  <article class="grove-section">
-    <div class="grove-container-wide mx-auto px-5 sm:px-7">
+  <article class="py-12 sm:py-16">
+    <div class="mx-auto w-full max-w-wide px-5 sm:px-7">
       <nav class="mb-6 text-2xs text-ink-500 dark:text-ink-400" aria-label="Breadcrumb">
         <a href={`/${slug}`} class="hover:text-ink-900 dark:hover:text-ink-100 capitalize">
           {slug}
@@ -259,7 +257,7 @@ if (isProject && proj) {
       </nav>
 
       {/* ── AppCard-style header ──────────────────────────────── */}
-      <header class="grove-card flex flex-col gap-5 p-6 sm:flex-row sm:items-start">
+      <header class="rounded-[calc(var(--radius)+0.25rem)] border-0 bg-muted shadow-none transition-colors flex flex-col gap-5 p-6 sm:flex-row sm:items-start">
         <div class="flex-shrink-0">
           {avatarSrc ? (
             <img
@@ -292,7 +290,7 @@ if (isProject && proj) {
               </span>
             )}
             {curationLabels.map((l) => (
-              <span class={`grove-badge ${labelClassMap[l as LabelId] ?? ""}`} title={`Curated: ${labelDisplay(l) ?? l}`}>
+              <span 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 ${labelClassMap[l as LabelId] ?? ""}`} title={`Curated: ${labelDisplay(l) ?? l}`}>
                 {labelDisplay(l) ?? prettySlug(l)}
               </span>
             ))}
@@ -308,7 +306,7 @@ if (isProject && proj) {
               </span>
             )}
             {healthLabel && (
-              <span class="grove-badge grove-badge-stale">{healthLabel}</span>
+              <span 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 !bg-amber-50 !text-amber-800 dark:!bg-amber-950/80 dark:!text-amber-300">{healthLabel}</span>
             )}
           </div>
 
@@ -350,7 +348,7 @@ if (isProject && proj) {
                 href={repoUrl}
                 target="_blank"
                 rel="noopener noreferrer"
-                class="grove-btn grove-btn-primary"
+                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"
               >
                 View on GitHub →
               </a>
@@ -360,7 +358,7 @@ if (isProject && proj) {
                 href={homepageUrl}
                 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"
               >
                 Homepage
               </a>
@@ -371,7 +369,7 @@ if (isProject && proj) {
 
       {/* ── Score bars ───────────────────────────────────────── */}
       {proj && (
-        <section class="mt-8 grove-card p-6" aria-labelledby="scores-heading">
+        <section class="mt-8 rounded-[calc(var(--radius)+0.25rem)] border-0 bg-muted shadow-none transition-colors p-6" aria-labelledby="scores-heading">
           <h2 id="scores-heading" class="m-0 text-lg font-semibold tracking-tight text-ink-900 dark:text-ink-100">
             Scores
           </h2>
@@ -396,7 +394,7 @@ if (isProject && proj) {
 
       {/* ── GitHub signals dl ────────────────────────────────── */}
       {isProject && github && (
-        <section class="mt-8 grove-card p-6" aria-labelledby="signals-heading">
+        <section class="mt-8 rounded-[calc(var(--radius)+0.25rem)] border-0 bg-muted shadow-none transition-colors p-6" aria-labelledby="signals-heading">
           <h2 id="signals-heading" class="m-0 text-lg font-semibold tracking-tight text-ink-900 dark:text-ink-100">
             GitHub signals
           </h2>
@@ -461,8 +459,8 @@ if (isProject && proj) {
       {/* ── Decision signals (3-col) ──────────────────────────── */}
       {isProject && github && (
         <section class="mt-8 grid grid-cols-1 gap-4 lg:grid-cols-3" aria-label="Decision signals">
-          {/* Repository health 3-col card */}
-          <div class="grove-card p-5">
+          {/* Repository health card */}
+          <div class="rounded-[calc(var(--radius)+0.25rem)] border-0 bg-muted shadow-none transition-colors p-5">
             <h3 class="m-0 text-[1rem] font-semibold tracking-tight text-ink-900 dark:text-ink-100">
               Repository health
             </h3>
@@ -501,7 +499,7 @@ if (isProject && proj) {
           </div>
 
           {/* Activity bar chart */}
-          <div class="grove-card p-5">
+          <div class="rounded-[calc(var(--radius)+0.25rem)] border-0 bg-muted shadow-none transition-colors p-5">
             <h3 class="m-0 text-[1rem] font-semibold tracking-tight text-ink-900 dark:text-ink-100">
               Activity
             </h3>
@@ -537,7 +535,7 @@ if (isProject && proj) {
           </div>
 
           {/* Contribution readiness chips */}
-          <div class="grove-card p-5">
+          <div class="rounded-[calc(var(--radius)+0.25rem)] border-0 bg-muted shadow-none transition-colors p-5">
             <h3 class="m-0 text-[1rem] font-semibold tracking-tight text-ink-900 dark:text-ink-100">
               Contribution readiness
             </h3>
@@ -563,7 +561,7 @@ if (isProject && proj) {
 
       {/* ── Language mix ─────────────────────────────────────── */}
       {isProject && languages.length > 0 && (
-        <section class="mt-4 grove-card p-5">
+        <section class="mt-4 rounded-[calc(var(--radius)+0.25rem)] border-0 bg-muted shadow-none transition-colors p-5">
           <h3 class="m-0 text-[1rem] font-semibold tracking-tight text-ink-900 dark:text-ink-100">
             Language mix
           </h3>
@@ -597,7 +595,7 @@ if (isProject && proj) {
                   Stack
                 </span>
                 {stacks.map((s) => (
-                  <span class="grove-badge inline-flex items-center gap-1.5">
+                  <span 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 items-center gap-1.5">
                     <Icon name={s} category="stack" size={14} />
                     {s}
                   </span>
@@ -610,7 +608,7 @@ if (isProject && proj) {
                   Platform
                 </span>
                 {platforms.map((p) => (
-                  <span class="grove-badge inline-flex items-center gap-1.5">
+                  <span 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 items-center gap-1.5">
                     <Icon name={p} category="platform" size={14} />
                     {p}
                   </span>
@@ -632,7 +630,7 @@ if (isProject && proj) {
               <li>
                 <a
                   href={`/${slug}?q=${encodeURIComponent(t)}`}
-                  class="grove-badge inline-flex items-center gap-1.5"
+                  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 items-center gap-1.5"
                 >
                   {t}
                 </a>
@@ -650,12 +648,12 @@ if (isProject && proj) {
           </h2>
           <ul class="mt-4 m-0 flex list-none flex-col gap-2 p-0">
             {distribution.map((c) => (
-              <li class="grove-card flex flex-wrap items-baseline justify-between gap-2 p-3">
+              <li class="rounded-[calc(var(--radius)+0.25rem)] border-0 bg-muted shadow-none transition-colors flex flex-wrap items-baseline justify-between gap-2 p-3">
                 <div class="flex flex-col">
                   <span class="text-sm font-semibold text-ink-900 dark:text-ink-100">
                     {c.label ?? c.type}
                     {c.verified && (
-                      <span class="ml-2 grove-badge grove-badge-new">Verified</span>
+                      <span class="ml-2 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 !bg-emerald-50 !text-emerald-700 dark:!bg-emerald-950/80 dark:!text-emerald-300">Verified</span>
                     )}
                   </span>
                   {c.notes && (
@@ -666,7 +664,7 @@ if (isProject && proj) {
                   href={c.url}
                   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"
                 >
                   {c.platform ?? c.type} →
                 </a>