124 lines
4 KiB
JavaScript
124 lines
4 KiB
JavaScript
#!/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`);
|