import { chromium } from "playwright-core";

import { readFileSync } from "fs";

const EXE = "/root/.npm/_npx/361ceb562f3b3235/node_modules/playwright-core/.local-browsers/chromium-1228/chrome-linux64/chrome";

const OUT = "/shared/projects/SteppingApp/promo/shots";

const SCR = "/tmp/claude-0/-shared-projects/26d7af11-61c4-4183-85c3-70d9aac72ef6/scratchpad";

const BASE = "http://REDACTED-IP:3000";

const DJ = readFileSync(`${SCR}/.djid`, "utf8").trim();

const EV = readFileSync(`${SCR}/.evid`, "utf8").trim();

const browser = await chromium.launch({

  executablePath: EXE,

  args: ["--no-sandbox", "--disable-dev-shm-usage", "--use-gl=angle", "--use-angle=swiftshader", "--enable-unsafe-swiftshader", "--ignore-gpu-blocklist"],

});

const d = await browser.newPage({ viewport: { width: 1920, height: 1080 }, deviceScaleFactor: 2 });

const view = async (path, name, settle = 1500, scrollTo = null) => {

  await d.goto(`${BASE}${path}`, { waitUntil: "networkidle" });

  if (scrollTo) await d.evaluate((sel) => document.querySelector(sel)?.scrollIntoView({ block: "center" }), scrollTo);

  await d.waitForTimeout(settle);

  await d.screenshot({ path: `${OUT}/${name}.png` });

};

await d.mouse.move(1250, 470);

await view("/", "hero", 2600);

await view("/", "cities", 1400, "#route");

await view(`/city/atlanta/profile/dj/${DJ}`, "profile", 1200);

const f = await browser.newPage({ viewport: { width: 1920, height: 1080 }, deviceScaleFactor: 1 });

const full = async (path, name, settle = 1300) => {

  await f.goto(`${BASE}${path}`, { waitUntil: "networkidle" });

  await f.waitForTimeout(settle);

  await f.screenshot({ path: `${OUT}/${name}.png`, fullPage: true });

};

await full("/city/atlanta", "city");

await full(`/city/atlanta/event/${EV}`, "event");

await full("/city/atlanta/yard", "yard");

await full("/city/atlanta/route", "route");

await full("/about", "about");

const m = await browser.newPage({ viewport: { width: 430, height: 932 }, deviceScaleFactor: 3, isMobile: true, hasTouch: true });

await m.goto(`${BASE}/`, { waitUntil: "networkidle" });

await m.waitForTimeout(1800);

await m.screenshot({ path: `${OUT}/mobile.png`, fullPage: false });

await browser.close();

console.log("shots done");