// 检查友圈卡片：背景头像效果(opacity)与头像地址是否正常
import { spawn } from 'node:child_process';
import { mkdtempSync } from 'node:fs';
import { tmpdir } from 'node:os';
import { join } from 'node:path';

const CHROME = 'C:/Users/QunLIn/.agent-browser/browsers/chrome-154.0.8037.92/chrome.exe';
const PORT = 9388;
const URL_ = process.argv[2] || 'http://127.0.0.1:1313/circles.html';
const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
const userDir = mkdtempSync(join(tmpdir(), 'cdp-circles-'));
const chrome = spawn(CHROME, ['--headless=new', `--remote-debugging-port=${PORT}`, `--user-data-dir=${userDir}`,
  '--no-first-run', '--disable-gpu', '--window-size=1280,900', 'about:blank'], { stdio: 'ignore' });

const PROBE = `(() => {
  const items = [...document.querySelectorAll('.fc-item')];
  const info = (el) => {
    if (!el) return null;
    return { src: (el.getAttribute('src') || '').slice(0, 80), opacity: getComputedStyle(el).opacity, natural: el.naturalWidth };
  };
  const first = items[0];
  return JSON.stringify({
    itemCount: items.length,
    bgImage: first ? info(first.querySelector('.fc-bg-image')) : null,
    avatar: first ? info(first.querySelector('.fc-avatar')) : null,
    relativeSrcs: items.filter((i) => (i.querySelector('.fc-avatar') || {}).getAttribute
      && (i.querySelector('.fc-avatar').getAttribute('src') || '').charAt(0) === '/').length,
  }, null, 1);
})()`;

try {
  for (let i = 0; i < 40; i++) { try { const r = await fetch(`http://127.0.0.1:${PORT}/json/version`); if (r.ok) break; } catch {} await sleep(300); }
  const tab = await (await fetch(`http://127.0.0.1:${PORT}/json/new?${encodeURIComponent(URL_)}`, { method: 'PUT' })).json();
  const ws = new WebSocket(tab.webSocketDebuggerUrl);
  let id = 0; const pending = new Map();
  ws.addEventListener('message', (ev) => { const m = JSON.parse(ev.data); if (m.id && pending.has(m.id)) { pending.get(m.id)(m); pending.delete(m.id); } });
  await new Promise((res) => ws.addEventListener('open', res));
  const send = (method, params = {}) => new Promise((res) => { const mid = ++id; pending.set(mid, res); ws.send(JSON.stringify({ id: mid, method, params })); });
  await send('Runtime.enable'); await send('Page.enable');
  await sleep(7000);
  const r = await send('Runtime.evaluate', { expression: PROBE, returnByValue: true });
  console.log(r.result.result.value);
  if (process.argv[3]) {
    const shot = await send('Page.captureScreenshot', { format: 'png' });
    const { writeFileSync } = await import('node:fs');
    writeFileSync(process.argv[3], Buffer.from(shot.result.data, 'base64'));
  }
  ws.close();
} catch (e) {
  console.error('ERROR', e.message);
} finally {
  chrome.kill();
}