@grove-dev/astro 0.1.5 → 0.2.2

package/src/components/ActiveFilterChips.astro

@@ -1,20 +0,0 @@
----
-import type { DirectoryFilters } from "@grove-dev/ui";
-import { activeFilterChips } from "@grove-dev/ui";
-
-interface Props {
-  filters: DirectoryFilters;
-}
-
-const { filters } = Astro.props;
-const chips = activeFilterChips(filters);
----
-
-{chips.length > 0 && (
-  <div class="oc-active-chips" aria-label="Active filters">
-    {chips.map((chip) => (
-      <span data-filter-chip={chip.key}>{chip.label}</span>
-    ))}
-    <a href="/projects">Clear all</a>
-  </div>
-)}

package/src/components/DirectoryFilters.astro

@@ -1,100 +0,0 @@
----
-import type { HealthStatus } from "@grove-dev/core";
-
-interface Props {
-  q?: string;
-  category?: string;
-  tag?: string;
-  language?: string;
-  license?: string;
-  health?: string;
-  maintained?: boolean;
-  hideArchived?: boolean;
-  hasRecentRelease?: boolean;
-  categories: string[];
-  tags: string[];
-  languages: string[];
-  licenses: string[];
-  action?: string;
-}
-
-const {
-  q = "",
-  category = "",
-  tag = "",
-  language = "",
-  license = "",
-  health = "all",
-  maintained = false,
-  hideArchived = false,
-  hasRecentRelease = false,
-  categories,
-  tags,
-  languages,
-  licenses,
-  action = "/projects",
-} = Astro.props;
-
-const healthOptions: Array<HealthStatus | "all"> = [
-  "all",
-  "mature",
-  "active",
-  "stale",
-  "needs_review",
-  "inactive",
-  "archived",
-  "unknown",
-];
----
-
-<form class="oc-filters" action={action} method="get" role="search">
-  <label class="oc-filter-search">
-    <span>Search</span>
-    <input type="search" name="q" value={q} placeholder="Name, description, tag, license..." />
-  </label>
-  <label>
-    <span>Category</span>
-    <select name="category">
-      <option value="">All categories</option>
-      {categories.map((value) => <option value={value} selected={value === category}>{value}</option>)}
-    </select>
-  </label>
-  <label>
-    <span>Health</span>
-    <select name="health">
-      {healthOptions.map((value) => (
-        <option value={value} selected={value === health}>{value.replace(/_/g, " ")}</option>
-      ))}
-    </select>
-  </label>
-  <label>
-    <span>Tag</span>
-    <select name="tag">
-      <option value="">All tags</option>
-      {tags.map((value) => <option value={value} selected={value === tag}>{value}</option>)}
-    </select>
-  </label>
-  <label>
-    <span>Language</span>
-    <select name="language">
-      <option value="">All languages</option>
-      {languages.map((value) => <option value={value} selected={value === language}>{value}</option>)}
-    </select>
-  </label>
-  <label>
-    <span>License</span>
-    <select name="license">
-      <option value="">All licenses</option>
-      {licenses.map((value) => <option value={value} selected={value === license}>{value}</option>)}
-    </select>
-  </label>
-  <div class="oc-filter-toggles">
-    <label><input type="checkbox" name="maintained" value="1" checked={maintained} /> Maintained only</label>
-    <label><input type="checkbox" name="hideArchived" value="1" checked={hideArchived} /> Hide archived</label>
-    <label><input type="checkbox" name="hasRecentRelease" value="1" checked={hasRecentRelease} /> Recent release</label>
-  </div>
-  <div class="oc-filter-actions">
-    <button type="submit">Apply</button>
-    <a href={action}>Reset</a>
-  </div>
-</form>

package/src/components/DirectoryHero.astro

