import type { Context, Hono } from "hono";
import { syncAll } from "../bucket/sync.ts";
import { operatorIssues } from "../issues/store.ts";
import { languageLines, repoStats } from "../mirror/queries.ts";
import { openMirror, quarantinedPaths } from "../mirror/store.ts";
import { html } from "../pages/html.ts";
import { formatDate, plural } from "../pages/layout.ts";
import { operatorReleases, visibleReleases } from "../releases/releases.ts";
import { type RepoText, repoText, setRepoText } from "../server/db.ts";
import { type AdminContext, adminPage, formField, notice, textFields } from "./console.ts";
import { type AdminRepo, allRepos, findRepo, type RepoEdit, updateRepo } from "./store.ts";
import { LIMITS } from "./text.ts";

const MAX_FIELD = 500;
const HTTP_URL = /^https?:\/\/[^\s]+$/i;
const MAX_LANGUAGES = 5;
const MAX_LANGUAGE = 30;

/** Shown languages as typed, comma-separated; blanks between commas are dropped. */
function languageNames(value: string): string[] {
	return value
		.split(",")
		.map((name) => name.trim())
		.filter((name) => name !== "");
}

/** §24's Repos section: visibility (§20), card settings, sync status and "sync now". */
export function registerRepos(app: Hono, ctx: AdminContext): void {
	app.get("/admin/repos", (c) => c.html(reposPage(c, ctx, "")));

	app.post("/admin/sync", async (c) => {
		await syncAll(ctx.sync);
		return c.redirect("/admin/repos", 303);
	});

	app.post("/admin/repos/:repo", async (c) => {
		const repo = findRepo(ctx.kepr, c.req.param("repo"));
		if (!repo) return c.notFound();
		const fields = await textFields(c);
		const text = (name: string) => (fields[name] ?? "").trim();
		const languages = languageNames(fields.languages ?? "");
		const edit: RepoEdit = {
			public: fields.public === "1" ? 1 : 0,
			category: text("category"),
			homepage: text("homepage"),
			// Joined with the separator `publicRepo` splits on, so a name never contains it.
			languages: languages.join(", "),
			issues_paused: fields.issues_paused === "1" ? 1 : 0,
		};
		const refuse = (error: string) => c.html(reposPage(c, ctx, `${repo.name}: ${error}`), 400);
		const texts = (["description", "details"] as const).map((field): [RepoText, string] => [
			field,
			(fields[field] ?? "").replace(/\r\n/g, "\n").trim(),
		]);
		const long = texts.find(([field, value]) => value.length > LIMITS[field]);
		if (long) {
			const [field] = long;
			return refuse(`Keep the ${field} under ${LIMITS[field].toLocaleString("en-US")} characters.`);
		}
		if ([edit.category, edit.homepage, fields.languages ?? ""].some((v) => v.length > MAX_FIELD)) {
			return refuse(`keep each field under ${MAX_FIELD} characters.`);
		}
		if (edit.homepage !== "" && !HTTP_URL.test(edit.homepage)) {
			return refuse("the homepage must be an http or https address.");
		}
		if (languages.length > MAX_LANGUAGES) return refuse("up to five languages.");
		if (languages.some((name) => name.length > MAX_LANGUAGE)) {
			return refuse(`a language name is at most ${MAX_LANGUAGE} characters.`);
		}
		if (languages.some((name) => /\p{C}/u.test(name))) {
			return refuse("a language name is printable text.");
		}
		updateRepo(ctx.kepr, repo.name, edit);
		for (const [field, value] of texts) setRepoText(ctx.kepr, repo.name, field, value);
		return c.redirect(`/admin/repos?repo=${repo.name}&saved=1#repo-editor`, 303);
	});
}

function reposPage(c: Context, ctx: AdminContext, error: string): string {
	const repos = allRepos(ctx.kepr);
	const selected = repos.find((repo) => repo.name === c.req.query("repo")) ?? repos[0];
	const body = html`${notice(error)}
<p class="admin-intro">Choose a repository to manage its visibility and public page.</p>
<form method="post" action="/admin/sync">
${formField(c)}<button class="issues-submit" type="submit">sync now</button></form>
${repos.length === 0 && html`<p class="muted mono save-empty">no repos found in the bucket yet</p>`}
<div class="admin-repos">
<nav aria-label="repositories">
${repos.map(
	(repo) => html`<a class="issue-row" id="repo-${repo.name}"
href="/admin/repos?repo=${repo.name}#repo-editor"${selected?.name === repo.name ? html` aria-current="page"` : ""}>
<span>${repo.name}</span><span>${repo.public ? "public" : "private"}</span>
<span class="issue-meta mono">${repo.last_sync_at === null ? "never synced" : `last sync ${formatDate(repo.last_sync_at)} UTC`}</span>
${repo.last_sync_error && html`<span class="issues-error">${repo.last_sync_error}</span>`}</a>`,
)}
</nav>
${selected && repoForm(c, ctx, selected)}
</div>`;
	return adminPage(c, ctx, "repos", body);
}

