@grove-dev/astro 0.2.13 → 0.2.16

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

@@ -1,301 +0,0 @@
----
-/**
- * /apps/<slug> — alternate detail URL.
- *
- * Mirrors `/[slug]/[itemSlug].astro` (the blueprint-aware dynamic
- * detail page) at a static URL. For non-project blueprints
- * (resource-hub, ecosystem-map), redirect to the matching dynamic
- * route.
- */
-import { indexSlug, fullRecords, projectBySlug, recordBySlug } from "../../data/records";
-import BaseLayout from "@grove-dev/astro/layouts/BaseLayout.astro";
-import Icon from "@grove-dev/astro/components/Icon.astro";
-import ScoreBars from "@grove-dev/astro/components/ScoreBars.astro";
-import siteConfig from "../../../data/generated/site-config.json";
-import { getOwnerAndRepoFromRepoUrl, getOwnerAvatarUrl, formatRelative, formatStars, statusDisplay, prettySlug, labelDisplay } from "@grove-dev/astro";
-
-export async function getStaticPaths() {
-  return fullRecords.map((r) => ({ params: { itemSlug: r.slug } }));
-}
-
-const slug = indexSlug();
-const itemSlug = Astro.params.itemSlug ?? "";
-
-if (slug !== "projects") {
-  return Astro.redirect(`/${slug}/${itemSlug}`);
-}
-
-const record = recordBySlug(itemSlug);
-if (!record) {
-  return Astro.redirect("/apps");
-}
-
-const project = projectBySlug(itemSlug);
-const isProject = record.kind === "project";
-const name = record.kind === "resource" ? record.title : record.name;
-const repoUrl = project?.repoUrl ?? (record.links as { github?: string } | undefined)?.github ?? "";
-const homepageUrl = record.links?.website ?? "";
-const logoUrl = project?.logoUrl;
-const stacks = project?.stacks ?? (project?.stack ? [project.stack] : []);
-const platforms = project?.platforms ?? [];
-const github = project?.github?.repository;
-const stars = github?.stargazers_count ?? 0;
-const starsLabel = formatStars(stars);
-const pushedAt = github?.pushed_at ?? null;
-const pushedLabel = formatRelative(pushedAt);
-const ownerRepo = repoUrl ? getOwnerAndRepoFromRepoUrl(repoUrl) : null;
-const avatarSrc = logoUrl ?? (ownerRepo ? getOwnerAvatarUrl(ownerRepo.owner, 80) : null);
-const initials = (name || "").replace(/[^a-z0-9]/gi, "").slice(0, 2).toUpperCase();
-const bestFor = project?.bestFor ?? [];
-const whyListed = project?.whyListed ?? [];
-const caveats = project?.caveats ?? [];
-const distribution = project?.distribution?.channels ?? [];
-const scores = project?.scores ?? null;
-const curationLabels = record.curation?.labels ?? [];
-const tags = record.tags ?? [];
-const healthStatus = project?.health?.status;
-const healthLabel = healthStatus ? statusDisplay(healthStatus) : null;
-
-const title = `${name} — ${siteConfig.name}`;
-const description = record.description ?? `${name} on ${siteConfig.name}`;
-
-const jsonLd: Record<string, unknown> | null = project
-  ? {
-      "@context": "https://schema.org",
-      "@type": "SoftwareSourceCode",
-      name,
-      description: record.description ?? undefined,
-      url: repoUrl || homepageUrl || undefined,
-      codeRepository: repoUrl || undefined,
-      programmingLanguage: github?.language ?? undefined,
-      license: github?.license?.spdx_id ?? undefined,
-      author: ownerRepo
-        ? { "@type": "Organization", name: ownerRepo.owner, url: `https://github.com/${ownerRepo.owner}` }
-        : undefined,
-    }
-  : null;
----
-
-<BaseLayout
-  title={title}
-  description={description}
-  site={siteConfig}
-  type="article"
-  jsonLd={jsonLd ?? undefined}
-  submitHref="/submit"
-  submitLabel={`Submit ${name}`}
->
-  <article class="grove-section">
-    <div class="grove-container-wide mx-auto px-5 sm:px-7">
-      <nav class="mb-6 text-2xs text-ink-500 dark:text-ink-400" aria-label="Breadcrumb">
-        <a href="/apps" class="hover:text-ink-900 dark:hover:text-ink-100">Apps</a>
-        <span class="mx-1.5 text-ink-300 dark:text-ink-700">/</span>
-        <span class="text-ink-700 dark:text-ink-300">{name}</span>
-      </nav>
-
-      <header class="grove-card flex flex-col gap-5 p-6 sm:flex-row sm:items-start">
-        <div class="flex-shrink-0">
-          {avatarSrc ? (
-            <img
-              src={avatarSrc}
-              alt=""
-              width="64"
-              height="64"
-              loading="lazy"
-              decoding="async"
-              class="h-16 w-16 rounded-lg border border-ink-200 object-contain bg-white p-1 dark:border-ink-800 dark:bg-ink-950"
-            />
-          ) : (
-            <span
-              aria-hidden="true"
-              class="inline-flex h-16 w-16 items-center justify-center rounded-lg border border-ink-200 bg-ink-50 text-2xl font-semibold text-ink-700 dark:border-ink-800 dark:bg-ink-900 dark:text-ink-200"
-            >
-              {initials || "·"}
-            </span>
-          )}
-        </div>
-
-        <div class="min-w-0 flex-1">
-          <div class="flex flex-wrap items-center gap-2">
-            <span class="rounded-full border border-ink-200 px-2 py-0.5 text-2xs font-medium uppercase tracking-wider text-ink-700 dark:border-ink-800 dark:text-ink-300">
-              {record.kind}
-            </span>
-            {record.category && (
-              <span class="rounded-full border border-ink-200 px-2 py-0.5 text-2xs font-medium text-ink-700 dark:border-ink-800 dark:text-ink-300">
-                {record.category}
-              </span>
-            )}
-            {curationLabels.map((l) => (
-              <span class="grove-badge" title={`Curated: ${labelDisplay(l) ?? l}`}>
-                {labelDisplay(l) ?? prettySlug(l)}
-              </span>
-            ))}
-            {healthLabel && (
-              <span class="grove-badge grove-badge-stale">{healthLabel}</span>
-            )}
-          </div>
-
-          <h1 class="m-0 mt-2 text-[1.75rem] sm:text-[2rem] font-semibold tracking-tight text-ink-900 dark:text-ink-100">
-            {name}
-          </h1>
-
-          {ownerRepo && (
-            <p class="m-0 mt-1 text-sm text-ink-500 dark:text-ink-400">
-              <a
-                href={`https://github.com/${ownerRepo.owner}`}
-                target="_blank"
-                rel="noopener noreferrer"
-                class="text-inherit no-underline hover:text-ink-900 dark:hover:text-ink-100"
-              >
-                @{ownerRepo.owner}
-              </a>
-              <span class="mx-1 text-ink-300 dark:text-ink-700">/</span>
-              <a
-                href={repoUrl}
-                target="_blank"
-                rel="noopener noreferrer"
-                class="text-inherit no-underline hover:text-ink-900 dark:hover:text-ink-100"
-              >
-                {ownerRepo.repo}
-              </a>
-            </p>
-          )}
-
-          {record.description && (
-            <p class="m-0 mt-3 max-w-[68ch] text-base leading-relaxed text-ink-700 dark:text-ink-200">
-              {record.description}
-            </p>
-          )}
-
-          <div class="mt-5 flex flex-wrap gap-2">
-            {repoUrl && (
-              <a href={repoUrl} target="_blank" rel="noopener noreferrer" class="grove-btn grove-btn-primary">
-                View on GitHub →
-              </a>
-            )}
-            {homepageUrl && (
-              <a href={homepageUrl} target="_blank" rel="noopener noreferrer" class="grove-btn grove-btn-outline">
-                Homepage
-              </a>
-            )}
-          </div>
-        </div>
-      </header>
-
-      {project && (
-        <section class="mt-8 grove-card 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>
-          <div class="mt-4">
-            <ScoreBars scores={scores} />
-          </div>
-        </section>
-      )}
-
-      {/* BestFor / WhyListed / Caveats grid */}
-      {isProject && (bestFor.length > 0 || whyListed.length > 0 || caveats.length > 0) && (
-        <section class="mt-8 grid grid-cols-1 gap-4 md:grid-cols-3" aria-label="Curation notes">
-          {bestFor.length > 0 && (
-            <div class="grove-card p-5">
-              <h3 class="m-0 text-sm font-semibold uppercase tracking-wider text-ink-500 dark:text-ink-400">Best for</h3>
-              <ul class="mt-3 m-0 flex list-none flex-col gap-1.5 p-0">
-                {bestFor.map((b) => <li class="text-sm text-ink-700 dark:text-ink-200">— {b}</li>)}
-              </ul>
-            </div>
-          )}
-          {whyListed.length > 0 && (
-            <div class="grove-card p-5">
-              <h3 class="m-0 text-sm font-semibold uppercase tracking-wider text-ink-500 dark:text-ink-400">Why listed</h3>
-              <ul class="mt-3 m-0 flex list-none flex-col gap-1.5 p-0">
-                {whyListed.map((w) => <li class="text-sm text-ink-700 dark:text-ink-200">— {w}</li>)}
-              </ul>
-            </div>
-          )}
-          {caveats.length > 0 && (
-            <div class="grove-card p-5">
-              <h3 class="m-0 text-sm font-semibold uppercase tracking-wider text-ink-500 dark:text-ink-400">Caveats</h3>
-              <ul class="mt-3 m-0 flex list-none flex-col gap-1.5 p-0">
-                {caveats.map((c) => <li class="text-sm text-ink-700 dark:text-ink-200">— {c}</li>)}
-              </ul>
-            </div>
-          )}
-        </section>
-      )}
-
-      {/* Stack + Platform chips */}
-      {isProject && (stacks.length > 0 || platforms.length > 0) && (
-        <section class="mt-8" aria-labelledby="stacks-heading">
-          <h2 id="stacks-heading" class="m-0 text-lg font-semibold tracking-tight text-ink-900 dark:text-ink-100">
-            Stack & platforms
-          </h2>
-          <div class="mt-4 flex flex-col gap-3">
-            {stacks.length > 0 && (
-              <div class="flex flex-wrap items-center gap-2">
-                <span class="text-2xs font-medium uppercase tracking-wider text-ink-500 dark:text-ink-400">Stack</span>
-                {stacks.map((s) => (
-                  <span class="grove-badge inline-flex items-center gap-1.5">
-                    <Icon name={s} category="stack" size={14} />
-                    {s}
-                  </span>
-                ))}
-              </div>
-            )}
-            {platforms.length > 0 && (
-              <div class="flex flex-wrap items-center gap-2">
-                <span class="text-2xs font-medium uppercase tracking-wider text-ink-500 dark:text-ink-400">Platform</span>
-                {platforms.map((p) => (
-                  <span class="grove-badge inline-flex items-center gap-1.5">
-                    <Icon name={p} category="platform" size={14} />
-                    {p}
-                  </span>
-                ))}
-              </div>
-            )}
-          </div>
-        </section>
-      )}
-
-      {/* Tags */}
-      {tags.length > 0 && (
-        <section class="mt-8" aria-labelledby="tags-heading">
-          <h2 id="tags-heading" class="m-0 text-lg font-semibold tracking-tight text-ink-900 dark:text-ink-100">
-            Tags
-          </h2>
-          <ul class="mt-4 m-0 flex list-none flex-wrap gap-1.5 p-0">
-            {tags.map((t) => (
-              <li>
-                <a href={`/apps?q=${encodeURIComponent(t)}`} class="grove-badge inline-flex items-center gap-1.5">{t}</a>
-              </li>
-            ))}
-          </ul>
-        </section>
-      )}
-
-      {/* Distribution channels */}
-      {distribution.length > 0 && (
-        <section class="mt-8" aria-labelledby="dist-heading">
-          <h2 id="dist-heading" class="m-0 text-lg font-semibold tracking-tight text-ink-900 dark:text-ink-100">
-            Distribution channels
-          </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">
-                <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>
-                  {c.notes && <span class="text-xs text-ink-500 dark:text-ink-400">{c.notes}</span>}
-                </div>
-                <a href={c.url} target="_blank" rel="noopener noreferrer" class="grove-btn grove-btn-outline">
-                  {c.platform ?? c.type} →
-                </a>
-              </li>
-            ))}
-          </ul>
-        </section>
-      )}
-    </div>
-  </article>
-</BaseLayout>

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

