import type { Context, Hono } from "hono";
import { checkFormat, listRepos } from "../bucket/repo.ts";
import type { SyncTarget } from "../bucket/sync.ts";
import { type Html, html } from "../pages/html.ts";
import { type PageContext, page } from "../pages/layout.ts";
import { formToken } from "../server/login.ts";

export type AdminContext = PageContext & { sync: SyncTarget; dataDir: string };

const SECTIONS = [
	["/admin", "status"],
	["/admin/repos", "repos"],
	["/admin/issues", "issues"],
	["/admin/releases", "releases"],
	["/admin/site", "site"],
] as const;

/** The hidden same-site token (§25) that every admin form posts back. */
export function formField(c: Context): Html {
	return html`<input type="hidden" name="form" value="${formToken(c)}">`;
}

/** An admin page: the site's own look, with the console's sections and sign-out on top. */
export function adminPage(c: Context, ctx: AdminContext, title: string, body: Html): string {
	const tab = ([href, name]: (typeof SECTIONS)[number]) =>
		html`<a class="issues-tab${c.req.path === href ? " active" : ""}" href="${href}">${name}</a>`;
	return page(ctx, {
		title: `${title} · admin`,
		description: "",
		path: c.req.path,
		body: html`<form class="issues-bar mono" method="post" action="/admin/sign-out">${SECTIONS.map(tab)}${formField(c)}<button class="issues-tab issues-new" type="submit">sign out</button></form>
<h1 class="file-page-title">${title}</h1>
${body}`,
	});
}

// ponytail: counted once per process by walking the source, since there is no build step.
let runningLines: number | null = null;
async function sourceLines(): Promise<number> {
	if (runningLines !== null) return runningLines;
	let total = 0;
	const root = `${import.meta.dir}/../..`;
	for await (const path of new Bun.Glob("{src,scripts}/**/*.ts").scan(root)) {
		if (path.endsWith(".test.ts")) continue;
		const text = await Bun.file(`${root}/${path}`).text();
		total += text.split("\n").length - (text.endsWith("\n") ? 1 : 0);
	}
	runningLines = total;
	return total;
}

/** §24's Status section at `/admin`: the bucket, each repo's format, and the running version. */
export function registerStatus(app: Hono, ctx: AdminContext): void {
	app.get("/admin", async (c) => {
		let bucket: Html;
		try {
			const repos = await listRepos(ctx.sync.bucket);
			const formats = await Promise.all(
				repos.map(async (repo) => {
					try {
						await checkFormat(ctx.sync.bucket, repo);
						return html`<li><span class="mono">${repo}</span> <span class="muted">format ok</span></li>`;
					} catch (error) {
						return html`<li><span class="mono">${repo}</span> <span class="issues-error">${String(error)}</span></li>`;
					}
				}),
			);
			bucket = html`<p>Bucket reachable: ${repos.length} repos.</p><ul>${formats}</ul>`;
		} catch (error) {
			bucket = html`<p class="issues-error" role="alert">Bucket unreachable: ${String(error)}</p>`;
		}
		const { version } = (await Bun.file(`${import.meta.dir}/../../package.json`).json()) as {
			version: string;
		};
		const lines = (await sourceLines()).toLocaleString("en-US");
		return c.html(
			adminPage(
				c,
				ctx,
				"status",
				html`<section class="repo-section markdown">${bucket}
<p>Running kepr ${version}: ${lines} lines of TypeScript.</p></section>`,
			),
		);
	});
}