feat(textbooks): миграция контента Физики 9 — §1-36 + ЛР11
- migrate_phys9_ch4.js: первая итерация (§31-36 → ch4) - migrate_phys9_content.js: обобщённый скрипт для ch1-3 (§1-30) + ch5 (ЛР11 из монолита) Каждая глава: - Получает CSS-блок монолита (стили .para-hero, .fcard, .def-box и т.д.) - Подключает Font Awesome CDN для иконок в section-title - HTML-тела параграфов вставляются в STUB-builder'ы заменой по regex - Эмодзи (нарушают правило проекта) и orphaned <i> теги удаляются на этапе clean() Размеры после миграции: - ch1 (кинематика, §1-14): 136 КБ - ch2 (динамика, §15-24): 127 КБ - ch3 (статика, §25-30): 100 КБ - ch4 (законы сохранения, §31-36): 133 КБ - ch5 (лаб. практикум): 90 КБ (только ЛР11 заполнен, ЛР1-10 и ЛР12 — STUB) Источник physics_9.html сохранён для возможной повторной миграции.
This commit is contained in:
Maxim Dolgolyov
@@ -0,0 +1,133 @@
|
||||
// Перенос §31-36 из монолитного physics_9.html в physics_9_ch4.html.
|
||||
// - Извлекает CSS-блок монолита и инжектит в ch4 (стили .para-hero, .formula-grid, .fcard, .def-box, .remember-box и т.д. нужны)
|
||||
// - Извлекает HTML-тело каждого §31..§36
|
||||
// - Убирает emoji (нарушают правило проекта) и Font Awesome <i> теги
|
||||
// - Подключает Font Awesome CDN для совместимости (на случай если внутри остались)
|
||||
// - Заменяет STUB-builder в physics_9_ch4.html на реальный контент
|
||||
'use strict';
|
||||
const fs = require('fs');
|
||||
const path = require('path');
|
||||
|
||||
const SRC = path.join(__dirname, '..', '..', 'frontend', 'textbooks', 'physics_9.html');
|
||||
const DST = path.join(__dirname, '..', '..', 'frontend', 'textbooks', 'physics_9_ch4.html');
|
||||
|
||||
const src = fs.readFileSync(SRC, 'utf8');
|
||||
let ch4 = fs.readFileSync(DST, 'utf8');
|
||||
|
||||
// === 1. Извлекаем CSS-блок монолита ===
|
||||
const styleStart = src.indexOf('<style>') + '<style>'.length;
|
||||
const styleEnd = src.indexOf('</style>', styleStart);
|
||||
const monolithCss = src.slice(styleStart, styleEnd);
|
||||
console.log('monolith CSS:', monolithCss.length, 'bytes');
|
||||
|
||||
// === 2. Извлекаем тела §31..§36 ===
|
||||
const PARAS = {};
|
||||
const REF_END_36 = src.indexOf('Проверка закона сохранения импульса');
|
||||
const refEnd = src.lastIndexOf('<!-- ═', REF_END_36 > 0 ? REF_END_36 : src.length);
|
||||
|
||||
for (let n = 31; n <= 36; n++) {
|
||||
const tag = `id="tab-ref${n}"`;
|
||||
const i = src.indexOf(tag);
|
||||
if (i < 0) { console.log('miss', n); continue; }
|
||||
// Найти конец: следующий tab-ref или (для §36) refEnd
|
||||
let j;
|
||||
if (n < 36) {
|
||||
j = src.indexOf(`id="tab-ref${n+1}"`, i);
|
||||
// Откатимся к комментарию ═══ перед следующим
|
||||
const cm = src.lastIndexOf('<!--', j);
|
||||
if (cm > i + 1000) j = cm;
|
||||
} else {
|
||||
j = refEnd;
|
||||
}
|
||||
// Найти позицию открывающего <div class="content ..." id="tab-refN">
|
||||
const divStart = src.lastIndexOf('<div class="content', i);
|
||||
// Извлекаем сырое тело — от <div class="content" id="tab-refN"> до boundary j
|
||||
const raw = src.slice(divStart, j);
|
||||
PARAS[n] = raw;
|
||||
console.log(`§${n}: ${raw.length} bytes`);
|
||||
}
|
||||
|
||||
// === 3. Очистка: убрать emoji и Font Awesome <i> теги ===
|
||||
function clean(s) {
|
||||
return s
|
||||
// Emoji (Unicode supplementary + dingbats + misc symbols)
|
||||
.replace(/[\u{1F300}-\u{1F9FF}]|[\u{2600}-\u{27BF}]|[\u{1F000}-\u{1F2FF}]|[\u{FE0F}]/gu, '')
|
||||
// Font Awesome icons - заменяем на пусто (либо можно на SVG ниже)
|
||||
.replace(/<i\s+class="fa[s ][^"]*"[^>]*>\s*<\/i>/g, '')
|
||||
// Лишние пробелы после удалений
|
||||
.replace(/(\s)\s+/g, '$1')
|
||||
.trim();
|
||||
}
|
||||
|
||||
// === 4. Преобразуем тело каждого § в формат builder'а ===
|
||||
// Builder ожидает: html += makeCard('theory', name, '§N', `BODY`);
|
||||
// Поскольку наше body уже — большой готовый HTML с собственными классами, оборачиваем напрямую в <div>.
|
||||
const PARA_NAMES = {
|
||||
31:'Импульс тела. Импульс системы тел',
|
||||
32:'Закон сохранения импульса. Реактивное движение',
|
||||
33:'Механическая работа. Мощность',
|
||||
34:'Потенциальная энергия',
|
||||
35:'Кинетическая энергия. Полная энергия системы тел',
|
||||
36:'Закон сохранения энергии',
|
||||
};
|
||||
|
||||
// === 5. Заменяем STUB-builder каждого pN в ch4 файле ===
|
||||
for (let n = 31; n <= 36; n++) {
|
||||
const pid = 'p' + n;
|
||||
let body = clean(PARAS[n]);
|
||||
// Удаляем внешний <div class="content..." id="tab-refN"> и закрывающий </div>
|
||||
body = body.replace(/^<div\s+class="content[^"]*"\s+id="tab-ref\d+">/, '');
|
||||
// Найти и удалить ровно один соответствующий закрывающий </div> в конце
|
||||
// (поскольку HTML может быть несбалансированным, безопаснее сделать regex по последнему </div>\s* в строке)
|
||||
body = body.replace(/<\/div>\s*$/, '');
|
||||
// Экранируем backticks и ${...} для template literal
|
||||
const esc = body.replace(/\\/g, '\\\\').replace(/`/g, '\\`').replace(/\$\{/g, '\\${');
|
||||
|
||||
// Найти стандартный stub-блок для pN
|
||||
// Stub имеет вид: makeCard('theory', "<name>", "§<n>", `\n <p>...в разработке...</p>\n <p>...</p>\n <p style="margin-top:10px;...">\n <b>Phase 0:</b>...<b>Phase 4+:</b>...\n </p>\n `);
|
||||
// Используем regex с захватом до закрывающего `);
|
||||
const stubRegex = new RegExp(
|
||||
`makeCard\\('theory', "${PARA_NAMES[n].replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')}", "\\u00a7${n}", \`[\\s\\S]*?\`\\);`
|
||||
);
|
||||
const match = ch4.match(stubRegex);
|
||||
if (!match) {
|
||||
console.error(`STUB not found for ${pid}`);
|
||||
// Try simpler matcher
|
||||
const simpleStub = `makeCard('theory', "${PARA_NAMES[n]}", "§${n}", `;
|
||||
const idx = ch4.indexOf(simpleStub);
|
||||
console.log(` simple-match for "${simpleStub.slice(0,50)}..." at`, idx);
|
||||
process.exit(1);
|
||||
}
|
||||
const replacement = `makeCard('theory', ${JSON.stringify(PARA_NAMES[n])}, "§${n}", \`\n${esc}\n \`);`;
|
||||
ch4 = ch4.replace(stubRegex, () => replacement);
|
||||
console.log(`§${n} → builder replaced (${body.length} bytes)`);
|
||||
}
|
||||
|
||||
// === 6. Инжектим CSS монолита в ch4 (перед </style>) ===
|
||||
// Чтобы не дублировать — проверим, не уже ли инжекчено
|
||||
if (!ch4.includes('/* === MONOLITH CSS (migrated from physics_9.html) === */')) {
|
||||
const inject = `\n/* === MONOLITH CSS (migrated from physics_9.html) === */\n${monolithCss}\n/* === END MONOLITH CSS === */\n`;
|
||||
ch4 = ch4.replace('</style>', inject + '</style>');
|
||||
console.log('Monolith CSS injected');
|
||||
}
|
||||
|
||||
// === 7. Подключим Font Awesome CDN (на случай оставшихся <i>) ===
|
||||
if (!ch4.includes('font-awesome')) {
|
||||
ch4 = ch4.replace(
|
||||
'<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">',
|
||||
'<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">\n<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">'
|
||||
);
|
||||
console.log('Font Awesome CDN linked');
|
||||
}
|
||||
|
||||
fs.writeFileSync(DST, ch4);
|
||||
console.log('OK ch4 →', DST, 'bytes:', ch4.length);
|
||||
|
||||
// Sanity: parse inline scripts
|
||||
const scriptMatches = [...ch4.matchAll(/<script>([\s\S]*?)<\/script>/g)];
|
||||
console.log('inline <script> count:', scriptMatches.length);
|
||||
for (const m of scriptMatches) {
|
||||
try { new Function(m[1]); }
|
||||
catch(e) { console.error('JS PARSE FAIL:', e.message); process.exit(1); }
|
||||
}
|
||||
console.log('all inline JS parses OK');
|
||||
Reference in New Issue
Block a user