github-search-cli 0.8.2 → 0.9.0

package/src/trending.ts

@@ -11,11 +11,9 @@ import {
   dim,
   t,
 } from "@opentui/core";
-import type { Repo } from "./types";
+import type { Repo, ParsedQuery } from "./types";
 import { openUrl } from "./open-url";
-import { NetworkError } from "./errors";
-import type { GitHubSearchEnvelope } from "./search";
-
+import { SearchModule, TrendingAdapter } from "./search";
 // ─── Tokyo Night palette ──────────────────────────────────────────────
 const C = {
   bg: "#1a1b26",
@@ -40,7 +38,6 @@ const C = {
   rankTop3: "#ff9e64", // bronze-ish orange
   rankRest: "#565f89", // muted gray
 };
-
 // ─── Language → color mapping ─────────────────────────────────────────
 const LANG_COLORS: Record<string, string> = {
   Rust: "#e0af68",
@@ -62,26 +59,19 @@ const LANG_COLORS: Record<string, string> = {
   Swift: "#f7768e",
   Kotlin: "#7aa2f7",
 };
-
 function langColor(lang: string): string {
   return LANG_COLORS[lang] ?? C.muted;
 }
-
 function rankColor(rank: number): string {
   if (rank === 1) return C.rankTop1;
   if (rank === 2) return C.rankTop2;
   if (rank === 3) return C.rankTop3;
   return C.rankRest;
 }
-
 // ─── Tab definitions ──────────────────────────────────────────────────
 export const TAB_NAMES = ["Today", "This Week", "This Month"] as const;
 export type TabName = (typeof TAB_NAMES)[number];
-
-/** Map TabName to GitHub API date range.
- *  We use the search API with `created:>DATE&sort=stars` so only
- *  daily/weekly/monthly ranges are meaningful.
- */
+/** Map TabName to github.com/trending?since= param */
 export function tabSince(tab: TabName): "daily" | "weekly" | "monthly" {
   switch (tab) {
     case "Today":     return "daily";
@@ -89,64 +79,7 @@ export function tabSince(tab: TabName): "daily" | "weekly" | "monthly" {
     default:          return "monthly";
   }
 }
-
-// ─── Types ────────────────────────────────────────────────────────────
-export interface TrendingRepo {
-  rank: number;
-  owner: string;
-  name: string;
-  stars: number;
-  starsToday: number;
-  language: string;
-  description: string;
-}
-
-// ─── Mock data ────────────────────────────────────────────────────────
-
-/**
- * Fetch trending repos from the GitHub search API instead of HTML scraping.
- * Uses `created:>DATE&sort=stars` queries since the API doesn't expose a
- * dedicated trending endpoint.
- *
- * Note: `starsToday` is always 0 because the API doesn't provide period growth.
- * The growth indicator is hidden when 0.
- */
-export async function fetchTrendingRepos(since: "daily" | "weekly" | "monthly"): Promise<TrendingRepo[]> {
-  const now = Date.now();
-  const msPerDay = 86_400_000;
-  const days = since === "daily" ? 1 : since === "weekly" ? 7 : 30;
-  const date = new Date(now - days * msPerDay).toISOString().slice(0, 10);
-
-  const url = `https://api.github.com/search/repositories?q=created:>${date}&sort=stars&order=desc&per_page=25`;
-  let res: Response;
-  try {
-    res = await fetch(url, {
-      headers: {
-        Accept: "application/vnd.github+json",
-        "User-Agent": "ghfind",
-      },
-    });
-  } catch {
-    throw new NetworkError();
-  }
-  if (!res.ok) throw new NetworkError();
-  const data = (await res.json()) as GitHubSearchEnvelope;
-
-  return data.items.map((item, i) => ({
-    rank: i + 1,
-    owner: item.owner?.login ?? "?",
-    name: item.name,
-    stars: item.stargazers_count,
-    starsToday: 0, // API doesn't provide period growth
-    language: item.language ?? "",
-    description: item.description ?? "",
-  }));
-}
-
-
-
 // ─── Number formatting ────────────────────────────────────────────────
-
 /** 1234 → "1.2k", 1234567 → "1.2M", 999999 → "1M" */
 export function fmtStars(n: number): string {
   if (n >= 1_000_000) return `${(n / 1_000_000).toFixed(1).replace(/\.0$/, "")}M`;
@@ -154,15 +87,12 @@ export function fmtStars(n: number): string {
   if (n >= 1_000) return `${(n / 1_000).toFixed(1).replace(/\.0$/, "")}k`;
   return String(n);
 }
-
 /** Format signed number: 1204 → "+1.2k" */
 export function fmtSigned(n: number): string {
   const abs = fmtStars(Math.abs(n));
   return n >= 0 ? `+${abs}` : `-${abs}`;
 }
-
 // ─── Row formatting ───────────────────────────────────────────────────
-
 /**
  * Format one repo as a StyledText for per-chunk coloring.
  *
@@ -178,25 +108,19 @@ export function fmtSigned(n: number): string {
  *   - Growth: green bold
  *   - Description: dim muted gray
  */
-export function formatRepoLine(repo: TrendingRepo): StyledText {
-  const rank = String(repo.rank).padStart(2, "0");
+export function formatRepoLine(repo: Repo, rank: number): StyledText {
+  const rankStr = String(rank).padStart(2, "0");
   const full = `${repo.owner}/${repo.name}`;
-  const lc = langColor(repo.language);
-  const rc = rankColor(repo.rank);
+  const lc = langColor(repo.language ?? "");
+  const rc = rankColor(rank);
   const star = "★";
-  const arrow = repo.starsToday > 0 ? "▲" : "▼";
-  const growth = `${arrow} ${fmtSigned(repo.starsToday)} today`;
-  const desc = repo.description.length > 60
-    ? repo.description.slice(0, 57) + "..."
-    : repo.description;
-
-  // Build the styled line using OpenTUI's `t` template literal tag.
-  // Each interpolated value is a TextChunk with its own fg/bg/attributes.
-  const line1 = t`${dim(fg(C.rankBg)(`[${rank}]`))} ${bold(fg("#c0caf5")(full))}  ${fg(lc)(`● ${repo.language}`)}  ${fg(C.gold)(`${star} ${fmtStars(repo.stars)}`)}  ${bold(fg(C.green)(growth))}`;
+  const arrow = repo.score > 0 ? "▲" : repo.score < 0 ? "▼" : "—";
+  const growth = `${arrow} ${fmtSigned(repo.score)} today`;
+  const desc = (repo.description ?? "").length > 60
+    ? (repo.description ?? "").slice(0, 57) + "..."
+    : (repo.description ?? "");
+  const line1 = t`${dim(fg(C.rankBg)(`[${rankStr}]`))} ${bold(fg("#c0caf5")(full))}  ${fg(lc)(`● ${repo.language}`)}  ${fg(C.gold)(`${star} ${fmtStars(repo.stars)}`)}  ${bold(fg(C.green)(growth))}`;
   const line2 = t`  ${dim(fg(C.muted)(desc))}`;
-
-  // Combine into a single StyledText with a newline between lines.
-  // StyledText constructor accepts an array of TextChunk objects.
   const chunks = [
     ...line1.chunks,
     { text: "\n", __isChunk: true as const, fg: C.text },
@@ -204,7 +128,6 @@ export function formatRepoLine(repo: TrendingRepo): StyledText {
   ];
   return new StyledText(chunks);
 }
-
 // ─── Tab query builder ────────────────────────────────────────────────
 /**
  * Build a GitHub search query string for the given time range tab.
@@ -227,7 +150,6 @@ export function getTrendingQuery(tab: TabName): string {
   const d = new Date(now - days * msPerDay);
   return `created:>${d.toISOString().slice(0, 10)} sort:stars`;
 }
-
 // ─── Main TUI entry ───────────────────────────────────────────────────
 export async function launchTrending(): Promise<void> {
   let renderer;
@@ -241,23 +163,19 @@ export async function launchTrending(): Promise<void> {
     process.exit(1);
     return;
   }
-
   const root = renderer.root;
   root.flexDirection = "column";
   root.backgroundColor = C.bg;
-
   // ── State ──
   let selectedTab = 1; // "This Week" default
   let currentPeriod = "this week";
-  let repos: TrendingRepo[] = [];
+  let repos: Repo[] = [];
   let selectedRepoIdx = 0;
   let isLoading = false;
-
   // ── Fetch from github.com/trending ──
   async function loadTab(index: number) {
     if (index < 0 || index >= TAB_NAMES.length) return;
     selectedTab = index;
-    // Map tab to data period label ("This Year" and "All Time" use monthly data)
     const since = tabSince(TAB_NAMES[index]);
     currentPeriod = since === "daily" ? "today" : since === "weekly" ? "this week" : "this month";
     isLoading = true;
@@ -271,11 +189,18 @@ export async function launchTrending(): Promise<void> {
     });
     scrollBox.add(loadingText);
     renderer.requestRender();
-
     try {
-      const fetched = await fetchTrendingRepos(tabSince(TAB_NAMES[index]));
+      const searchModule = new SearchModule(new TrendingAdapter());
+      const parsed: ParsedQuery = { keywords: [], qualifiers: [], raw: "trending" };
+      const response = await searchModule.search(parsed, {
+        limit: 25,
+        sort: "stars",
+        json: false,
+        verbose: false,
+        trendingSince: tabSince(TAB_NAMES[index]),
+      });
       scrollBox.remove(loadingText);
-      repos = fetched;
+      repos = response.repos;
       selectedRepoIdx = 0;
       rebuildList();
     } catch (err) {
@@ -292,15 +217,12 @@ export async function launchTrending(): Promise<void> {
     renderTabBar();
     renderer.requestRender();
   }
-
   // ── Switch tab ──
   function switchTab(index: number) {
     if (index < 0 || index >= TAB_NAMES.length || index === selectedTab) return;
     loadTab(index);
   }
-
   // ── Outer frame ──
-  // Rounded border around the entire app for visual polish.
   const outerBox = new BoxRenderable(renderer, {
     flexGrow: 1,
     flexDirection: "column",
@@ -311,7 +233,6 @@ export async function launchTrending(): Promise<void> {
     paddingX: 0,
     paddingY: 0,
   });
-
   // ── Header bar ──
   const headerBox = new BoxRenderable(renderer, {
     height: 1,
@@ -324,7 +245,6 @@ export async function launchTrending(): Promise<void> {
   });
   headerBox.add(headerText);
   outerBox.add(headerBox);
-
   // ── Tab bar ──
   const tabBox = new BoxRenderable(renderer, {
     flexDirection: "row",
@@ -333,7 +253,6 @@ export async function launchTrending(): Promise<void> {
     paddingX: 1,
   });
   const tabTexts: TextRenderable[] = [];
-
   function renderTabBar() {
     for (const t of tabTexts) tabBox.remove(t);
     tabTexts.length = 0;
@@ -362,8 +281,6 @@ export async function launchTrending(): Promise<void> {
   }
   renderTabBar();
   outerBox.add(tabBox);
-
-  // Subtle horizontal divider between tab bar and list
   const divider = new TextRenderable(renderer, {
     content: "─".repeat(80),
     color: C.border,
@@ -371,7 +288,6 @@ export async function launchTrending(): Promise<void> {
     backgroundColor: C.bg,
   });
   outerBox.add(divider);
-
   // ── Repo list (scrollable) ──
   const scrollBox = new ScrollBoxRenderable(renderer, {
     flexGrow: 1,
@@ -380,48 +296,38 @@ export async function launchTrending(): Promise<void> {
     scrollX: false,
     viewportCulling: true,
   });
-
-  // We render rows as individual BoxRenderables inside the scroll area.
-  // Each row has alternating background and a left-border accent on selection.
   const rowBoxes: BoxRenderable[] = [];
   const rowTexts: TextRenderable[] = [];
-
   function rebuildList() {
     for (const rb of rowBoxes) scrollBox.remove(rb);
     rowBoxes.length = 0;
     rowTexts.length = 0;
-
     repos.forEach((r, i) => {
       const isEven = i % 2 === 0;
       const isSelected = i === selectedRepoIdx;
       const rowBg = isSelected ? C.selectionBg : (isEven ? C.bg : C.surface);
-
       const rank = i + 1;
       const rc = rankColor(rank);
       const lc = langColor(r.language ?? "");
       const desc = (r.description ?? "").length > 55
         ? (r.description ?? "").slice(0, 52) + "..."
         : (r.description ?? "");
-      const arrow = r.starsToday > 0 ? "▲" : r.starsToday < 0 ? "▼" : "—";
-      const growthStr = `${arrow} ${fmtStars(Math.abs(r.starsToday))} ${currentPeriod}`;
-
+      const arrow = r.score > 0 ? "▲" : r.score < 0 ? "▼" : "—";
+      const growthStr = `${arrow} ${fmtStars(Math.abs(r.score))} ${currentPeriod}`;
       const rankStr = `[${String(rank).padStart(2, "0")}]`;
       const nameStr = `${r.owner}/${r.name}`.padEnd(30).slice(0, 30);
       const langStr = `● ${r.language || "—"}`.padEnd(14).slice(0, 14);
       const starsStr = `★ ${fmtStars(r.stars)}`.padEnd(12).slice(0, 12);
-
       const rankText = new TextRenderable(renderer, {
         content: t`${bold(fg(rc)(rankStr))}`,
         backgroundColor: C.rankBg,
         color: rc,
         height: 1,
       });
-
       const descStr = desc.length > 60 ? desc.slice(0, 57) + "..." : desc;
       const pad = "     ";
       const line1 = t`${bold(fg("#c0caf5")(nameStr))}${fg(lc)(langStr)}${fg(C.muted)(starsStr)}${bold(fg(C.green)(growthStr))}`;
       const line2 = t`${fg(C.descText)(`${pad}${descStr}`)}`;
-
       const chunks = [
         ...line1.chunks,
         { text: "\n", __isChunk: true as const, fg: C.text },
@@ -432,21 +338,18 @@ export async function launchTrending(): Promise<void> {
         backgroundColor: rowBg,
         height: 2,
       });
-
       const rowBox = new BoxRenderable(renderer, {
         flexDirection: "row",
         backgroundColor: rowBg,
       });
       rowBox.add(rankText);
       rowBox.add(rowText);
-
       rowBoxes.push(rowBox);
       rowTexts.push(rowText);
       scrollBox.add(rowBox);
     });
   }
   outerBox.add(scrollBox);
-
   // ── Footer bar ──
   const footerBox = new BoxRenderable(renderer, {
     height: 1,
@@ -460,24 +363,18 @@ export async function launchTrending(): Promise<void> {
   });
   footerBox.add(footerText);
   outerBox.add(footerBox);
-
   root.add(outerBox);
-
   // ── Helpers ──
   function openSelectedRepo() {
     if (selectedRepoIdx < 0 || selectedRepoIdx >= repos.length) return;
     const r = repos[selectedRepoIdx];
     openUrl(`https://github.com/${r.owner}/${r.name}`);
   }
-
-  // Toggle selection highlight on the row boxes without rebuilding everything.
-  // OpenTUI key names for arrows: "up", "down", "left", "right"
   function moveSelection(delta: number) {
     const oldIdx = selectedRepoIdx;
     const newIdx = Math.max(0, Math.min(repos.length - 1, oldIdx + delta));
     if (newIdx === oldIdx) return;
     selectedRepoIdx = newIdx;
-
     const setBg = (idx: number, selected: boolean) => {
       if (idx < 0 || idx >= rowBoxes.length) return;
       const bg = selected ? C.selectionBg : (idx % 2 === 0 ? C.bg : C.surface);
@@ -488,24 +385,17 @@ export async function launchTrending(): Promise<void> {
     setBg(newIdx, true);
     renderer.requestRender();
   }
-
   // ── Global key events ──
   renderer.keyInput.on("keypress", (key) => {
     const name = key.name || "";
-
-    // Quit
     if (name === "q") {
       process.exit(0);
       return;
     }
-
-    // Number keys 1-3 switch tabs
     if (/^[1-3]$/.test(name)) {
       switchTab(parseInt(name, 10) - 1);
       return;
     }
-
-    // Tab navigation: left/right arrows or h/l
     if (name === "left" || name === "h") {
       switchTab(selectedTab - 1);
       return;
@@ -514,8 +404,6 @@ export async function launchTrending(): Promise<void> {
       switchTab(selectedTab + 1);
       return;
     }
-
-    // Repo navigation: up/down arrows or j/k
     if (name === "up" || name === "k") {
       moveSelection(-1);
       return;
@@ -524,36 +412,25 @@ export async function launchTrending(): Promise<void> {
       moveSelection(1);
       return;
     }
-
-    // Enter or 'o' opens selected repo
     if (name === "enter" || name === "return" || name === "o") {
       openSelectedRepo();
       return;
     }
-
-    // '/' jumps to top
     if (name === "/") {
       moveSelection(-selectedRepoIdx);
       return;
     }
-
-    // 'r' refreshes from API
     if (name === "r") {
       loadTab(selectedTab);
       return;
     }
   });
-
   // ── Start ──
   renderer.start();
   renderer.requestRender();
-  // Fetch real trending data on launch
   loadTab(selectedTab);
 }
-
 // ── Auto-run ──────────────────────────────────────────────────────────
-// Only launch when run directly (bun run src/trending.ts), not when bundled
-// into cli.js or imported as a module.
 if (import.meta.main && !process.env.GHFIND_BUNDLED) {
   launchTrending();
-}
+}