import type { Hono } from "hono";
import { html } from "../pages/html.ts";
import { plural } from "../pages/layout.ts";
import { downloadsByDay, repoDownloads, topFiles, utcDay } from "../releases/releases.ts";
import { type AdminContext, adminPage } from "./console.ts";
import { allRepos } from "./store.ts";

const DAYS_SHOWN = 30;
const TOP_FILES = 10;
const DAY_MS = 24 * 60 * 60 * 1000;

/** §24's Downloads section: the last 30 days, each repo's totals and the top files. */
export function registerDownloads(app: Hono, ctx: AdminContext): void {
	app.get("/admin/downloads", (c) => {
		// An unknown repo narrows nothing, as the issues list treats one.
		const repos = allRepos(ctx.kepr).map((repo) => repo.name);
		const repo = repos.find((name) => name === c.req.query("repo")) ?? "";
		const now = Date.now();
		const days = Array.from({ length: DAYS_SHOWN }, (_, i) =>
			utcDay(now - (DAYS_SHOWN - 1 - i) * DAY_MS),
		);
		const since = days[0] as string;
		const counts = downloadsByDay(ctx.kepr, since, repo);
		const peak = Math.max(1, ...counts.values());
		const option = (name: string) =>
			html`<option value="${name}"${name === repo ? html` selected` : ""}>${name}</option>`;
		const body = html`<form class="issues-filter" method="get" action="/admin/downloads">
<select class="issues-input" name="repo" aria-label="repository">
<option value="">all repos</option>
${repos.map(option)}
</select>
<button class="issues-submit" type="submit">show</button>
</form>
<section class="repo-section"><h2 class="section-label mono">last ${String(DAYS_SHOWN)} days</h2>
<ol class="admin-days mono">
${days.map((day) => {
	const n = counts.get(day) ?? 0;
	return html`<li><span>${day}</span>
<meter min="0" max="${String(peak)}" value="${String(n)}" aria-label="${plural(n, "download")} on ${day}"></meter>
<span>${String(n)}</span></li>`;
})}
</ol></section>
<section class="repo-section"><h2 class="section-label mono">repositories</h2>
${repoDownloads(ctx.kepr, since).map(
	(row) => html`<p class="issue-row"><a href="/admin/downloads?repo=${row.repo}">${row.repo}</a>
<span class="issue-meta mono">${plural(row.total, "download")} · ${String(row.recent)} in ${String(DAYS_SHOWN)} days</span></p>`,
)}
</section>
<section class="repo-section"><h2 class="section-label mono">most downloaded files</h2>
${topFiles(ctx.kepr, TOP_FILES).map(
	(
		row,
	) => html`<p class="issue-row"><span class="mono">${row.repo} ${row.version} ${row.platform}</span>
<span class="issue-meta mono">${plural(row.count, "download")}</span></p>`,
)}
</section>`;
		return c.html(adminPage(c, ctx, "downloads", body));
	});
}