@@ -1,146 +0,0 @@
----
-/**
- * /apps — alternate list URL.
- *
- * Mirrors `/[slug]/index.astro` (the blueprint-aware dynamic list
- * page) at a static URL so the openapps-style `/apps` route works
- * for project-directory blueprints without per-blueprint forks.
- *
- * For non-project blueprints (resource-hub → /resources,
- * ecosystem-map → /entities), this page redirects to the matching
- * dynamic route.
- */
-import { indexSlug, itemLabelPlural, items } 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 ExploreByCategory from "@grove-dev/astro/components/ExploreByCategory.astro";
-import ExploreByStack from "@grove-dev/astro/components/ExploreByStack.astro";
-import siteConfig from "../../../data/generated/site-config.json";
-import {
-  activeFilterChips,
-  applySort,
-  buildFacets,
-  effectivePage,
-  effectiveSort,
-  filterApps,
-  filtersFromSearchParams,
-  paginate,
-  totalPages,
-} from "@grove-dev/astro";
-
-const slug = indexSlug();
-
-// Only render the static /apps route when the active blueprint is
-// project-directory (the openapps-style URL). For other blueprints,
-// redirect to the dynamic `/<slug>/` route.
-if (slug !== "projects") {
-  return Astro.redirect(`/${slug}${Astro.url.search}`);
-}
-
-const total = items.length;
-const filters = filtersFromSearchParams(Astro.url.searchParams);
-const facets = buildFacets(items);
-const sort = effectiveSort(filters);
-const requestedPage = effectivePage(filters);
-const filtered = filterApps(items, filters);
-const sorted = applySort(filtered, sort);
-const pages = totalPages(sorted.length);
-const page = Math.min(requestedPage, pages);
-const visibleItems = paginate(sorted, page);
-const chips = activeFilterChips(filters);
-const itemPlural = itemLabelPlural();
-
-const title = `${itemPlural.charAt(0).toUpperCase()}${itemPlural.slice(1)} — ${siteConfig.name}`;
-const description = `Browse every curated ${itemPlural.replace(/s$/, "")} in the ${siteConfig.name} directory.`;
----
-
-<BaseLayout title={title} description={description} site={siteConfig}>
-  <section class="grove-section">
-    <div class="grove-container-wide mx-auto px-5 sm:px-7">
-      <header class="mb-6">
-        <span class="text-2xs font-medium uppercase tracking-wider text-ink-500 dark:text-ink-400">
-          {itemPlural}
-        </span>
-        <h1 class="m-0 mt-1 text-[1.75rem] sm:text-[2.25rem] font-semibold tracking-tight text-ink-900 dark:text-ink-100">
-          Browse the directory
-        </h1>
-        <p class="m-0 mt-2 max-w-2xl text-base leading-relaxed text-ink-700 dark:text-ink-200">
-          Search and filter every curated {itemPlural.replace(/s$/, "")}. Use the
-          lens tabs to focus on a curated angle, or refine by stack,
-          platform, license, and status.
-        </p>
-      </header>
-
-      <div class="mb-6">
-        <SmartLensTabs
-          currentParams={Astro.url.searchParams}
-          pathPrefix="/apps"
-        />
-      </div>
-
-      <div class="mb-8">
-        <RefinePanel
-          facets={facets}
-          initial={filters}
-          pathPrefix="/apps"
-        />
-      </div>
-
-      {chips.length > 0 && (
-        <ul class="mb-6 flex flex-wrap items-center gap-1.5" aria-label="Active filters">
-          {chips.map((chip) => (
-            <li>
-              <a
-                href={chip.removeHref}
-                class="grove-badge inline-flex items-center gap-1.5 hover:border-ink-300 dark:hover:border-ink-700"
-                title={`Remove filter: ${chip.label}`}
-              >
-                <span>{chip.label}</span>
-                <span aria-hidden="true">×</span>
-              </a>
-            </li>
-          ))}
-        </ul>
-      )}
-
-      {visibleItems.length === 0 ? (
-        <p class="grove-card p-8 text-center text-sm text-ink-500 dark:text-ink-400">
-          No {itemPlural} match these filters. Try clearing a filter or two.
-        </p>
-      ) : (
-        <ul class="m-0 grid list-none grid-cols-1 gap-3 p-0">
-          {visibleItems.map((item) => (
-            <li class="m-0 p-0">
-              <AppsIndexRow record={item as Parameters<typeof AppsIndexRow>[0]["record"]} detailHref={`/apps/${item.slug}`} />
-            </li>
-          ))}
-        </ul>
-      )}
-    </div>
-  </section>
-
-  <ExploreByCategory
-    categories={[
-      ...new Set(
-        items
-          .filter((i) => i.kind === "project")
-          .map((i) => (i as { category?: string }).category ?? "")
-          .filter(Boolean),
-      ),
-    ].map((name) => ({ name, slug: name }))}
-    pathPrefix="/apps"
-  />
-  <ExploreByStack
-    stacks={[
-      ...new Set(
-        items
-          .filter((i) => i.kind === "project")
-          .flatMap((i) => [(i as { stack?: string }).stack ?? "", ...(i as { stacks?: string[] }).stacks])
-          .filter(Boolean),
-      ),
-    ].map((name) => ({ name, slug: name }))}
-    pathPrefix="/apps"
-  />
-</BaseLayout>