',
+ demoVideoFolder: '',
+ footer: '", footerStart) + "".length;
+
+const shell = [
+ html.slice(0, heroStart),
+ "{{NODEDC_BLOCKS_BEFORE_CVIZ}}",
+ html.slice(cVizStart, cVizOpenEnd),
+ "{{NODEDC_BLOCKS_CVIZ}}",
+ html.slice(footerEnd),
+].join("");
+
+const blocks = [
+ {
+ region: "beforeCViz",
+ id: "hero-waitlist",
+ type: "staticHtml",
+ template: "hero-waitlist.html",
+ adminLabel: "Первый экран и заявка",
+ anchor: "hero",
+ html: html.slice(heroStart, featuresStart),
+ },
+ {
+ region: "beforeCViz",
+ id: "feature-video",
+ type: "staticHtml",
+ template: "feature-video.html",
+ adminLabel: "Демо и базовая логика",
+ anchor: "features",
+ html: html.slice(featuresStart, cVizStart),
+ },
+ {
+ region: "cViz",
+ id: "product-system",
+ type: "staticHtml",
+ template: "product-system.html",
+ adminLabel: "Компоненты, режимы, FAQ и тарифная таблица",
+ anchor: null,
+ html: html.slice(cVizOpenEnd, pricingIntroStart),
+ },
+ {
+ region: "cViz",
+ id: "pricing-intro",
+ type: "staticHtml",
+ template: "pricing-intro.html",
+ adminLabel: "Интро тарифов",
+ anchor: "waitlist",
+ html: html.slice(pricingIntroStart, waitlistFilesStart),
+ },
+ {
+ region: "cViz",
+ id: "waitlist-files",
+ type: "staticHtml",
+ template: "waitlist-files.html",
+ adminLabel: "Форма ожидания и txt-файлы",
+ anchor: "waitlist",
+ html: html.slice(waitlistFilesStart, demoVideoFolderStart),
+ },
+ {
+ region: "cViz",
+ id: "demo-video-folder",
+ type: "staticHtml",
+ template: "demo-video-folder.html",
+ adminLabel: "Иконка демо-видео в доке",
+ anchor: null,
+ html: html.slice(demoVideoFolderStart, footerStart),
+ },
+ {
+ region: "cViz",
+ id: "footer",
+ type: "staticHtml",
+ template: "footer.html",
+ adminLabel: "Футер",
+ anchor: null,
+ html: html.slice(footerStart, footerEnd),
+ },
+];
+
+const page = {
+ schemaVersion: 1,
+ slug: "home",
+ output: "index.html",
+ title: "NODE.DC",
+ seo: {
+ title: "NODE.DC — ИИ-платформа для Webflow",
+ description:
+ "Единая платформа для кастомного кода, MCP и ИИ-агентов в Webflow: контекст проекта, автоматизация, деплой и управляемая разработка.",
+ },
+ regions: [
+ {
+ id: "beforeCViz",
+ label: "До c-viz wrapper",
+ description: "Hero and first product section. These blocks live before the visual wrapper.",
+ blocks: blocks
+ .filter((block) => block.region === "beforeCViz")
+ .map(({ html: _html, ...block }) => ({ ...block, enabled: true })),
+ },
+ {
+ id: "cViz",
+ label: "Inside c-viz wrapper",
+ description: "Sections coupled to WebGL/color-flip shell. Keep these in this region for now.",
+ blocks: blocks
+ .filter((block) => block.region === "cViz")
+ .map(({ html: _html, ...block }) => ({ ...block, enabled: true })),
+ },
+ ],
+};
+
+await mkdir(blockRoot, { recursive: true });
+await mkdir(dirname(contentPath), { recursive: true });
+await writeFile(join(templateRoot, "shell.html"), shell);
+for (const block of blocks) {
+ await writeFile(join(blockRoot, block.template), block.html);
+}
+await writeFile(contentPath, `${JSON.stringify(page, null, 2)}\n`);
+
+console.log(`Extracted ${blocks.length} blocks from ${sourcePath}`);
+console.log(`Wrote ${join(templateRoot, "shell.html")}`);
+console.log(`Wrote ${contentPath}`);
diff --git a/tools/render-home.mjs b/tools/render-home.mjs
new file mode 100644
index 0000000..cd9119f
--- /dev/null
+++ b/tools/render-home.mjs
@@ -0,0 +1,105 @@
+import { mkdir, readFile, writeFile } from "node:fs/promises";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const repoRoot = join(dirname(fileURLToPath(import.meta.url)), "..");
+const pagePath = join(repoRoot, "content", "pages", "home.json");
+const templateRoot = join(repoRoot, "templates", "pages", "home");
+const shellPath = join(templateRoot, "shell.html");
+const blockRoot = join(templateRoot, "blocks");
+
+const REGION_TOKEN = {
+ beforeCViz: "{{NODEDC_BLOCKS_BEFORE_CVIZ}}",
+ cViz: "{{NODEDC_BLOCKS_CVIZ}}",
+};
+
+const page = JSON.parse(await readFile(pagePath, "utf8"));
+const shell = await readFile(shellPath, "utf8");
+const templateCache = new Map();
+
+async function readTemplate(templateName) {
+ if (!templateName || templateName.includes("..") || templateName.includes("/")) {
+ throw new Error(`Unsafe template name: ${templateName}`);
+ }
+
+ if (!templateCache.has(templateName)) {
+ templateCache.set(templateName, await readFile(join(blockRoot, templateName), "utf8"));
+ }
+
+ return templateCache.get(templateName);
+}
+
+function escapeRegExp(value) {
+ return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+
+function scopeDuplicateIds(html, scope) {
+ const ids = [...html.matchAll(/\sid="([^"]+)"/g)].map((match) => match[1]);
+ if (!ids.length) {
+ return html;
+ }
+
+ let scoped = html.replace(/\sid="([^"]+)"/g, (_match, id) => ` id="${scope}-${id}"`);
+
+ for (const id of ids) {
+ const escaped = escapeRegExp(id);
+ scoped = scoped.replace(
+ new RegExp(`\\s(data-target|for|aria-controls|aria-labelledby|aria-describedby)="${escaped}"`, "g"),
+ (_match, attr) => ` ${attr}="${scope}-${id}"`,
+ );
+ scoped = scoped.replace(new RegExp(`(href="[^"]*)#${escaped}(")`, "g"), `$1#${scope}-${id}$2`);
+ }
+
+ return scoped;
+}
+
+async function renderBlock(block, renderCounts) {
+ if (block.enabled === false) {
+ return "";
+ }
+
+ const templateName = block.template;
+ const renderCount = renderCounts.get(templateName) ?? 0;
+ renderCounts.set(templateName, renderCount + 1);
+
+ const html = await readTemplate(templateName);
+
+ if (renderCount === 0 && block.scopeIds !== true) {
+ return html;
+ }
+
+ return scopeDuplicateIds(html, block.id);
+}
+
+async function renderRegion(region) {
+ const renderCounts = new Map();
+ const blocks = [];
+
+ for (const block of region.blocks ?? []) {
+ blocks.push(await renderBlock(block, renderCounts));
+ }
+
+ return blocks.join("");
+}
+
+let output = shell;
+for (const region of page.regions ?? []) {
+ const token = REGION_TOKEN[region.id];
+ if (!token) {
+ throw new Error(`Unknown region: ${region.id}`);
+ }
+
+ output = output.replace(token, await renderRegion(region));
+}
+
+for (const token of Object.values(REGION_TOKEN)) {
+ if (output.includes(token)) {
+ throw new Error(`Unrendered token left in shell: ${token}`);
+ }
+}
+
+const outputPath = join(repoRoot, page.output || "index.html");
+await mkdir(dirname(outputPath), { recursive: true });
+await writeFile(outputPath, output);
+
+console.log(`Rendered ${page.slug} -> ${outputPath}`);
