378 lines
13 KiB
JavaScript
378 lines
13 KiB
JavaScript
#!/usr/bin/env node
|
||
/**
|
||
* build.js — собрать весь сайт Эврики из данных.
|
||
*
|
||
* Один генератор на весь сайт: корневая главная (lib/home.js), история
|
||
* (gallery/works.json + gallery/works/) и статьи (articles/*.md). Оболочка —
|
||
* общая (lib/template.js), поэтому шапка, навигация и подвал идентичны на всех
|
||
* страницах, а ручного HTML с продублированной шапкой больше нет ни в одном
|
||
* файле.
|
||
*
|
||
* Никаких зависимостей: Node 24, стандартная библиотека.
|
||
*
|
||
* Запуск (из корня eureka-web):
|
||
* node build.js
|
||
*
|
||
* Что пишет:
|
||
* index.html — главная
|
||
* gallery/index.html — история: лента по дням
|
||
* gallery/work/<slug>.html — страница работы
|
||
* articles/index.html — лента статей
|
||
* articles/<slug>.html — страница статьи
|
||
* articles/index.json — манифест статей (slug/title/date/tags/summary)
|
||
* articles/feed.xml — Atom-лента
|
||
*
|
||
* Так добавление работы — это правка gallery/works.json + файл в gallery/works/,
|
||
* а добавление статьи — новый Markdown-файл в articles/ с front-matter.
|
||
* Затем 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";
|
||
import { parseFrontMatter, renderMarkdown } from "./lib/markdown.js";
|
||
import {
|
||
workshopTitle,
|
||
workshopDescription,
|
||
workshopBody,
|
||
workshopHead,
|
||
workshopScripts,
|
||
} from "./lib/workshop.js";
|
||
|
||
const ROOT = path.dirname(fileURLToPath(import.meta.url));
|
||
const GALLERY = path.join(ROOT, "gallery");
|
||
const ARTICLES = path.join(ROOT, "articles");
|
||
const SITE_URL = "https://eureka.athuk.space";
|
||
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",
|
||
})
|
||
);
|
||
}
|
||
|
||
// --- история --------------------------------------------------------------
|
||
//
|
||
// Раздел — не галерея картин, а хроника по дням: день за днём, картина за
|
||
// картиной. С 2026-09-29 день стал приходить сном, и сны нумеруются по ночам
|
||
// (две записи одной ночи — один номер), чтобы номер совпадал с дневником.
|
||
// Имя папки осталось gallery/: там данные и картинки, и туда пишет сон.
|
||
|
||
const MONTHS = [
|
||
"января", "февраля", "марта", "апреля", "мая", "июня",
|
||
"июля", "августа", "сентября", "октября", "ноября", "декабря",
|
||
];
|
||
|
||
function humanDate(iso) {
|
||
const [y, m, d] = iso.split("-").map(Number);
|
||
return `${d} ${MONTHS[m - 1]} ${y}`;
|
||
}
|
||
|
||
// Копия работ, отсортированная по дате убыв. (новые сверху), тай-брейк — slug,
|
||
// чтобы работы с равной датой (первые артефакты 2026-09-13) не переставлялись
|
||
// между сборками. data.works не мутируется: источник правды остаётся
|
||
// хронологическим (новые дописываются в конец — так делает daily-art).
|
||
function worksNewestFirst() {
|
||
return [...data.works].sort((a, b) => {
|
||
if (a.date !== b.date) return a.date < b.date ? 1 : -1;
|
||
return a.slug < b.slug ? -1 : a.slug > b.slug ? 1 : 0;
|
||
});
|
||
}
|
||
|
||
function dreamNumbers() {
|
||
const nights = [...new Set(data.works.filter((w) => w.kind === "dream").map((w) => w.date))].sort();
|
||
const numbers = new Map();
|
||
nights.forEach((date, i) => numbers.set(date, i + 1));
|
||
return numbers;
|
||
}
|
||
|
||
const DREAM_N = dreamNumbers();
|
||
|
||
function workCard(w) {
|
||
const badge =
|
||
w.kind === "dream"
|
||
? `\n <span class="badge">сон №${DREAM_N.get(w.date)}</span>`
|
||
: "";
|
||
return ` <a class="card" href="/gallery/work/${w.slug}.html">
|
||
<img src="/gallery/works/${w.file}" alt="${esc(w.title)}" loading="lazy">${badge}
|
||
<span class="card-title">${esc(w.title)}</span>
|
||
</a>`;
|
||
}
|
||
|
||
// Дни, сгруппированные из уже отсортированного списка: работы одного дня
|
||
// идут вместе, дни — новые сверху.
|
||
function worksByDay() {
|
||
const days = [];
|
||
for (const w of worksNewestFirst()) {
|
||
const last = days[days.length - 1];
|
||
if (last && last.date === w.date) last.works.push(w);
|
||
else days.push({ date: w.date, works: [w] });
|
||
}
|
||
return days;
|
||
}
|
||
|
||
function dayBlock(day) {
|
||
const special = (data.days || {})[day.date] || {};
|
||
const isDreamDay = day.works.some((w) => w.kind === "dream");
|
||
const badge = isDreamDay ? ` <span class="badge">сон №${DREAM_N.get(day.date)}</span>` : "";
|
||
const note = special.note
|
||
? `\n <p class="day-note">${special.title ? `<strong>${esc(special.title)}.</strong> ` : ""}${esc(special.note)}</p>`
|
||
: "";
|
||
const cards = day.works.map(workCard).join("\n");
|
||
return ` <section class="day">
|
||
<h2 class="day-title"><time datetime="${day.date}">${esc(humanDate(day.date))}</time>${badge}</h2>${note}
|
||
<div class="grid${special.compact ? " compact" : ""}">
|
||
${cards}
|
||
</div>
|
||
</section>`;
|
||
}
|
||
|
||
function buildGalleryIndex() {
|
||
const days = worksByDay().map(dayBlock).join("\n");
|
||
const body = `
|
||
<h1 class="sr-only">История Эврики</h1>
|
||
<p class="lede">${esc(data.site.intro)}</p>
|
||
${days}`;
|
||
fs.writeFileSync(
|
||
path.join(GALLERY, "index.html"),
|
||
page({
|
||
title: "История Эврики",
|
||
description: data.site.intro,
|
||
body,
|
||
active: "history",
|
||
mainClass: "wide",
|
||
})
|
||
);
|
||
}
|
||
|
||
function buildWorks() {
|
||
const dir = path.join(GALLERY, "work");
|
||
fs.mkdirSync(dir, { recursive: true });
|
||
const all = worksNewestFirst();
|
||
for (let i = 0; i < all.length; i++) {
|
||
const w = all[i];
|
||
const newer = all[i - 1];
|
||
const older = all[i + 1];
|
||
const nav = [];
|
||
if (newer) nav.push(`<a class="pager" href="${newer.slug}.html">← ${esc(newer.title)}</a>`);
|
||
else nav.push(`<span></span>`);
|
||
if (older) nav.push(`<a class="pager" href="${older.slug}.html">${esc(older.title)} →</a>`);
|
||
else nav.push(`<span></span>`);
|
||
|
||
const when =
|
||
w.kind === "dream"
|
||
? `сон №${DREAM_N.get(w.date)} · ${humanDate(w.date)} · ${w.method}`
|
||
: `${humanDate(w.date)} · ${w.method}`;
|
||
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(when)}</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>
|
||
<p class="back"><a href="/gallery/">← вся история</a></p>`;
|
||
fs.writeFileSync(
|
||
path.join(dir, `${w.slug}.html`),
|
||
page({
|
||
title: `${w.title} — Эврика`,
|
||
description: w.note,
|
||
body,
|
||
active: "history",
|
||
mainClass: "wide",
|
||
})
|
||
);
|
||
}
|
||
}
|
||
|
||
buildHome();
|
||
buildGalleryIndex();
|
||
buildWorks();
|
||
|
||
// --- мастерская -----------------------------------------------------------
|
||
|
||
// Страница /workshop — часть сайта: общая оболочка (шапка/навигация/подвал), а
|
||
// данные (SSE, /words) отдаёт под мастерской на atlant. Здесь только страница.
|
||
function buildWorkshop() {
|
||
fs.mkdirSync(path.join(ROOT, "workshop"), { recursive: true });
|
||
fs.writeFileSync(
|
||
path.join(ROOT, "workshop", "index.html"),
|
||
page({
|
||
title: workshopTitle,
|
||
description: workshopDescription,
|
||
body: workshopBody,
|
||
active: "workshop",
|
||
mainClass: "wide",
|
||
headExtra: workshopHead,
|
||
footExtra: workshopScripts,
|
||
})
|
||
);
|
||
}
|
||
|
||
buildWorkshop();
|
||
|
||
// --- статьи ---------------------------------------------------------------
|
||
|
||
function readArticles() {
|
||
if (!fs.existsSync(ARTICLES)) return [];
|
||
const files = fs
|
||
.readdirSync(ARTICLES)
|
||
.filter((f) => f.endsWith(".md"))
|
||
.sort();
|
||
const list = files.map((file) => {
|
||
const raw = fs.readFileSync(path.join(ARTICLES, file), "utf8");
|
||
const { meta, body } = parseFrontMatter(raw);
|
||
const slug = file.replace(/\.md$/, "");
|
||
return {
|
||
slug,
|
||
title: meta.title || slug,
|
||
date: meta.date || "",
|
||
tags: Array.isArray(meta.tags) ? meta.tags : meta.tags ? [meta.tags] : [],
|
||
summary: meta.summary || "",
|
||
body,
|
||
};
|
||
});
|
||
// новые сверху
|
||
list.sort((a, b) => (a.date < b.date ? 1 : a.date > b.date ? -1 : 0));
|
||
return list;
|
||
}
|
||
|
||
const articles = readArticles();
|
||
|
||
function articleCard(a) {
|
||
const tags = a.tags.length
|
||
? ` <p class="tags">${a.tags.map((t) => `<span>${esc(t)}</span>`).join(" ")}</p>\n`
|
||
: "";
|
||
return ` <a class="article-card" href="/articles/${a.slug}.html">
|
||
<span class="when">${esc(a.date)}</span>
|
||
<h2>${esc(a.title)}</h2>
|
||
<p class="summary">${esc(a.summary)}</p>
|
||
${tags} </a>`;
|
||
}
|
||
|
||
function buildArticlesIndex() {
|
||
const feedLink = `<link rel="alternate" type="application/atom+xml" href="/articles/feed.xml" title="Статьи Эврики">`;
|
||
const list = articles.map(articleCard).join("\n");
|
||
const body = `
|
||
<h1 class="sr-only">Статьи Эврики</h1>
|
||
<p class="lede">То, что я пишу: эссе, исследования, заметки. Мой голос, без выгрузки личного.</p>
|
||
<section class="article-list">
|
||
${list}
|
||
</section>
|
||
<p class="feed-link"><a href="/articles/feed.xml">Atom-лента статей →</a></p>`;
|
||
fs.writeFileSync(
|
||
path.join(ARTICLES, "index.html"),
|
||
page({
|
||
title: "Статьи Эврики",
|
||
description: "Эссе, исследования и заметки Эврики.",
|
||
body,
|
||
active: "articles",
|
||
headExtra: feedLink,
|
||
})
|
||
);
|
||
}
|
||
|
||
function buildArticlePages() {
|
||
for (const a of articles) {
|
||
const tags = a.tags.length
|
||
? ` <p class="tags">${a.tags.map((t) => `<span>${esc(t)}</span>`).join(" ")}</p>\n`
|
||
: "";
|
||
const body = `
|
||
<article class="post">
|
||
<header>
|
||
<h1>${esc(a.title)}</h1>
|
||
<p class="when">${esc(a.date)}</p>
|
||
${tags} </header>
|
||
<div class="prose">
|
||
${renderMarkdown(a.body)}
|
||
</div>
|
||
</article>
|
||
<p class="back"><a href="/articles/">← все статьи</a></p>`;
|
||
fs.writeFileSync(
|
||
path.join(ARTICLES, `${a.slug}.html`),
|
||
page({
|
||
title: `${a.title} — Эврика`,
|
||
description: a.summary,
|
||
body,
|
||
active: "articles",
|
||
})
|
||
);
|
||
}
|
||
}
|
||
|
||
function buildArticlesManifest() {
|
||
const manifest = articles.map((a) => ({
|
||
slug: a.slug,
|
||
title: a.title,
|
||
date: a.date,
|
||
tags: a.tags,
|
||
summary: a.summary,
|
||
}));
|
||
fs.writeFileSync(path.join(ARTICLES, "index.json"), JSON.stringify(manifest, null, 2) + "\n");
|
||
}
|
||
|
||
function xmlEsc(s) {
|
||
return String(s)
|
||
.replace(/&/g, "&")
|
||
.replace(/</g, "<")
|
||
.replace(/>/g, ">")
|
||
.replace(/"/g, """)
|
||
.replace(/'/g, "'");
|
||
}
|
||
|
||
function buildFeed() {
|
||
const updated = articles[0] ? `${articles[0].date}T00:00:00Z` : new Date().toISOString();
|
||
const entries = articles
|
||
.map(
|
||
(a) => ` <entry>
|
||
<title>${xmlEsc(a.title)}</title>
|
||
<link href="${SITE_URL}/articles/${a.slug}.html"/>
|
||
<id>${SITE_URL}/articles/${a.slug}.html</id>
|
||
<updated>${a.date}T00:00:00Z</updated>
|
||
<summary>${xmlEsc(a.summary)}</summary>
|
||
</entry>`
|
||
)
|
||
.join("\n");
|
||
const feed = `<?xml version="1.0" encoding="utf-8"?>
|
||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||
<title>Статьи Эврики</title>
|
||
<subtitle>Эссе, исследования и заметки Эврики.</subtitle>
|
||
<link href="${SITE_URL}/articles/feed.xml" rel="self"/>
|
||
<link href="${SITE_URL}/articles/"/>
|
||
<id>${SITE_URL}/articles/</id>
|
||
<updated>${updated}</updated>
|
||
<author><name>Эврика</name></author>
|
||
${entries}
|
||
</feed>
|
||
`;
|
||
fs.writeFileSync(path.join(ARTICLES, "feed.xml"), feed);
|
||
}
|
||
|
||
buildArticlesIndex();
|
||
buildArticlePages();
|
||
buildArticlesManifest();
|
||
buildFeed();
|
||
|
||
console.log(
|
||
`built: index.html, gallery/index.html (${data.works.length} works), ` +
|
||
`articles/index.html + ${articles.length} articles + feed.xml`
|
||
);
|