@@ -1,32 +0,0 @@
----
-import type { DirectoryStats } from "@grove-dev/ui";
-
-interface Props {
-  name: string;
-  tagline: string;
-  stats: DirectoryStats;
-}
-
-const { name, tagline, stats } = Astro.props;
----
-
-<section class="oc-hero">
-  <div>
-    <p class="oc-eyebrow">Grove</p>
-    <h1>{name}</h1>
-    <p class="oc-lede">{tagline}</p>
-  </div>
-  <form class="oc-hero-search" action="/projects" role="search">
-    <label>
-      <span class="oc-sr-only">Search projects</span>
-      <input type="search" name="q" placeholder="Search projects, tags, licenses..." />
-    </label>
-    <button type="submit">Search</button>
-  </form>
-  <dl class="oc-stats">
-    <div><dt>Projects</dt><dd>{stats.total}</dd></div>
-    <div><dt>Active</dt><dd>{stats.active}</dd></div>
-    <div><dt>Mature</dt><dd>{stats.mature}</dd></div>
-    <div><dt>Needs review</dt><dd>{stats.needsReview}</dd></div>
-  </dl>
-</section>

package/src/components/HealthBadge.astro

@@ -1,12 +0,0 @@
----
-import type { HealthStatus } from "@grove-dev/core";
-
-interface Props {
-  status?: HealthStatus;
-}
-
-const { status = "unknown" } = Astro.props;
-const label = status.replace(/_/g, " ");
----
-
-<span class={`oc-health oc-health-${status}`}>{label}</span>

package/src/components/LensTabs.astro

@@ -1,26 +0,0 @@
----
-import { LENSES } from "@grove-dev/ui";
-
-interface Props {
-  current?: string;
-  action?: string;
-}
-
-const { current = "all", action = "/projects" } = Astro.props;
----
-
-<nav class="oc-lenses" aria-label="Curated lenses">
-  {LENSES.map((lens) => {
-    const params = new URLSearchParams();
-    for (const [key, value] of Object.entries(lens.params)) {
-      params.set(key, String(value));
-    }
-    const href = lens.id === "all" ? action : `${action}?${params.toString()}`;
-    const active = current === lens.id || (current === "all" && lens.id === "all");
-    return (
-      <a href={href} data-lens-id={lens.id} aria-current={active ? "page" : undefined} title={lens.description}>
-        {lens.label}
-      </a>
-    );
-  })}
-</nav>

package/src/components/MethodologyPanel.astro

@@ -1,20 +0,0 @@
----
----
-
-<section class="oc-methodology">
-  <div>
-    <p class="oc-eyebrow">Methodology</p>
-    <h2>Health is a signal, not an automatic deletion rule.</h2>
-    <p>
-      Grove checks repository activity, archived state, releases, license,
-      adoption, and metadata freshness. Projects can still be kept, highlighted,
-      hidden, or preserved as historical through human curation decisions.
-    </p>
-  </div>
-  <ul>
-    <li>Archived repositories are flagged clearly.</li>
-    <li>Recent commits and releases increase confidence.</li>
-    <li>Missing metadata becomes unknown or needs review.</li>
-    <li>Humans control final visibility in decisions.yml.</li>
-  </ul>
-</section>

package/src/components/Pagination.astro

@@ -1,24 +0,0 @@
----
-interface Props {
-  page: number;
-  pages: number;
-  base?: string;
-}
-
-const { page, pages, base = "/projects" } = Astro.props;
-
-function href(target: number) {
-  const current = new URL(Astro.url);
-  current.searchParams.set("page", String(target));
-  const query = current.searchParams.toString();
-  return `${base}${query ? `?${query}` : ""}`;
-}
----
-
-{pages > 1 && (
-  <nav class="oc-pagination" aria-label="Pagination">
-    <a href={href(Math.max(1, page - 1))} aria-disabled={page <= 1 ? "true" : undefined}>Previous</a>
-    <span>Page {page} of {pages}</span>
-    <a href={href(Math.min(pages, page + 1))} aria-disabled={page >= pages ? "true" : undefined}>Next</a>
-  </nav>
-)}

package/src/components/ProjectDetail.astro

