Initial import

scripts/capture-search-command-screenshot.mjs

@@ -0,0 +1,98 @@
+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();
+}