@grove-dev/astro 0.2.10 → 0.2.14

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>