build.js

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

const SLIDES_DESKTOP_DIR = './slides-desktop';
const SLIDES_MOBILE_DIR = './slides-mobile';
const DIST_DIR = './dist';
const IMAGE_EXTENSIONS = ['.png', '.jpg', '.jpeg', '.webp'];

function getImageFiles(directory) {
  try {
    if (!fs.existsSync(directory)) {
      console.warn(`Warning: Directory ${directory} does not exist`);
      return [];
    }

    const files = fs.readdirSync(directory);
    const imageFiles = files
      .filter(file => {
        const ext = path.extname(file).toLowerCase();
        return IMAGE_EXTENSIONS.includes(ext);
      })
      .sort();

    return imageFiles.map(file => `${path.basename(directory)}/${file}`);
  } catch (error) {
    console.error(`Error reading directory ${directory}:`, error.message);
    return [];
  }
}

function copyDirectory(src, dest) {
  if (!fs.existsSync(src)) {
    console.warn(`Warning: Source directory ${src} does not exist, skipping copy`);
    return;
  }

  if (!fs.existsSync(dest)) {
    fs.mkdirSync(dest, { recursive: true });
  }

  const files = fs.readdirSync(src);
  files.forEach(file => {
    const srcFile = path.join(src, file);
    const destFile = path.join(dest, file);
    fs.copyFileSync(srcFile, destFile);
  });
}

function copyFile(src, dest) {
  if (fs.existsSync(src)) {
    fs.copyFileSync(src, dest);
  }
}

function build() {
  console.log('Building slideshow presentation...\n');

  // Create dist directory
  if (!fs.existsSync(DIST_DIR)) {
    fs.mkdirSync(DIST_DIR, { recursive: true });
  }

  // Get slide files
  const desktopSlides = getImageFiles(SLIDES_DESKTOP_DIR);
  const mobileSlides = getImageFiles(SLIDES_MOBILE_DIR);

  console.log(`Desktop slides found: ${desktopSlides.length}`);
  console.log(`Mobile slides found: ${mobileSlides.length}\n`);

  // Generate JSON files
  fs.writeFileSync(
    path.join(DIST_DIR, 'slides-desktop.json'),
    JSON.stringify(desktopSlides, null, 2)
  );

  fs.writeFileSync(
    path.join(DIST_DIR, 'slides-mobile.json'),
    JSON.stringify(mobileSlides, null, 2)
  );

  console.log('Generated slides-desktop.json');
  console.log('Generated slides-mobile.json\n');

  // Copy slide directories to dist
  copyDirectory(SLIDES_DESKTOP_DIR, path.join(DIST_DIR, 'slides-desktop'));
  copyDirectory(SLIDES_MOBILE_DIR, path.join(DIST_DIR, 'slides-mobile'));

  console.log('Copied slide directories to dist/\n');

  // Copy HTML, CSS, JS files
  copyFile('index.html', path.join(DIST_DIR, 'index.html'));
  copyFile('style.css', path.join(DIST_DIR, 'style.css'));
  copyFile('script.js', path.join(DIST_DIR, 'script.js'));

  console.log('Copied index.html, style.css, script.js to dist/\n');
  console.log('Build complete! ✓');
}

build();