// A profile screen must show the person's latest nostr posts and replies —
// and a zap button on each note when the wallet can pay. Driven against the
// live coinos community: open chat, tap an avatar, land on their profile.
//
// Run: bun tools/profile-feed-test.js
import puppeteer from './puppeteer.js';
import { generateMnemonic } from '@scure/bip39';
import { wordlist } from '@scure/bip39/wordlists/english';
import { buildHtml } from '../build.js';

const sleep = (ms) => new Promise((r) => setTimeout(r, ms));
let ok = true;
const check = (n, c, d = '') => { console.log(` ${c ? '✓' : '✗'} ${n}${d ? ' — ' + d : ''}`); if (!c) ok = false; };

const html = await buildHtml({ minify: true, pwa: false });
const server = Bun.serve({ port: 5234, fetch: () => new Response(html, { headers: { 'content-type': 'text/html' } }) });
const browser = await puppeteer.launch({ relays: 'read', executablePath: '/usr/bin/google-chrome', headless: 'new', args: ['--no-sandbox'] });
const page = await browser.newPage();
const pageErrors = [];
page.on('pageerror', (e) => pageErrors.push(String(e)));
const click = (sel, t) => page.evaluate((s, x) => { const e = [...document.querySelectorAll(s)].find((n) => n.textContent.trim().toLowerCase().includes(x.toLowerCase())); if (e) { e.click(); return true; } return false; }, sel, t);
const bodyText = () => page.evaluate(() => document.body.innerText);
const waitText = async (x, ms = 20000) => { for (let i = 0; i < ms / 250; i++) { if ((await bodyText()).toLowerCase().includes(x.toLowerCase())) return true; await sleep(250); } return false; };

try {
  await page.goto('http://localhost:5234/', { waitUntil: 'domcontentloaded' });
  await sleep(400);
  await click('button', 'Create a new wallet');
  await sleep(300);
  await click('button', 'Have an existing seed');
  await sleep(300);
  await page.waitForSelector('textarea');
  await page.type('textarea', generateMnemonic(wordlist));
  await click('button', 'Open wallet');
  // a mainnet wallet offers a username first (the spending-account step)
  if (await waitText('claim a username', 8000)) await click('button', 'Not now');
  check('wallet opens', await waitText('receive', 20000));

  // Messages is a button in the bottom nav; ask for it by name.
  await page.evaluate(() => [...document.querySelectorAll('.app-nav-button')]
    .find((b) => /message/i.test(b.getAttribute('aria-label') || ''))?.click());
  await sleep(800);
  check('chat home opens', await waitText('coinos', 10000));
  await click('.item, .chat-thread-row', 'coinos');
  const gotChat = await page.waitForSelector('.chat-avatar.clickable', { timeout: 25000 }).then(() => true).catch(() => false);
  check('community chat shows avatars', gotChat);

  if (gotChat) {
    await page.evaluate(() => document.querySelector('.chat-avatar.clickable')?.click());
    check('profile screen opens', await waitText('back', 10000));
    // the feed: either notes arrive or the explicit empty state shows
    // (the Posts / Replies tabs come first; their rows once the relays answer)
    let fed = false, empty = false;
    for (let i = 0; i < 60 && !fed && !empty; i++) {
      fed = await page.evaluate(() => document.querySelectorAll('.notes-feed [data-zap-post]').length > 0);
      empty = !fed && /No recent posts/.test(await bodyText());
      if (!fed && !empty) await sleep(250);
    }
    check('note feed resolves', fed || empty, fed ? 'notes shown' : 'no posts for this pk');
    if (fed) {
      // the ⚡ in every note's action bar, live when the wallet can pay
      const zaps = await page.evaluate(() => [...document.querySelectorAll('.notes-feed button.note-zap')].filter((b) => b.getAttribute('aria-disabled') !== 'true').length);
      check('zap buttons on notes', zaps > 0, `${zaps} note(s) zappable`);
      const imgsBroken = await page.evaluate(() => [...document.querySelectorAll('.note-img')].some((i) => i.style.display !== 'none' && i.complete && i.naturalWidth === 0));
      check('no broken inline images', !imgsBroken);
      // A tap pays the default amount at once (this wallet is empty, so it
      // would only fail); holding ⚡ opens the screen that sets the amount.
      const box = await page.evaluate(() => {
        const b = [...document.querySelectorAll('.notes-feed button.note-zap')].find((x) => x.getAttribute('aria-disabled') !== 'true');
        if (!b) return null;
        b.scrollIntoView({ block: 'center' });
        const r = b.getBoundingClientRect();
        return { x: r.x + r.width / 2, y: r.y + r.height / 2 };
      });
      if (box) {
        await page.mouse.move(box.x, box.y);
        await page.mouse.down();
        await sleep(800);
        await page.mouse.up();
      }
      check('zap flow opens', await waitText('Set your zap amount', 10000));
    }
  }
  check('no page errors', pageErrors.length === 0, pageErrors.slice(0, 2).join(' | '));
} finally {
  await browser.close();
  server.stop();
}
console.log(ok ? '\n✅ profile feed works' : '\n❌ profile feed broken');
process.exit(ok ? 0 : 1);