import { chromium } from "playwright-core";

import { readFileSync, readdirSync, renameSync, mkdirSync } from "fs";

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

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

const REC = "/shared/projects/SteppingApp/promo/rec";

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

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

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

const tours = {

  s3: { url: "/city/atlanta", dur: 12.15, pts: [[600,275],[455,745],[1245,755],[455,845],[1245,852],[1165,527],[345,272],[700,668]] },

  s4: { url: `/city/atlanta/event/${EV}`, dur: 8.18, pts: [[600,200],[600,463],[690,533],[820,625],[895,864],[660,403]] },

  s6: { url: `/city/atlanta/profile/dj/${DJ}`, dur: 5.55, pts: [[210,130],[520,300],[820,430],[430,500],[300,200]] },

};

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

const browser = await chromium.launch({ executablePath: EXE, args });

for (const [id, t] of Object.entries(tours)) {

  const dir = `${REC}/${id}`;

  mkdirSync(dir, { recursive: true });

  const ctx = await browser.newContext({

    viewport: { width: 1920, height: 1080 }, deviceScaleFactor: 1,

    recordVideo: { dir, size: { width: 1920, height: 1080 } },

  });

  const page = await ctx.newPage();

  await page.goto(`${BASE}${t.url}`, { waitUntil: "networkidle" });

  await page.mouse.move(960, 540);

  await page.waitForTimeout(900);

  const end = Date.now() + t.dur * 1000;

  let i = 0;

  while (Date.now() < end) {

    const [x, y] = t.pts[i % t.pts.length];

    await page.mouse.move(x, y, { steps: 28 });

    if (i % 3 === 2) await page.mouse.click(x, y);

    await page.waitForTimeout(420);

    i++;

  }

  await ctx.close();

  const f = readdirSync(dir).find((x) => x.endsWith(".webm"));

  renameSync(`${dir}/${f}`, `${REC}/${id}.webm`);

  console.log(id, "re-recorded (cursor tour)");

}

await browser.close();

console.log("DONE");