// One-shot: render PNG icons from the SVG mark with sharp (run: node scripts/render-icons.mjs)
import { mkdirSync, writeFileSync } from "node:fs";
import { dirname, resolve } from "node:path";
import { fileURLToPath } from "node:url";
import { createRequire } from "node:module";

const here = dirname(fileURLToPath(import.meta.url));
const root = resolve(here, "..");
const require = createRequire(import.meta.url);
const sharp = require(process.env.SHARP_PATH ?? "sharp");

const svg = (pad, rx, bg = "#0b0f14") => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="1024" height="1024" fill="none">
  <rect width="32" height="32" rx="${rx}" fill="${bg}"/>
  <g transform="translate(${pad} ${pad}) scale(${(32 - 2 * pad) / 32})">
    <circle cx="15" cy="16" r="10.5" stroke="#eceae5" stroke-width="2.2"/>
    <path d="M5.9 11.3h18.2M5.9 20.7h18.2" stroke="#eceae5" stroke-width="2" stroke-linecap="round"/>
    <path d="M4 16h25" stroke="#e8763a" stroke-width="2.8" stroke-linecap="round"/>
  </g>
</svg>`;

async function out(file, size, source) {
  const buf = await sharp(Buffer.from(source)).resize(size, size).png().toBuffer();
  mkdirSync(dirname(file), { recursive: true });
  writeFileSync(file, buf);
  console.log("wrote", file, size);
}

await out(resolve(root, "src/app/icon.png"), 512, svg(0, 6));
await out(resolve(root, "src/app/apple-icon.png"), 180, svg(0, 0));
await out(resolve(root, "public/icons/icon-192.png"), 192, svg(0, 6));
await out(resolve(root, "public/icons/icon-512.png"), 512, svg(0, 6));
await out(resolve(root, "public/icons/icon-512-maskable.png"), 512, svg(4, 0));