/** The selected repo at a glance: its numbers, languages, description and releases (§24). */
function workspace(ctx: AdminContext, repo: AdminRepo) {
	const mirror = openMirror(ctx.mirrorDir, repo.name);
	const stats = repoStats(mirror);
	const releases = operatorReleases(ctx.kepr, mirror, repo.name);
	const downloads = (release: (typeof releases)[number]) =>
		release.downloads.reduce((sum, [, count]) => sum + count, 0);
	const open = operatorIssues(ctx.kepr, "open").filter((issue) => issue.repo === repo.name);
	const vital = (label: string, value: string | number) =>
		html`<div><strong>${String(value)}</strong><span class="mono">${label}</span></div>`;
	return html`<div class="admin-vitals">
${vital("saves", stats.saves)}
${vital("lines", stats.lines)}
${vital("newest version", visibleReleases(ctx.kepr, mirror, repo.name)[0]?.version ?? "none")}
${vital("open issues", open.length)}
${vital(
	"downloads",
	releases.reduce((sum, release) => sum + downloads(release), 0),
)}
</div>
<p class="issue-meta mono">detected languages:
${languageLines(mirror).map(
	([language, lines], i) =>
		html`${i > 0 ? " · " : " "}${language} <span class="muted">${plural(lines, "line")}</span>`,
)}</p>
${
	releases.length > 0 &&
	html`<ul class="admin-releases mono">${releases.map(
		(release) => html`<li><a href="/admin/releases#${repo.name}-${release.version}">
${release.version}</a> <span class="muted">${release.hidden ? "hidden" : "shown"} · ${plural(
			downloads(release),
			"download",
		)}</span></li>`,
	)}</ul>`
}`;
}

function repoForm(c: Context, ctx: AdminContext, repo: AdminRepo) {
	const quarantined = quarantinedPaths(openMirror(ctx.mirrorDir, repo.name));
	const own = repoText(ctx.kepr, repo.name);
	const input = (name: keyof RepoEdit, label: string) =>
		html`<label class="issues-label" for="${repo.name}-${name}">${label}</label>
<input class="issues-input" id="${repo.name}-${name}" name="${name}" maxlength="${MAX_FIELD}" value="${String(repo[name])}">`;
	const synced =
		repo.last_sync_at === null ? "never synced" : `last sync ${formatDate(repo.last_sync_at)} UTC`;
	return html`<article class="issue-post" id="repo-editor">
<p class="issue-post-head mono">
<span class="issue-author">
${repo.public ? html`<a href="/${repo.name}">${repo.name}</a>` : repo.name}</span>
<span>${repo.public ? "public" : "private"}</span><span class="history-when">${synced}</span></p>
${workspace(ctx, repo)}
${
	repo.last_sync_error && html`<p class="issues-error mono">sync error: ${repo.last_sync_error}</p>`
}
${
	quarantined.length > 0 &&
	html`<p class="issues-error mono">${plural(quarantined.length, "path")} quarantined: ${quarantined.join(", ")}</p>`
}
<form class="issues-form" method="post" action="/admin/repos/${repo.name}">
${formField(c)}
<label class="issues-label">
<input type="checkbox" name="public" value="1"${repo.public ? html` checked` : ""}> public</label>
<label class="issues-label">
<input type="checkbox" name="issues_paused" value="1"${repo.issues_paused ? html` checked` : ""}>
pause new issues</label>
${input("category", "category")}
${input("homepage", "homepage")}
${input("languages", "shown languages")}
<p class="issue-meta mono">Up to five, separated by commas. Leave blank to show the detected one.</p>
${textArea(repo.name, "description", "description", 3, own.description)}
${textArea(repo.name, "details", "details", 12, own.details)}
<p class="issue-meta mono">Markdown. Leave either blank to use the README's.</p>
<button class="issues-submit" type="submit">save ${repo.name}</button>
</form>
</article>`;
}

function textArea(repo: string, name: RepoText, label: string, rows: number, value: string) {
	return html`<label class="issues-label" for="${repo}-${name}">${label}</label>
<textarea class="issues-textarea" id="${repo}-${name}" name="${name}" rows="${String(rows)}"
maxlength="${String(LIMITS[name])}">${value}</textarea>`;
}