#!/usr/bin/env node
// Replace sidebar HTML with <aside class="sidebar" id="app-sidebar"></aside>
// and add <script src="/js/sidebar.js"></script> after api.js on each page.

const fs   = require('fs');
const path = require('path');

const FRONTEND = path.join(__dirname, '..', 'frontend');

// Pages that get the universal sidebar (excludes test-run.html, login.html, 403/404/500, parent.html, guest-board.html)
const PAGES = [
  'admin', 'analytics',
  'biochem', 'biochem-library', 'biochem-pathways', 'biochem-properties', 'biochem-reactions',
  'board', 'classes', 'classroom', 'collection', 'collection-rb', 'course', 'crossword',
  'dashboard', 'flashcards', 'gradebook', 'hangman', 'homework',
  'knowledge-map', 'lab', 'lesson', 'lesson-editor', 'lesson-history', 'library', 'live-quiz',
  'my-lessons', 'pet', 'profile', 'question-bank',
  'red-book', 'red-book-biomes', 'red-book-ecosystem', 'red-book-games',
  'theory',
];

// Regex: match <aside class="sidebar" ...> ... </aside>
// Handles optional extra attributes and multi-line content
const ASIDE_RE = /<aside\b[^>]*\bclass="sidebar"[^>]*>[\s\S]*?<\/aside>/;

// Match existing sidebar.js script tag
const SIDEBAR_SCRIPT_RE = /<script\s+src="\/js\/sidebar\.js"><\/script>/;

// Match api.js script tag
const API_SCRIPT_RE = /(<script\s+src="\/js\/api\.js"><\/script>)/;

let changed = 0;
let skipped = 0;
let errors  = 0;

for (const name of PAGES) {
  const file = path.join(FRONTEND, `${name}.html`);
  if (!fs.existsSync(file)) {
    console.log(`  SKIP  ${name}.html (not found)`);
    skipped++;
    continue;
  }

  let src = fs.readFileSync(file, 'utf8');
  let modified = false;

  // 1. Replace sidebar <aside>
  if (ASIDE_RE.test(src)) {
    src = src.replace(ASIDE_RE, '<aside class="sidebar" id="app-sidebar"></aside>');
    modified = true;
  } else if (!src.includes('id="app-sidebar"')) {
    console.log(`  WARN  ${name}.html — no <aside class="sidebar"> found`);
  }

  // 2. Add sidebar.js script after api.js (if not already present)
  if (!SIDEBAR_SCRIPT_RE.test(src)) {
    if (API_SCRIPT_RE.test(src)) {
      src = src.replace(API_SCRIPT_RE, '$1\n  <script src="/js/sidebar.js"></script>');
      modified = true;
    } else {
      console.log(`  WARN  ${name}.html — no api.js script tag found`);
    }
  }

  if (modified) {
    fs.writeFileSync(file, src, 'utf8');
    console.log(`  OK    ${name}.html`);
    changed++;
  } else {
    console.log(`  -     ${name}.html (no changes)`);
  }
}

console.log(`\nDone: ${changed} updated, ${skipped} skipped, ${errors} errors.`);