import process from 'node:process';
import { chromium } from 'playwright';
import { ensureDirectory, getKstDate, resolveCapturePaths, updateWorklogCaptureSection } from './worklog-capture-utils.mjs';

const cwd = process.cwd();
const captureDate = process.argv[2] ?? getKstDate();
const baseUrl = process.env.CAPTURE_BASE_URL ?? 'http://127.0.0.1:5174';
const screenshotFileName = 'search-command.png';
const { screenshotDir, screenshotPath, worklogPath, markdownImagePath } = resolveCapturePaths({
  cwd,
  captureDate,
  screenshotFileName,
});

const browser = await chromium.launch({ headless: true });
const context = await browser.newContext({
  viewport: { width: 430, height: 932 },
  isMobile: true,
  hasTouch: true,
  deviceScaleFactor: 3,
});
const page = await context.newPage();

try {
  await ensureDirectory(screenshotDir);

  await page.goto(baseUrl, { waitUntil: 'networkidle' });

  await page.evaluate(() => {
    const sensor = Array.from(document.querySelectorAll('div')).find((element) => {
      const style = window.getComputedStyle(element);
      return (
        style.position === 'fixed' &&
        style.top === '0px' &&
        style.right === '0px' &&
        style.touchAction === 'none' &&
        element.childElementCount === 0
      );
    });

    if (!sensor) {
      throw new Error('Search gesture sensor not found.');
    }

    const rect = sensor.getBoundingClientRect();
    const startX = rect.right - 24;
    const startY = rect.top + 18;
    const endY = startY + 120;

    const createTouch = (clientY) =>
      new Touch({
        identifier: 1,
        target: sensor,
        clientX: startX,
        clientY,
        radiusX: 12,
        radiusY: 12,
        rotationAngle: 0,
        force: 1,
      });

    const dispatch = (type, touches) => {
      sensor.dispatchEvent(
        new TouchEvent(type, {
          bubbles: true,
          cancelable: true,
          touches,
          targetTouches: touches,
          changedTouches: touches,
        }),
      );
    };

    dispatch('touchstart', [createTouch(startY)]);
    dispatch('touchmove', [createTouch(endY)]);
    dispatch('touchend', []);
  });

  const modal = page.locator('.search-command-modal .ant-modal-content').first();
  await modal.waitFor({ state: 'visible', timeout: 30000 });
  await modal.screenshot({
    path: screenshotPath,
    animations: 'disabled',
  });

  await updateWorklogCaptureSection({
    worklogPath,
    captureDate,
    imageAlt: 'search-command',
    markdownImagePath,
  });

  console.log(`Saved: ${screenshotPath}`);
  console.log(`Linked in: ${worklogPath}`);
} finally {
  await context.close();
  await browser.close();
}