screenshot.mjs

import puppeteer from 'puppeteer-core';
import { mkdir, readdir } from 'node:fs/promises';
import { join } from 'node:path';

// Cached Chrome shipped with this machine's puppeteer install.
const CHROME = 'C:/Users/manim/.cache/puppeteer/chrome/win64-144.0.7559.96/chrome-win64/chrome.exe';
const OUT_DIR = join(process.cwd(), 'temporary screenshots');

const url = process.argv[2] || 'http://localhost:3000';
const label = process.argv[3] || '';
// Optional viewport: "mobile" -> 390x844, default desktop 1440x900
const mode = process.argv[4] || 'desktop';
const viewport = mode === 'mobile'
  ? { width: 390, height: 844, deviceScaleFactor: 2, isMobile: true }
  : { width: 1440, height: 900, deviceScaleFactor: 1 };

async function nextName() {
  await mkdir(OUT_DIR, { recursive: true });
  const files = await readdir(OUT_DIR).catch(() => []);
  let max = 0;
  for (const f of files) {
    const m = f.match(/^screenshot-(\d+)/);
    if (m) max = Math.max(max, parseInt(m[1], 10));
  }
  const n = max + 1;
  return join(OUT_DIR, `screenshot-${n}${label ? '-' + label : ''}.png`);
}

const browser = await puppeteer.launch({
  executablePath: CHROME,
  headless: true,
  args: ['--no-sandbox', '--disable-setuid-sandbox'],
});
try {
  const page = await browser.newPage();
  await page.setViewport(viewport);
  await page.goto(url, { waitUntil: 'networkidle2', timeout: 60000 });
  // Scroll through the page to trigger IntersectionObserver reveals, then return to top.
  await page.evaluate(async () => {
    const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
    const h = document.body.scrollHeight;
    for (let y = 0; y <= h; y += Math.round(window.innerHeight * 0.7)) {
      window.scrollTo(0, y);
      await sleep(120);
    }
    window.scrollTo(0, 0);
    await sleep(200);
  });
  await new Promise((r) => setTimeout(r, 800)); // let fonts/animations settle
  const out = await nextName();
  await page.screenshot({ path: out, fullPage: true });
  console.log('Saved', out);
} finally {
  await browser.close();
}