// Does the web reader find a highlight made in the TUI where the TUI put it? Runs the web's own
// resolveAnchorRange (72-highlights.js) on the book rendered like the reader renders it, and
// returns the text of the range it finds for each anchor.
//
//   node web_anchors.cjs <diora-web checkout> <book.epub> <anchors.json> <out.json>
//
// anchors.json: a list of highlight objects ({anchor: {...}, ...}). Same setup as web_blocks.cjs.
const fs = require('fs');
const path = require('path');
const { chromium } = require('playwright-core');

(async () => {
  const [web, epub, anchorsFile, out] = process.argv.slice(2);
  const browser = await chromium.launch();
  const page = await browser.newPage();
  await page.goto('about:blank');
  await page.evaluate(() => {
    window.$ = (id) => document.getElementById(id);
    window.currentPdfDoc = null;
  });
  await page.addScriptTag({ path: path.join(web, 'static/js/jszip.min.js') });
  for (const f of ['40-epub.js', '44-books.js', '72-highlights.js']) {
    try { await page.addScriptTag({ path: path.join(web, 'static/js/app', f) }); }
    catch (e) { console.error('loading', f, e.message); }
  }
  const items = JSON.parse(fs.readFileSync(anchorsFile, 'utf-8'));
  const b64 = fs.readFileSync(epub).toString('base64');
  const result = await page.evaluate(async ({ b64, items }) => {
    const bin = Uint8Array.from(atob(b64), (c) => c.charCodeAt(0));
    const book = await parseEpub(bin.buffer);
    const el = document.createElement('div');
    el.id = 'reader-content';
    el.innerHTML = book.chapters.join('');
    document.body.appendChild(el);
    return items.map((h) => {
      const r = resolveAnchorRange(h);
      return r ? r.toString() : null;
    });
  }, { b64, items });
  fs.writeFileSync(out, JSON.stringify(result));
  await browser.close();
})().catch((e) => { console.error(e); process.exit(1); });