Initial commit

skills/ln-115-presentation-creator/references/build-presentation.js

@@ -0,0 +1,67 @@
+/**
+ * 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}`);