@grove-dev/astro 0.2.6 → 0.2.13

package/templates/default/src/components/layout/Header.astro

@@ -1,43 +0,0 @@
----
-import siteConfig from "../../data/generated/site-config.json";
-import { indexSlug } from "../../data/records";
-
-const navItems = siteConfig.nav.length > 0
-  ? siteConfig.nav
-  : [
-      { label: "Home", href: "/" },
-      { label: "Browse", href: `/${indexSlug()}` },
-      { label: "About", href: "/about" },
-      { label: "Submit", href: "/submit" },
-    ];
----
-
-<header class="border-b border-ink-200 bg-white/85 backdrop-blur dark:border-ink-800 dark:bg-ink-950/85">
-  <div class="mx-auto flex max-w-6xl items-center gap-6 px-5 py-3 sm:px-7">
-    <a
-      href="/"
-      class="inline-flex items-center gap-2 text-base font-semibold tracking-tight text-ink-900 dark:text-ink-100"
-    >
-      <span
-        aria-hidden="true"
-        class="inline-block h-4 w-4 rounded bg-ink-900 dark:bg-ink-100"
-      ></span>
-      <span>{siteConfig.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-sm 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>
-</header>

package/templates/default/src/lib/markdown.ts

@@ -1,171 +0,0 @@
-/**
- * Tiny markdown → HTML converter for page-level content bodies.
- *
- * Scope is intentionally narrow: it handles the markdown the
- * `content/pages/*.md` files actually use (headings, paragraphs,
- * unordered + ordered lists, fenced code, inline `code` and
- * links). Anything more elaborate (tables, footnotes, autolinks)
- * is out of scope — consumers can swap in a real renderer
- * (marked, remark, ...) by overriding the page-level helper.
- *
- * The output is HTML-escaped at the source so a stray `<` in the
- * markdown file can't break the page. Inline `code` and links are
- * processed before the escape pass.
- */
-import { existsSync, readFileSync } from "node:fs";
-
-function escapeHtml(s: string): string {
-  return s
-    .replace(/&/g, "&amp;")
-    .replace(/</g, "&lt;")
-    .replace(/>/g, "&gt;");
-}
-
-function renderInline(line: string): string {
-  let out = escapeHtml(line);
-  // Inline code: `…` — render first so its content doesn't get
-  // further processed.
-  out = out.replace(/`([^`]+)`/g, (_, code: string) => `<code>${code}</code>`);
-  // Links: [text](url)
-  out = out.replace(
-    /\[([^\]]+)\]\(([^)]+)\)/g,
-    (_, text: string, url: string) =>
-      `<a href="${url}" class="text-ink-900 underline hover:text-ink-700 dark:text-ink-100 dark:hover:text-white" rel="noopener noreferrer">${text}</a>`,
-  );
-  // Bold: **…**
-  out = out.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>");
-  // Italic: *…*
-  out = out.replace(/\*([^*]+)\*/g, "<em>$1</em>");
-  return out;
-}
-
-interface Block {
-  type: "h2" | "h3" | "p" | "ul" | "ol" | "pre";
-  lines: string[];
-}
-
-function parseBlocks(md: string): Block[] {
-  const lines = md.split(/\r?\n/);
-  const blocks: Block[] = [];
-  let i = 0;
-  while (i < lines.length) {
-    const line = lines[i];
-    if (!line.trim()) {
-      i++;
-      continue;
-    }
-    if (line.startsWith("## ")) {
-      blocks.push({ type: "h2", lines: [line.slice(3)] });
-      i++;
-      continue;
-    }
-    if (line.startsWith("### ")) {
-      blocks.push({ type: "h3", lines: [line.slice(4)] });
-      i++;
-      continue;
-    }
-    if (line.startsWith("```")) {
-      const buf: string[] = [];
-      i++;
-      while (i < lines.length && !lines[i].startsWith("```")) {
-        buf.push(lines[i]);
-        i++;
-      }
-      i++; // skip closing fence
-      blocks.push({ type: "pre", lines: buf });
-      continue;
-    }
-    if (/^[-*] /.test(line)) {
-      const buf: string[] = [];
-      while (i < lines.length && /^[-*] /.test(lines[i])) {
-        buf.push(lines[i].slice(2));
-        i++;
-      }
-      blocks.push({ type: "ul", lines: buf });
-      continue;
-    }
-    if (/^\d+\. /.test(line)) {
-      const buf: string[] = [];
-      while (i < lines.length && /^\d+\. /.test(lines[i])) {
-        buf.push(lines[i].replace(/^\d+\. /, ""));
-        i++;
-      }
-      blocks.push({ type: "ol", lines: buf });
-      continue;
-    }
-    // Default: paragraph (consume contiguous non-blank lines).
-    const buf: string[] = [line];
-    i++;
-    while (
-      i < lines.length &&
-      lines[i].trim() &&
-      !lines[i].startsWith("## ") &&
-      !lines[i].startsWith("### ") &&
-      !lines[i].startsWith("```") &&
-      !/^[-*] /.test(lines[i]) &&
-      !/^\d+\. /.test(lines[i])
-    ) {
-      buf.push(lines[i]);
-      i++;
-    }
-    blocks.push({ type: "p", lines: buf });
-  }
-  return blocks;
-}
-
-export function renderMarkdown(md: string): string {
-  const blocks = parseBlocks(md);
-  const html: string[] = [];
-  for (const b of blocks) {
-    switch (b.type) {
-      case "h2":
-        html.push(
-          `<h2 class="m-0 mt-10 text-[1.375rem] font-semibold tracking-tight text-ink-900 dark:text-ink-100">${renderInline(b.lines[0])}</h2>`,
-        );
-        break;
-      case "h3":
-        html.push(
-          `<h3 class="m-0 mt-8 text-[1.125rem] font-semibold tracking-tight text-ink-900 dark:text-ink-100">${renderInline(b.lines[0])}</h3>`,
-        );
-        break;
-      case "p":
-        html.push(
-          `<p class="m-0 mt-4 text-[0.9375rem] leading-relaxed text-ink-700 dark:text-ink-200">${b.lines.map(renderInline).join(" ")}</p>`,
-        );
-        break;
-      case "ul":
-        html.push(
-          `<ul class="m-0 mt-4 list-disc space-y-1.5 pl-6 text-[0.9375rem] leading-relaxed text-ink-700 dark:text-ink-200">${b.lines
-            .map((l) => `<li>${renderInline(l)}</li>`)
-            .join("")}</ul>`,
-        );
-        break;
-      case "ol":
-        html.push(
-          `<ol class="m-0 mt-4 list-decimal space-y-1.5 pl-6 text-[0.9375rem] leading-relaxed text-ink-700 dark:text-ink-200">${b.lines
-            .map((l) => `<li>${renderInline(l)}</li>`)
-            .join("")}</ol>`,
-        );
-        break;
-      case "pre":
-        html.push(
-          `<pre class="mt-4 overflow-x-auto rounded-md border border-ink-200 bg-ink-50 p-4 text-xs leading-relaxed text-ink-800 dark:border-ink-800 dark:bg-ink-900/60 dark:text-ink-200"><code>${escapeHtml(b.lines.join("\n"))}</code></pre>`,
-        );
-        break;
-    }
-  }
-  return html.join("\n");
-}
-
-/** Read a markdown file from a list of candidate paths, return null if missing. */
-export function readMarkdownFile(candidates: string[]): string | null {
-  for (const path of candidates) {
-    try {
-      if (!existsSync(path)) continue;
-      return readFileSync(path, "utf8");
-    } catch {
-      continue;
-    }
-  }
-  return null;
-}

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

