// The report exports' renderers (exportHtml.ts, exportMarkdown.ts), from a
// fixture view: deterministic, self-contained, numbered.
//
// Run with: node_modules/.bin/tsx --test lib/report/export.test.ts

import { test } from "node:test";
import assert from "node:assert/strict";
import type { Report } from "./schema";
import { buildReportPageView, type RecordView } from "./views";
import { markdownToHtml, reportExportFooterLine, reportExportHtml, type ReportExportHtmlOptions } from "./exportHtml";
import { citedMarkdownToPlain, mdText, reportExportMarkdown } from "./exportMarkdown";

const report: Report = {
  format: "archilyzer-report",
  version: 1,
  id: "demo",
  kind: "factcheck",
  series: "Demo Checks",
  title: "A demo fact-check",
  subtitle: "Two claims, tested",
  summary: "It starts [here](cite:v1). <script>alert(1)</script> and [a link](javascript:alert(1)).",
  method: "Each quote was checked against the recording.",
  published: "2026-10-01",
  updated: "2026-10-04T10:00:00Z",
  subject: { source: "s0" },
  verdicts: { PARTLY: { label: "Half" } },
  sources: {
    s0: {
      kind: "article",
      title: "An article",
      url: "https://example.org/a",
      author: "A. Writer",
      publisher: "Example Gazette",
      accent: "#aa3300",
      archives: [{ label: "archive", url: "https://archive.example.org/a", context: "the first edition" }],
      saved: "sources/s0/page.html",
    },
  },
  citations: {
    v1: { kind: "video", channel: "demo-channel", id: "abc123", start: 3126, end: 3151, quote: "one * two", origin: "added", verification: { quoteScore: 0.97, quoteCheckedAt: "2026-10-04T12:00:00Z" } },
    a1: { kind: "audio", channel: "demo-podcast", id: "ep-1", start: 10.5, end: 20, quote: "two", speaker: "Guest", origin: "subject" },
    p1: { kind: "post", channel: "demo-social", id: "123", quote: "three" },
    s1: { kind: "source", source: "s0", quote: "four", image: "stills/s1.png" },
    w1: { kind: "page", url: "https://example.org/p", title: "A page", quote: "five", archiveUrl: "https://archive.example.org/p" },
  },
  sections: [
    {
      id: "one",
      title: "One",
      claims: [
        {
          id: "c1",
          title: "One",
          text: "Claim one.",
          verdict: "CONTRADICTED",
          gist: "The recording says otherwise.",
          flag: "No source given",
          sourceQuote: { citation: "s1" },
          findings: "See [this](cite:w1), **bold**, and `[code](cite:never)`.\n\n- a list item\n- another",
          citations: ["v1", "a1"],
        },
      ],
    },
    {
      id: "two",
      title: "Two",
      body: "A body citing [a post](cite:p1).",
      claims: [{ id: "c2", text: "Claim two.", verdict: "PARTLY", citations: ["a1"] }],
    },
  ],
};

const RECORDS: Record<string, RecordView> = {
  "demo-channel/abc123": { channel: "demo-channel", channelTitle: "Demo Channel", id: "abc123", title: "Demo stream", date: "2026-01-10", originalUrl: "https://media.example.org/abc123?t=3126" },
  "demo-podcast/ep-1": { channel: "demo-podcast", channelTitle: "Demo Podcast", id: "ep-1", title: "Episode 1", date: "2026-02-02", originalUrl: "https://media.example.org/ep-1" },
  "demo-social/123": { channel: "demo-social", channelTitle: "Demo Social", id: "123", date: "2025-03-14", originalUrl: "https://social.example.org/123" },
};

const view = buildReportPageView(report, {
  record: (c) => RECORDS[`${c.channel}/${c.id}`],
  post: () => ({ author: "@demo", text: "three", shot: "/media/posts/demo-social/123/shot.png" }),
});

const PNG = "data:image/png;base64,iVBORw0KGgo=";
const opts: ReportExportHtmlOptions = {
  siteUrl: "https://reports.example.org/",
  footer: { date: "2026-10-04", reportSha256: "0123456789abcdef".repeat(4) },
  image: () => PNG,
  clip: (c) => ({ href: `https://reports.example.org/media/clips/${c.moment}.mp4`, kind: c.kind }),
};