@@ -1,166 +0,0 @@
----
-import type { CuratedItem, HealthEntry, Decision } from "@grove-dev/core";
-import HealthBadge from "./HealthBadge.astro";
-import ScoreBars from "./ScoreBars.astro";
-import { SCORE_LABELS, SCORE_REASONING } from "@grove-dev/ui";
-
-interface Props {
-  item: CuratedItem;
-  health?: HealthEntry;
-  decision?: Decision;
-}
-
-const { item, health, decision } = Astro.props;
-const links = Object.entries(item.links).filter(([, href]) => Boolean(href));
-const channels = item.distribution.channels ?? [];
-const languages = health?.github?.languages
-  ? Object.entries(health.github.languages).sort((a, b) => b[1] - a[1]).slice(0, 5)
-  : [];
-const totalLanguageBytes = Math.max(1, languages.reduce((sum, [, bytes]) => sum + bytes, 0));
-const files = health?.github?.files ?? {};
-const fileSignals = [
-  ["README", files.readme],
-  ["Contributing", files.contributing],
-  ["Security", files.security],
-  ["Issue templates", files.issueTemplates],
-  ["PR template", files.pullRequestTemplate],
-].filter(([, ok]) => ok !== undefined);
-const monthly = health?.github?.monthlyCommits ?? [];
-const maxCommits = Math.max(1, ...monthly.map((entry) => entry.commits));
----
-
-<article class="oc-detail">
-  <header class="oc-detail-header">
-    <div>
-      <p class="oc-eyebrow">{item.taxonomy.category}</p>
-      <h1>{item.name}</h1>
-      <p class="oc-lede">{item.description}</p>
-    </div>
-    <HealthBadge status={health?.health.status} />
-  </header>
-
-  <div class="oc-detail-grid">
-    <section class="oc-detail-wide">
-      <h2>Curation Scores</h2>
-      <ScoreBars scores={item.curation.scores} />
-      <dl class="oc-score-reasons">
-        {(Object.keys(SCORE_LABELS) as Array<keyof typeof SCORE_LABELS>).map((key) => (
-          <div>
-            <dt>{SCORE_LABELS[key]}</dt>
-            <dd>{SCORE_REASONING[key]}</dd>
-          </div>
-        ))}
-      </dl>
-    </section>
-    <section>
-      <h2>Links</h2>
-      <ul class="oc-link-list">
-        {links.map(([label, href]) => <li><a href={href}>{label}</a></li>)}
-      </ul>
-      {channels.length > 0 && (
-        <>
-          <h3>Distribution</h3>
-          <ul class="oc-link-list">
-            {channels.map((channel) => (
-              <li><a href={channel.url}>{channel.label ?? channel.type}</a>{channel.platform ? ` · ${channel.platform}` : ""}</li>
-            ))}
-          </ul>
-        </>
-      )}
-    </section>
-    <section>
-      <h2>Metadata</h2>
-      <dl class="oc-fact-list">
-        <div><dt>Stars</dt><dd>{health?.github?.stars?.toLocaleString() ?? "Unknown"}</dd></div>
-        <div><dt>Forks</dt><dd>{health?.github?.forks?.toLocaleString() ?? "Unknown"}</dd></div>
-        <div><dt>License</dt><dd>{health?.github?.license ?? "Unknown"}</dd></div>
-        <div><dt>Language</dt><dd>{item.taxonomy.language ?? health?.github?.language ?? "Unknown"}</dd></div>
-        <div><dt>Last activity</dt><dd>{health?.github?.pushedAt?.slice(0, 10) ?? "Unknown"}</dd></div>
-        <div><dt>Latest release</dt><dd>{health?.github?.latestReleaseAt?.slice(0, 10) ?? "Unknown"}</dd></div>
-        <div><dt>Contributors</dt><dd>{health?.github?.contributorsKnown?.toLocaleString() ?? "Unknown"}</dd></div>
-        <div><dt>Open PRs</dt><dd>{health?.github?.openPullRequests?.toLocaleString() ?? "Unknown"}</dd></div>
-      </dl>
-    </section>
-    <section>
-      <h2>Health Signals</h2>
-      <ul class="oc-signal-list">
-        {(health?.health.reasons ?? ["No health metadata available"]).map((reason) => <li>{reason}</li>)}
-      </ul>
-    </section>
-    <section>
-      <h2>Curation</h2>
-      {decision ? (
-        <p><strong>{decision.decision.visibility.replace(/_/g, " ")}</strong>: {decision.decision.reason}</p>
-      ) : (
-        <p>No manual curation decision has been recorded yet.</p>
-      )}
-      {item.curation.reviewed !== undefined && (
-        <p>{item.curation.reviewed ? "Curator reviewed" : "Generated curation pending review"}{item.curation.reviewedBy ? ` by ${item.curation.reviewedBy}` : ""}.</p>
-      )}
-      {item.source.file && <p class="oc-source">Source: {item.source.file}{item.source.line ? `:${item.source.line}` : ""}</p>}
-    </section>
-    {(item.curation.bestFor.length > 0 || item.curation.whyListed.length > 0 || item.curation.caveats.length > 0) && (
-      <section class="oc-detail-wide">
-        <h2>Why Included</h2>
-        <div class="oc-curation-columns">
-          {item.curation.bestFor.length > 0 && (
-            <div>
-              <h3>Best for</h3>
-              <ul class="oc-signal-list">{item.curation.bestFor.map((value) => <li>{value}</li>)}</ul>
-            </div>
-          )}
-          {item.curation.whyListed.length > 0 && (
-            <div>
-              <h3>Why listed</h3>
-              <ul class="oc-signal-list">{item.curation.whyListed.map((value) => <li>{value}</li>)}</ul>
-            </div>
-          )}
-          {item.curation.caveats.length > 0 && (
-            <div>
-              <h3>Caveats</h3>
-              <ul class="oc-signal-list">{item.curation.caveats.map((value) => <li>{value}</li>)}</ul>
-            </div>
-          )}
-        </div>
-      </section>
-    )}
-    {(languages.length > 0 || fileSignals.length > 0 || monthly.length > 0) && (
-      <section class="oc-detail-wide">
-        <h2>Repository Signals</h2>
-        <div class="oc-repo-signals">
-          {languages.length > 0 && (
-            <div>
-              <h3>Languages</h3>
-              <dl class="oc-language-bars">
-                {languages.map(([language, bytes]) => (
-                  <div>
-                    <dt>{language}</dt>
-                    <dd><span style={`width: ${(bytes / totalLanguageBytes) * 100}%`}></span></dd>
-                  </div>
-                ))}
-              </dl>
-            </div>
-          )}
-          {fileSignals.length > 0 && (
-            <div>
-              <h3>Contribution files</h3>
-              <ul class="oc-signal-list">
-                {fileSignals.map(([label, ok]) => <li>{ok ? "Found" : "Missing"}: {label}</li>)}
-              </ul>
-            </div>
-          )}
-          {monthly.length > 0 && (
-            <div>
-              <h3>Monthly activity</h3>
-              <div class="oc-activity-bars">
-                {monthly.map((entry) => (
-                  <span title={`${entry.month}: ${entry.commits} commits`} style={`height: ${Math.max(8, (entry.commits / maxCommits) * 48)}px`}></span>
-                ))}
-              </div>
-            </div>
-          )}
-        </div>
-      </section>
-    )}
-  </div>
-</article>