@@ -1,193 +0,0 @@
----
-/**
- * List page — the discovery / browse page.
- *
- * Renders the full filter / search / sort machinery:
- *   - SmartLensTabs (All / Trending / Recently added / Established / Featured / Needs review)
- *   - RefinePanel  (Stack / Platform / Category / License / Sort multi-selects)
- *   - AppsIndexRow list (compact table-row per record)
- *   - AppsPagination (windowed page list)
- *   - ExploreByCategory / ExploreByStack (compact pill lists)
- *
- * Pure server-rendered: every interaction is a GET to the same URL
- * with a different query string. No client-side filter script — the
- * page rebuilds on every request because Astro's default output is
- * static (all pages are baked at build time and revalidated by the
- * deploy target).
- */
-import siteConfig from "../../../data/generated/site-config.json";
-import { records, indexSlug, itemLabel } from "../../data/records";
-import BaseLayout from "@grove-dev/astro/layouts/BaseLayout.astro";
-import SmartLensTabs from "@grove-dev/astro/components/SmartLensTabs.astro";
-import RefinePanel from "@grove-dev/astro/components/RefinePanel.astro";
-import AppsIndexRow from "@grove-dev/astro/components/AppsIndexRow.astro";
-import AppsPagination from "@grove-dev/astro/components/AppsPagination.astro";
-import ExploreByCategory from "@grove-dev/astro/components/ExploreByCategory.astro";
-import ExploreByStack from "@grove-dev/astro/components/ExploreByStack.astro";
-import {
-  filtersFromSearchParams,
-  filterApps,
-  applySort,
-  paginate,
-  totalPages,
-  effectivePage,
-  buildFacets,
-  PAGE_SIZE,
-  pipeline,
-} from "@grove-dev/astro";
-
-const slug = indexSlug();
-const total = records.length;
-
-const title = `Browse ${slug} — ${siteConfig.name}`;
-const description = `A searchable directory of ${slug} for ${siteConfig.name}.`;
-
-// ── URL → filters ───────────────────────────────────────────────
-const filters = filtersFromSearchParams(Astro.url.searchParams);
-
-// ── Facet map (built from the FULL record set, not the filtered
-// one, so users can see all available options even when none of
-// them are active) ───────────────────────────────────────────────
-const facets = buildFacets(records);
-
-// ── Lens → filter → sort pipeline (matches the openapps list) ──
-const filtered = pipeline(records, filters);
-
-// ── Pagination ───────────────────────────────────────────────────
-const page = effectivePage(filters);
-const pages = totalPages(filtered.length, PAGE_SIZE);
-const pageItems = paginate(filtered, page, PAGE_SIZE);
-
-// ── "Explore" facet pills (top 12 categories / stacks by count) ─
-const categoryEntries = facets.categories.slice(0, 12).map((f) => ({
-  name: f.value,
-  slug: f.value,
-  count: f.count,
-}));
-const stackEntries = facets.stacks.slice(0, 18).map((f) => ({
-  name: f.value,
-  slug: f.value,
-  count: f.count,
-}));
-
-function hrefForPage(p: number): string {
-  const sp = new URLSearchParams(Astro.url.searchParams);
-  if (p <= 1) sp.delete("page");
-  else sp.set("page", String(p));
-  const qs = sp.toString();
-  return qs ? `/${slug}?${qs}` : `/${slug}`;
-}
----
-
-<BaseLayout
-  title={title}
-  description={description}
-  site={siteConfig}
-  submitHref="/submit"
-  submitLabel={`Submit ${itemLabel()}`}
->
-  <section class="grove-section-tight border-b border-ink-200 dark:border-ink-800">
-    <div class="grove-container-wide mx-auto 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>
-      <h1 class="m-0 mt-1 text-[1.875rem] sm:text-[2.125rem] font-semibold tracking-tight text-ink-900 dark:text-ink-100">
-        Browse {slug}
-      </h1>
-      <p class="m-0 mt-2 max-w-[64ch] text-[0.9375rem] text-ink-500 dark:text-ink-400">
-        Search, filter, and explore {total} {itemLabel()}{total === 1 ? "" : "s"} in this directory.
-      </p>
-
-      <div class="mt-6">
-        <SmartLensTabs
-          currentParams={Astro.url.searchParams}
-          pathPrefix={`/${slug}`}
-        />
-      </div>
-
-      <div class="mt-5">
-        <RefinePanel
-          facets={facets}
-          initial={filters}
-          pathPrefix={`/${slug}`}
-        />
-      </div>
-    </div>
-  </section>
-
-  {categoryEntries.length > 0 && (
-    <ExploreByCategory
-      categories={categoryEntries}
-      pathPrefix={`/${slug}`}
-    />
-  )}
-
-  {stackEntries.length > 0 && (
-    <ExploreByStack
-      stacks={stackEntries}
-      pathPrefix={`/${slug}`}
-    />
-  )}
-
-  <section class="grove-section-tight">
-    <div class="grove-container-wide mx-auto px-5 sm:px-7">
-      <div class="mb-4 flex flex-wrap items-baseline justify-between gap-2">
-        <p class="m-0 text-2xs text-ink-500 dark:text-ink-400">
-          Showing
-          <span class="ml-1 font-mono text-ink-900 dark:text-ink-100">
-            {filtered.length === 0 ? 0 : (page - 1) * PAGE_SIZE + 1}
-          </span>
-          –
-          <span class="font-mono text-ink-900 dark:text-ink-100">
-            {Math.min(page * PAGE_SIZE, filtered.length)}
-          </span>
-          of
-          <span class="ml-1 font-mono text-ink-900 dark:text-ink-100">
-            {filtered.length}
-          </span>
-          {itemLabel()}{filtered.length === 1 ? "" : "s"}
-        </p>
-        {pages > 1 && (
-          <AppsPagination
-            current={page}
-            total={pages}
-            hrefFor={hrefForPage}
-          />
-        )}
-      </div>
-
-      {pageItems.length === 0 ? (
-        <div class="flex flex-col items-center gap-2 py-16 text-center">
-          <p class="m-0 text-[0.9375rem] font-medium text-ink-700 dark:text-ink-200">
-            No {itemLabel()}s match these filters.
-          </p>
-          <a
-            href={`/${slug}`}
-            class="mt-3 text-sm text-ink-500 hover:text-ink-900 dark:hover:text-ink-100"
-          >
-            Clear all filters
-          </a>
-        </div>
-      ) : (
-        <div class="flex flex-col gap-3">
-          {pageItems.map((record) => (
-            <AppsIndexRow
-              record={record}
-              detailHref={`/${slug}/${record.slug}`}
-            />
-          ))}
-        </div>
-      )}
-
-      {pages > 1 && (
-        <div class="mt-6 flex justify-center">
-          <AppsPagination
-            current={page}
-            total={pages}
-            hrefFor={hrefForPage}
-          />
-        </div>
-      )}
-    </div>
-  </section>
-</BaseLayout>