test("the HTML export is deterministic, holds no script, and every image is a data: URI", () => {
  const html = reportExportHtml(view, opts);
  assert.equal(reportExportHtml(view, opts), html);
  assert.doesNotMatch(html, /<script/i, "a report's raw HTML is escaped, and the export has no script");
  assert.match(html, /&lt;script&gt;alert\(1\)&lt;\/script&gt;/);
  assert.doesNotMatch(html, /javascript:/, "a link no reader should follow is left as its label");
  const srcs = [...html.matchAll(/<img [^>]*src="([^"]+)"/g)].map((m) => m[1]);
  assert.equal(srcs.length, 2, "the claim's still and the post's screenshot");
  for (const s of srcs) assert.ok(s.startsWith("data:image/"), s);
  // No stylesheet, font or script is fetched.
  assert.doesNotMatch(html, /<link |@import|url\(/);
});

test("the heading: the series and the title (or the title alone), the dates and revision, the document as a cited line", () => {
  const html = reportExportHtml(view, opts);
  assert.match(
    html,
    /<header class="report-head"><h1><span class="series" data-report-series="">Demo Checks<\/span> <span class="title">A demo fact-check<\/span><\/h1>\n<p class="dates" data-report-dates="">2026-10-01 · updated 2026-10-04<\/p>\n<p class="subject" data-subject-source="s0" style="border-left-color:#aa3300"><a href="https:\/\/example\.org\/a">An article<\/a> <span class="meta">— <span style="white-space:nowrap">A\. Writer<\/span> · <span style="white-space:nowrap">Example Gazette<\/span><\/span><\/p>\n<p class="subtitle">Two claims, tested<\/p><\/header>/,
  );
  assert.match(html, /<title>Demo Checks: A demo fact-check<\/title>/, "the title stays the document's name");
  assert.doesNotMatch(html, /data-report-attribution|data-report-byline|Under review|Fact-check by|class="eyebrow"/);
  // No series: the title alone.
  assert.match(reportExportHtml({ ...view, series: undefined }, opts), /<h1>A demo fact-check<\/h1>/);
  // No subject: no cited line.
  assert.doesNotMatch(reportExportHtml({ ...view, subject: undefined }, opts), /class="subject"/);
});

test("the heading's revision: this export's, linked to the history on the site", () => {
  const history = { revision: 2, date: "2026-10-04", href: "/reports/demo/history/", current: true };
  const withRev = { ...opts, footer: { ...opts.footer, revision: 2 } };
  assert.match(
    reportExportHtml({ ...view, history }, withRev),
    /<p class="dates" data-report-dates="">2026-10-01 · updated 2026-10-04 · <a href="https:\/\/reports\.example\.org\/reports\/demo\/history\/">revision 2<\/a><\/p>/,
  );
  assert.match(reportExportHtml({ ...view, history }, { ...withRev, siteUrl: undefined }), /updated 2026-10-04 · revision 2<\/p>/);
  assert.match(reportExportMarkdown({ ...view, history }, withRev), /^2026-10-01 · updated 2026-10-04 · \[revision 2\]\(https:\/\/reports\.example\.org\/reports\/demo\/history\/\)$/m);
});

test("the three tiers: the quick take, what the check found, every claim from how it was checked", () => {
  const html = reportExportHtml(view, opts);
  const order = ['data-report-tier="1"', 'data-verdict-tally', 'data-report-jumps', 'id="found" data-report-tier="2"', 'id="claims" data-report-tier="3"', "data-report-method", 'id="references"'];
  const at = order.map((m) => html.indexOf(m));
  assert.ok(at.every((i) => i >= 0), JSON.stringify(at));
  assert.deepEqual([...at].sort((a, b) => a - b), at, "in the page's order");
  assert.match(html, /<div class="tier" data-tier-marker="1" aria-hidden="true"><span class="dots"><i class="on"><\/i><i class=""><\/i><i class=""><\/i><\/span><span class="rule"><\/span><\/div>/);
  assert.doesNotMatch(html, /\d+ min\b/);
  assert.match(html, /<a href="#found">What the check found<\/a> · <a href="#claims">Every claim<\/a> · <a href="#references">References<\/a>/);
  // Grouped in FOUND_VERDICT_ORDER, each row its title, gist and flag, to the claim.
  const groups = [...html.matchAll(/data-found-group="([A-Z_]+)"/g)].map((m) => m[1]);
  assert.deepEqual(groups, ["CONTRADICTED", "PARTLY"]);
  assert.match(html, /<li data-found-row="c1"><a href="#c1">One<\/a> <span class="gist">— The recording says otherwise\.<\/span> <span class="flag" data-claim-flag=""><svg class="mark"/);
  assert.match(html, /<h3 class="label">How it was checked<\/h3><p>Each quote was checked against the recording\.<\/p>/);
  // A sweep has tiers 1 and 3.
  const sweep = reportExportHtml({ ...view, kind: "sweep" }, opts);
  assert.doesNotMatch(sweep, /data-report-tier="2"/);
  assert.match(sweep, /data-report-tier="3"/);
});

test("a claim: its flag, the subject's sentence on the accent rail with no link, evidence by origin", () => {
  const html = reportExportHtml(view, opts);
  const claim = html.slice(html.indexOf('<article class="claim" id="c1"'), html.indexOf("</article>", html.indexOf('id="c1"')));
  assert.match(claim, /data-verdict="CONTRADICTED"[^]*<span class="flag" data-claim-flag=""><svg class="mark"[^>]*>[^]*<\/svg>No source given<\/span><h3>One<\/h3>/);
  assert.match(claim, /<figure class="sentence" data-source-sentence="s1" style="border-left-color:#aa3300">/);
  assert.doesNotMatch(claim, /from <a href="#source-s0">/, "the rail says whose sentence it is");
  // The document's sentence stands for the claim: no paraphrase beside it.
  assert.doesNotMatch(claim, /Claim one\.|data-claim-text|says:/);
  // Without a sentence, a titled claim's text follows plain, unquoted.
  const noSentence = structuredClone(view);
  delete noSentence.sections[0].claims[0].sourceQuote;
  const plainHtml = reportExportHtml(noSentence, opts);
  assert.match(plainHtml, /<h3>One<\/h3><\/div>\n<p class="claim-text" data-claim-text="">Claim one\.<\/p>/);
  assert.match(reportExportMarkdown(noSentence, opts), /^### One\n\n(?:.*\n\n)?Claim one\.\n/m);
  assert.doesNotMatch(reportExportMarkdown(view, opts), /Claim one\./);
  assert.match(html, /<p class="subject" data-subject-source="s0" style="border-left-color:#aa3300">/, "the heading's cited line wears the same rail");
  // Added first, marked; the subject's own folded under "In the article".
  assert.match(claim, /<li data-evidence="v1"><a href="#c-v1">\[1\]<\/a> <span class="added" data-citation-added="" title="Not in the article"><svg class="mark"[^]*?<\/svg><span class="sr">Not in the article<\/span><\/span> Video/);
  assert.match(claim, /<details class="given" data-subject-evidence=""><summary>In the article \(1\)<\/summary><ul class="evidence"><li data-evidence="a1">/);
  assert.match(reportExportHtml(view, { ...opts, print: true }), /<details class="given" data-subject-evidence="" open>/, "printed open");
  // The reference list marks added evidence too.
  assert.match(html, /<li id="c-v1"[^>]*><p class="quote"><span class="added" data-citation-added=""[^]*?<\/span><\/span> <q>one \* two<\/q><\/p>/);
});

test("verdicts, inline markers [n] to the reference list, and references with every link", () => {
  const html = reportExportHtml(view, opts);
  assert.match(html, /data-verdict="CONTRADICTED" style="--v:#[0-9a-f]{6}">/i);
  assert.match(html, /data-verdict="PARTLY"[^>]*>Half/, "the report's override");
  assert.match(html, /here<sup class="cite"><a href="#c-v1">\[1\]<\/a><\/sup>/);
  assert.match(html, /<code>\[code\]\(cite:never\)<\/code>/, "code is not citing");
  const refs = [...html.matchAll(/<li id="c-([a-z0-9]+)" value="(\d+)"/g)].map((m) => `${m[2]}:${m[1]}`);
  assert.deepEqual(refs, ["1:v1", "2:s1", "3:w1", "4:a1", "5:p1"]);
  // A span: the original at its time, the moment page and the clip on the site.
  assert.match(html, /Original at 52:06: <a href="https:\/\/media\.example\.org\/abc123\?t=3126">/);
  assert.match(html, /Moment page: <a href="https:\/\/reports\.example\.org\/m\/demo-channel\/abc123\/3126\.00-3151\.00\/">/);
  assert.match(html, /Clip: <a href="https:\/\/reports\.example\.org\/media\/clips\//);
  assert.doesNotMatch(html, /<video/, "a clip is linked, not played, in the one-file export");
  assert.match(html, /Archived: <a href="https:\/\/archive\.example\.org\/p">/);
  assert.match(html, /quote match 97%/);
  assert.match(html, /<footer class="export-footer" data-export-footer=""><p>2026-10-04 · report sha256 0123456789ab<\/p><p>Published at <a href="https:\/\/reports\.example\.org\/reports\/demo\/">/);
});

test("without a site URL nothing links to the site; the pack's clip plays in place", () => {
  const html = reportExportHtml(view, { ...opts, siteUrl: undefined, clip: undefined });
  assert.doesNotMatch(html, /reports\.example\.org/);
  const pack = reportExportHtml(view, { ...opts, image: () => "media/x.png", clip: () => ({ href: "media/clips/a.mp4", kind: "video", play: true }) });
  assert.match(pack, /<video controls preload="none" src="media\/clips\/a\.mp4"><\/video>/);
  assert.match(pack, /<img src="media\/x\.png"/);
});

test("the footer line names what is known and leaves the rest out", () => {
  const sha = "f".repeat(64);
  assert.equal(reportExportFooterLine({ reportSha256: sha }), "report sha256 ffffffffffff");
  assert.equal(
    reportExportFooterLine({ revision: 3, date: "2026-10-05T09:00:00Z", reportSha256: sha, commit: "abcdef1234567890" }),
    "Revision 3 · 2026-10-05 · report sha256 ffffffffffff · commit abcdef123456",
  );
});

test("markdownToHtml: paragraphs, lists, quotes, code, headings under the page's own", () => {
  const html = markdownToHtml("# Head\n\nA *word* and __strong__.\n\n1. one\n2. two\n\n> quoted\n\n```\n<b>\n```", () => undefined);
  assert.equal(
    html,
    "<h3>Head</h3>\n<p>A <em>word</em> and <strong>strong</strong>.</p>\n<ol><li>one</li><li>two</li></ol>\n" +
      "<blockquote><p>quoted</p></blockquote>\n<pre><code>&lt;b&gt;</code></pre>",
  );
  assert.equal(markdownToHtml("[site](/reports/x/)", () => undefined, { siteUrl: "https://s.example" }), '<p><a href="https://s.example/reports/x/">site</a></p>');
  assert.equal(markdownToHtml("[site](/reports/x/)", () => undefined), "<p>site</p>");
});

test("the Markdown export: the heading lines, `label [n]` citations, numbered references, the footer", () => {
  const md = reportExportMarkdown(view, opts);
  assert.equal(reportExportMarkdown(view, opts), md);
  assert.ok(
    md.startsWith(
      "**Demo Checks**\n\n# A demo fact-check\n\n2026-10-01 · updated 2026-10-04\n\n" +
        "[An article](https://example.org/a) — A. Writer · Example Gazette\n\n*Two claims, tested*\n",
    ),
    md.slice(0, 300),
  );
  assert.ok(reportExportMarkdown({ ...view, series: undefined }, opts).startsWith("# A demo fact-check\n\n2026-10-01"), "no series: the title alone");
  assert.match(md, /It starts here \[1\]\./);
  assert.match(md, /See this \[3\], \*\*bold\*\*/);
  assert.match(md, /^### One$/m);
  assert.match(md, /^\*\*Verdict: Contradicted\*\* \*\[No source given\]\*$/m);
  // Each tier after a rule (and the footer after one); what the check found by verdict; how it was checked.
  assert.equal([...md.matchAll(/^---$/gm)].length, 4);
  assert.doesNotMatch(md, /\d+ min\b/);
  assert.match(md, /## What the check found\n\n### Contradicted \(1\)\n\n- One — The recording says otherwise\. \*\[No source given\]\*\n/);
  assert.match(md, /## Every claim, with its evidence\n\n\*\*How it was checked\*\*\n\nEach quote was checked against the recording\.\n/);
  // Evidence by origin: the added marked in words, the subject's under its own line.
  assert.match(md, /Evidence:\n\n- \[1\] Video, /);
  assert.doesNotMatch(md, /Not in the/, "the Markdown carries no added marker");
  assert.match(md, /In the article:\n\n- \[4\] Audio, /);
  assert.match(md, /^1\. “one \\\* two”  \n   Video · /m);
  assert.doesNotMatch(reportExportMarkdown({ ...view, kind: "sweep" }, opts), /What the check found/);
  const refs = [...md.matchAll(/^(\d+)\. “(.*)”/gm)].map((m) => `${m[1]}:${m[2]}`);
  assert.deepEqual(refs, ["1:one \\* two", "2:four", "3:five", "4:two", "5:three"]);
  assert.match(md, /Moment page: <https:\/\/reports\.example\.org\/m\/demo-channel\/abc123\/3126\.00-3151\.00\/>/);
  assert.match(md, /---\n\n2026-10-04 · report sha256 0123456789ab\n\nPublished at <https:\/\/reports\.example\.org\/reports\/demo\/>\n$/);
});

test("mdText escapes what Markdown would read; citedMarkdownToPlain numbers citations", () => {
  assert.equal(mdText("# a *b* [c]"), "\\# a \\*b\\* \\[c\\]");
  assert.equal(citedMarkdownToPlain("x [y](cite:p1) [z](https://e.example)", view), "x y [5] [z](https://e.example)");
});