package/src/components/SubmitDraft.astro

@@ -1,137 +0,0 @@
----
-interface Props {
-  repoUrl?: string;
-}
-
-const { repoUrl = "" } = Astro.props;
----
-
-<section class="oc-submit-grid">
-  <form class="oc-submit-form" id="submit-form">
-    <label>
-      <span>GitHub URL</span>
-      <input id="repo-url" type="url" required placeholder="https://github.com/owner/repo" value={repoUrl} />
-    </label>
-    <div class="oc-two-col">
-      <label><span>Name</span><input id="project-name" type="text" /></label>
-      <label><span>Slug</span><input id="project-slug" type="text" /></label>
-    </div>
-    <label><span>Description</span><textarea id="project-description" rows="3"></textarea></label>
-    <div class="oc-two-col">
-      <label><span>Category</span><input id="project-category" type="text" placeholder="Developer Tools" /></label>
-      <label><span>Language</span><input id="project-language" type="text" placeholder="TypeScript" /></label>
-    </div>
-    <label><span>Tags</span><input id="project-tags" type="text" placeholder="cli, static-site, search" /></label>
-    <label><span>Best for</span><textarea id="project-best-for" rows="3" placeholder="One line per use case"></textarea></label>
-  </form>
-  <aside class="oc-submit-preview">
-    <div class="oc-section-header">
-      <h2>YAML draft</h2>
-      <button type="button" id="copy-yaml">Copy</button>
-    </div>
-    <pre><code id="yaml-preview">Paste a GitHub URL to generate a draft.</code></pre>
-    <p id="submit-status" aria-live="polite"></p>
-  </aside>
-</section>
-
-<script>
-  type FormField = HTMLInputElement | HTMLTextAreaElement | HTMLElement | null;
-
-  const fields: Record<string, FormField> = {
-    repoUrl: document.querySelector("#repo-url"),
-    name: document.querySelector("#project-name"),
-    slug: document.querySelector("#project-slug"),
-    description: document.querySelector("#project-description"),
-    category: document.querySelector("#project-category"),
-    language: document.querySelector("#project-language"),
-    tags: document.querySelector("#project-tags"),
-    bestFor: document.querySelector("#project-best-for"),
-    preview: document.querySelector("#yaml-preview"),
-    status: document.querySelector("#submit-status"),
-    copy: document.querySelector("#copy-yaml"),
-  };
-
-  function valueOf(name: string): string {
-    const el = fields[name];
-    if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) return el.value;
-    return "";
-  }
-
-  function setText(name: string, text: string): void {
-    const el = fields[name];
-    if (el) el.textContent = text;
-  }
-
-  function slugify(value: string): string {
-    return String(value || "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
-  }
-
-  function parseRepo(value: string): { owner: string; repo: string } | null {
-    const match = String(value).match(/github\.com\/([^/]+)\/([^/?#]+)/);
-    if (!match) return null;
-    return { owner: match[1], repo: match[2].replace(/\.git$/, "") };
-  }
-
-  function list(values: string[], indent: number): string {
-    return values.length
-      ? values.map((v) => `${" ".repeat(indent)}- ${v}`).join("\n")
-      : `${" ".repeat(indent)}[]`;
-  }
-
-  function quote(value: string): string {
-    return `"${String(value ?? "").replace(/"/g, '\\"')}"`;
-  }
-
-  function generate(): void {
-    const repo = parseRepo(valueOf("repoUrl"));
-    if (!repo) {
-      setText("preview", "Paste a valid GitHub repository URL.");
-      return;
-    }
-    const name = valueOf("name") || repo.repo;
-    const slug = valueOf("slug") || slugify(name);
-    const tags = valueOf("tags")
-      .split(",")
-      .map((t) => t.trim())
-      .filter(Boolean);
-    const bestFor = valueOf("bestFor")
-      .split("\n")
-      .map((l) => l.trim())
-      .filter(Boolean);
-    const yaml = [
-      `id: ${slug}`,
-      `name: ${quote(name)}`,
-      `description: ${quote(valueOf("description") || name)}`,
-      "links:",
-      `  github: https://github.com/${repo.owner}/${repo.repo}`,
-      "source:",
-      "  type: manual",
-      "taxonomy:",
-      `  category: ${quote(valueOf("category") || "uncategorized")}`,
-      "  tags:",
-      list(tags, 4),
-      ...(valueOf("language") ? [`  language: ${quote(valueOf("language"))}`] : []),
-      "curation:",
-      "  bestFor:",
-      list(bestFor, 4),
-      "  whyListed: []",
-      "  caveats: []",
-    ].join("\n");
-    setText("preview", yaml);
-  }
-
-  for (const input of Object.values(fields)) {
-    if (input instanceof HTMLInputElement || input instanceof HTMLTextAreaElement) {
-      input.addEventListener("input", generate);
-    }
-  }
-  const copyBtn = fields.copy;
-  if (copyBtn) {
-    copyBtn.addEventListener("click", async () => {
-      const previewEl = fields.preview;
-      await navigator.clipboard.writeText(previewEl?.textContent ?? "");
-      setText("status", "Copied YAML draft.");
-    });
-  }
-  generate();
-</script>