68 lines
2.1 KiB
JavaScript
68 lines
2.1 KiB
JavaScript
/**
|
|
* Build Script for HTML Presentation
|
|
*
|
|
* Reads modular HTML components and creates standalone presentation_final.html
|
|
* by inlining CSS, JavaScript, and all tab content.
|
|
*
|
|
* Usage: node build-presentation.js (run from assets/ directory)
|
|
* Output: ../presentation_final.html
|
|
*/
|
|
|
|
const fs = require('fs');
|
|
const path = require('path');
|
|
|
|
console.log('🔨 Building presentation...\n');
|
|
|
|
// 1. Read base template
|
|
console.log('📄 Reading presentation_template.html...');
|
|
let html = fs.readFileSync('presentation_template.html', 'utf-8');
|
|
|
|
// 2. Read and inject tab content
|
|
const tabs = ['overview', 'requirements', 'architecture', 'technical_spec', 'roadmap', 'guides'];
|
|
console.log('📑 Injecting tab content...');
|
|
|
|
tabs.forEach(tab => {
|
|
const tabFile = path.join('tabs', `tab_${tab}.html`);
|
|
if (fs.existsSync(tabFile)) {
|
|
const tabContent = fs.readFileSync(tabFile, 'utf-8');
|
|
const placeholder = `<!--TAB_${tab.toUpperCase()}-->`;
|
|
html = html.replace(placeholder, tabContent);
|
|
console.log(` ✓ ${tab}`);
|
|
} else {
|
|
console.log(` ⚠ ${tab} (file not found, skipping)`);
|
|
}
|
|
});
|
|
|
|
// 3. Inline CSS
|
|
console.log('🎨 Inlining styles.css...');
|
|
if (fs.existsSync('styles.css')) {
|
|
const css = fs.readFileSync('styles.css', 'utf-8');
|
|
html = html.replace('<!--STYLES-->', `<style>\n${css}\n</style>`);
|
|
console.log(' ✓ CSS inlined');
|
|
} else {
|
|
console.log(' ⚠ styles.css not found');
|
|
}
|
|
|
|
// 4. Inline JavaScript
|
|
console.log('⚡ Inlining scripts.js...');
|
|
if (fs.existsSync('scripts.js')) {
|
|
const js = fs.readFileSync('scripts.js', 'utf-8');
|
|
html = html.replace('<!--SCRIPTS-->', `<script>\n${js}\n</script>`);
|
|
console.log(' ✓ JS inlined');
|
|
} else {
|
|
console.log(' ⚠ scripts.js not found');
|
|
}
|
|
|
|
// 5. Write final presentation
|
|
const outputPath = path.join('..', 'presentation_final.html');
|
|
console.log(`\n📦 Writing ${outputPath}...`);
|
|
fs.writeFileSync(outputPath, html, 'utf-8');
|
|
|
|
// 6. Calculate file size
|
|
const stats = fs.statSync(outputPath);
|
|
const sizeKB = (stats.size / 1024).toFixed(2);
|
|
console.log(` ✓ File size: ${sizeKB} KB`);
|
|
|
|
console.log('\n✅ Build complete!');
|
|
console.log(` Open: ${outputPath}`);
|