// 신규 쇼케이스 3종의 카드 컷 촬영 — 본컷(히어로)과 -2컷(그 페이지의 두 번째 주장).
// WebGL 이 있는 페이지가 있으므로 --disable-gpu 를 쓰지 않고 swiftshader 로 소프트 렌더한다.
//
// 사용: node tools/capture-new-shots.mjs

import puppeteer from "puppeteer-core";
import fs from "node:fs";
import path from "node:path";
import url from "node:url";

const here = path.dirname(url.fileURLToPath(import.meta.url));
const root = path.resolve(here, "..");
const shots = path.join(root, "src", "assets", "shots");
const sleep = (ms) => new Promise((r) => setTimeout(r, ms));

const CHROME = [
  "C:/Program Files/Google/Chrome/Application/chrome.exe",
  "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe",
  process.env.CHROME_PATH,
].filter(Boolean).find((p) => fs.existsSync(p));

if (!CHROME) {
  console.error("크롬을 찾지 못했다.");
  process.exit(2);
}

const JOBS = [
  {
    slug: "rfs-cfd",
    // 유체가 정상류에 들 때까지 기다린다. 갓 켠 화면을 찍으면 빈 판이 나온다
    settle: 5200,
    second: { scrollTo: "#solver", wait: 700 },
  },
  {
    slug: "twentyoz-corp",
    settle: 700,
    // 두 번째 컷은 '한 일' 원장 — 이 사이트의 본체다
    second: { scrollTo: "#ledger", wait: 500 },
  },
  {
    slug: "saebyeok-cheonggwa",
    settle: 900,
    second: { scrollTo: "#season", wait: 500 },
  },
];

const browser = await puppeteer.launch({
  executablePath: CHROME,
  headless: "new",
  args: [
    "--no-sandbox",
    "--use-angle=swiftshader",
    "--enable-unsafe-swiftshader",
    "--force-device-scale-factor=1",
  ],
  defaultViewport: { width: 1440, height: 900 },
});

for (const job of JOBS) {
  const page = await browser.newPage();
  await page.setCacheEnabled(false);
  const file = path.join(root, "public/work", job.slug, "index.html");
  await page.goto(url.pathToFileURL(file).href, { waitUntil: "networkidle0" });
  await page.evaluate(() => document.fonts.ready);
  await sleep(job.settle);

  const main = path.join(shots, `work-${job.slug}.png`);
  await page.screenshot({ path: main });
  await page.screenshot({ path: path.join(root, "public/work", job.slug, "og.png") });

  await page.evaluate((sel) => {
    document.querySelector(sel)?.scrollIntoView({ behavior: "instant", block: "start" });
  }, job.second.scrollTo);
  await sleep(job.second.wait);

  const alt = path.join(shots, `work-${job.slug}-2.png`);
  await page.screenshot({ path: alt });
  await page.close();

  const kb = (p) => Math.round(fs.statSync(p).size / 1024);
  console.log(`${job.slug}: 본컷 ${kb(main)}KB · 2컷 ${kb(alt)}KB`);
}

await browser.close();
console.log("촬영 완료");