Добавлена полная документация для лендинга BROJS.RU, включая описание структуры проекта, SSG, пользовательского соглашения и команды для сборки. Реализована автоматическая генерация terms.html из terma.md. Обновлены зависимости и скрипты для сборки. Исправлены ошибки в конфигурации и добавлены новые страницы.
platform/bro-js/bro.landing/pipeline/head This commit looks good
platform/bro-js/bro.landing/pipeline/head This commit looks good
This commit is contained in:
@@ -0,0 +1,79 @@
|
||||
/* eslint-disable @typescript-eslint/no-require-imports */
|
||||
/* eslint-disable no-undef */
|
||||
/* eslint-disable @typescript-eslint/no-unused-vars */
|
||||
const fs = require('fs');
|
||||
const path = require('path');
|
||||
const { JSDOM } = require('jsdom');
|
||||
|
||||
// Настройка окружения для SSR
|
||||
const setupDOM = () => {
|
||||
const dom = new JSDOM('<!DOCTYPE html><html><body></body></html>', {
|
||||
url: 'http://localhost',
|
||||
pretendToBeVisual: true,
|
||||
resources: 'usable'
|
||||
});
|
||||
|
||||
global.window = dom.window;
|
||||
global.document = dom.window.document;
|
||||
global.navigator = dom.window.navigator;
|
||||
global.HTMLElement = dom.window.HTMLElement;
|
||||
global.HTMLDivElement = dom.window.HTMLDivElement;
|
||||
global.requestAnimationFrame = (callback) => setTimeout(callback, 0);
|
||||
global.cancelAnimationFrame = clearTimeout;
|
||||
};
|
||||
|
||||
const cleanupRender = () => {
|
||||
delete global.window;
|
||||
delete global.document;
|
||||
delete global.navigator;
|
||||
delete global.HTMLElement;
|
||||
delete global.HTMLDivElement;
|
||||
delete global.requestAnimationFrame;
|
||||
delete global.cancelAnimationFrame;
|
||||
};
|
||||
|
||||
const prerender = async () => {
|
||||
try {
|
||||
console.log('🚀 Начинаем SSR пре-рендеринг...');
|
||||
|
||||
setupDOM();
|
||||
|
||||
// Читаем HTML шаблон
|
||||
const indexPath = path.resolve(__dirname, '../dist/index.html');
|
||||
let html = fs.readFileSync(indexPath, 'utf-8');
|
||||
|
||||
// Рендерим статический контент страницы "в разработке"
|
||||
const prerenderContent = `
|
||||
<div style="text-align: center; padding: 20px;">
|
||||
<div style="max-height: 250px; margin: 0 auto;">
|
||||
<div>⚙️</div>
|
||||
</div>
|
||||
<h3><center>Сайт в разработке</center></h3>
|
||||
<p style="color: #666;">Страница загружается...</p>
|
||||
</div>
|
||||
`.trim();
|
||||
|
||||
// Вставляем пре-рендеренный контент в div#app
|
||||
const searchString = '<div id="app"></div>';
|
||||
if (html.includes(searchString)) {
|
||||
html = html.replace(searchString, `<div id="app">${prerenderContent}</div>`);
|
||||
|
||||
// Сохраняем результат
|
||||
fs.writeFileSync(indexPath, html, 'utf-8');
|
||||
console.log('✅ SSR пре-рендеринг завершен успешно!');
|
||||
console.log('📄 HTML обновлен с серверным контентом');
|
||||
} else {
|
||||
console.log('⚠️ Не найден <div id="app"></div>');
|
||||
console.log('Возможно, HTML уже содержит пре-рендеренный контент');
|
||||
}
|
||||
|
||||
cleanupRender();
|
||||
} catch (error) {
|
||||
console.error('❌ Ошибка при SSR пре-рендеринге:', error);
|
||||
cleanupRender();
|
||||
process.exit(1);
|
||||
}
|
||||
};
|
||||
|
||||
prerender();
|
||||
|
||||
Reference in New Issue
Block a user