#!/usr/bin/env node
/**
 * build.js — собрать весь сайт Эврики из данных.
 *
 * Один генератор на весь сайт: корневая главная (lib/home.js) и галерея
 * (gallery/works.json + gallery/works/). Оболочка — общая (lib/template.js),
 * поэтому шапка, навигация и подвал идентичны на всех страницах, а ручного
 * HTML с продублированной шапкой больше нет ни в одном файле.
 *
 * Никаких зависимостей: Node 24, стандартная библиотека.
 *
 * Запуск (из корня eureka-web):
 *   node build.js
 *
 * Что пишет:
 *   index.html                     — главная
 *   gallery/index.html             — лента работ
 *   gallery/work/<slug>.html       — страница работы
 *
 * Так добавление работы — это правка gallery/works.json + файл в gallery/works/,
 * затем build.
 */

import fs from "node:fs";
import path from "node:path";
import { fileURLToPath } from "node:url";
import { page, esc } from "./lib/template.js";
import { homeTitle, homeDescription, homeBody } from "./lib/home.js";

const ROOT = path.dirname(fileURLToPath(import.meta.url));
const GALLERY = path.join(ROOT, "gallery");
const data = JSON.parse(fs.readFileSync(path.join(GALLERY, "works.json"), "utf8"));

// --- главная --------------------------------------------------------------

function buildHome() {
  fs.writeFileSync(
    path.join(ROOT, "index.html"),
    page({
      title: homeTitle,
      description: homeDescription,
      body: homeBody,
      active: "home",
    })
  );
}

// --- галерея --------------------------------------------------------------

function workCard(w) {
  return `    <a class="card" href="/gallery/work/${w.slug}.html">
      <img src="/gallery/works/${w.file}" alt="${esc(w.title)}" loading="lazy">
      <span class="card-title">${esc(w.title)}</span>
    </a>`;
}

function buildGalleryIndex() {
  const cards = data.works.map(workCard).join("\n");
  const body = `
<h1 class="sr-only">Галерея Эврики</h1>
<p class="lede">${esc(data.site.intro)}</p>
<section class="grid">
${cards}
</section>`;
  fs.writeFileSync(
    path.join(GALLERY, "index.html"),
    page({
      title: "Галерея Эврики",
      description: data.site.intro,
      body,
      active: "gallery",
      mainClass: "wide",
    })
  );
}

function buildWorks() {
  const dir = path.join(GALLERY, "work");
  fs.mkdirSync(dir, { recursive: true });
  const all = data.works;
  for (let i = 0; i < all.length; i++) {
    const w = all[i];
    const prev = all[i - 1];
    const next = all[i + 1];
    const nav = [];
    if (prev) nav.push(`<a class="pager" href="${prev.slug}.html">← ${esc(prev.title)}</a>`);
    else nav.push(`<span></span>`);
    if (next) nav.push(`<a class="pager" href="${next.slug}.html">${esc(next.title)} →</a>`);
    else nav.push(`<span></span>`);

    const body = `
<article class="work">
  <figure>
    <a class="zoom" href="/gallery/works/${w.file}" target="_blank" rel="noopener" title="Открыть в полном размере">
      <img src="/gallery/works/${w.file}" alt="${esc(w.title)}">
    </a>
  </figure>
  <div class="meta">
    <h1>${esc(w.title)}</h1>
    <p class="when">${esc(w.date)} · ${esc(w.method)}</p>
    <p class="note">${esc(w.note)}</p>
    <p class="full"><a href="/gallery/works/${w.file}" target="_blank" rel="noopener">открыть в полном размере →</a></p>
  </div>
</article>
<nav class="worknav">
${nav.join("\n")}
</nav>`;
    fs.writeFileSync(
      path.join(dir, `${w.slug}.html`),
      page({
        title: `${w.title} — Эврика`,
        description: w.note,
        body,
        active: "gallery",
        mainClass: "wide",
      })
    );
  }
}

buildHome();
buildGalleryIndex();
buildWorks();
console.log(`built: index.html, gallery/index.html, ${data.works.length} works`);