#!/usr/bin/env bun
/** Writes sample social cards to /tmp/og-samples for visual review: `bun run scripts/og-samples.tsx`. */
import { mkdirSync, readFileSync, writeFileSync } from "node:fs";
import { join } from "node:path";
import { FEATURE_PAGES } from "~/lib/marketing/features";
import { AccountCard, FeatureCard, RepoCard, SiteCard } from "~/server/og/cards";
import { loadRuntimeFromDisk } from "~/server/og/disk-runtime";
import { renderPng } from "~/server/og/render";

const OUT = "/tmp/og-samples";
const HOST = "gitfor.dev";
const avatar = `data:image/png;base64,${readFileSync(join(import.meta.dir, "../public/android-chrome-512x512.png")).toString("base64")}`;
const runtime = loadRuntimeFromDisk();

const samples = {
  site: <SiteCard host={HOST} />,
  "repo-full": (
    <RepoCard
      host={HOST}
      avatar={avatar}
      repo={{
        owner: "taigrr",
        name: "stig",
        description:
          "Open-source Git hosting on Cloudflare Workers: repositories, pull requests and code review, Actions-style CI, issues, security scanning and static sites, all in one deployable Worker you can run yourself.",
        stars: 12_480,
        forks: 431,
        openIssues: 27,
        openPulls: 1,
        avatarKey: "sample",
        latestRelease: "v1.4.0",
        topics: ["git", "cloudflare-workers", "ci", "code-review", "self-hosted"],
        languages: [
          { name: "TypeScript", percent: 91 },
          { name: "CSS", percent: 4 },
          { name: "Shell", percent: 3 },
          { name: "Other", percent: 2 },
        ],
      }}
    />
  ),
  "repo-minimal": (
    <RepoCard
      host={HOST}
      avatar={null}
      repo={{
        owner: "someone",
        name: "a-rather-long-repository-name-that-keeps-going",
        description: null,
        stars: 0,
        forks: 1,
        openIssues: 0,
        openPulls: 0,
        avatarKey: null,
        latestRelease: null,
        topics: [],
        languages: [],
      }}
    />
  ),
  "repo-topics": (
    <RepoCard
      host={HOST}
      avatar={null}
      repo={{
        owner: "acme",
        name: "parser",
        description: "A fast incremental parser.",
        stars: 87,
        forks: 6,
        openIssues: 3,
        openPulls: 2,
        avatarKey: null,
        latestRelease: null,
        topics: ["parsing", "rust", "incremental", "wasm"],
        languages: [{ name: "Rust", percent: 100 }],
      }}
    />
  ),
  "account-user": (
    <AccountCard
      host={HOST}
      avatar={avatar}
      account={{
        name: "taigrr",
        kind: "user",
        displayName: "Tai Groot",
        bio: "Building gitfor. Go, TypeScript and Cloudflare Workers.",
        avatarKey: "sample",
        publicRepos: 84,
      }}
    />
  ),
  "account-org": (
    <AccountCard
      host={HOST}
      avatar={null}
      account={{ name: "gitfor", kind: "org", displayName: null, bio: null, avatarKey: null, publicRepos: 1 }}
    />
  ),
  ...Object.fromEntries(
    FEATURE_PAGES.map((page) => [
      `feature-${page.slug}`,
      <FeatureCard key={page.slug} title={page.title} lede={page.lede} slug={page.slug} host={HOST} />,
    ]),
  ),
};

mkdirSync(OUT, { recursive: true });
for (const [name, element] of Object.entries(samples)) {
  const started = performance.now();
  const png = await renderPng(element, runtime);
  const path = join(OUT, `${name}.png`);
  writeFileSync(path, png);
  console.log(`${path}  ${(png.byteLength / 1024).toFixed(0)} KiB  ${(performance.now() - started).toFixed(0)} ms`);
}