import { ICON_PALETTES } from "yt-dlp-transcript-common/lib/brand";
import { ICON_FILES } from "yt-dlp-transcript-common/lib/brandIconFiles";
import { iconResponse, renderIconFile } from "yt-dlp-transcript-common/lib/brandIcons";

// /icons/<file>: the project site's icon set — the parent mark, achromatic
// (bone on slate), rendered at build time from common/lib/brand.ts. The twin
// of export/app/icons/[file]/route.ts; under `output: "export"` each listed
// file lands at out/icons/<file>. The OG image names /icons/icon-512.png.
export const dynamic = "force-static";
export const dynamicParams = false;

export function generateStaticParams() {
  return ICON_FILES.map((f) => ({ file: f.file }));
}

export async function GET(
  _req: Request,
  { params }: { params: Promise<{ file: string }> },
) {
  const { file } = await params;
  const out = await renderIconFile(file, ICON_PALETTES.archilyzer);
  if (!out) return new Response("Not found", { status: 404 });
  return iconResponse(out.body, out.contentType);
}