deploy-github-pages.js

#!/usr/bin/env node

import { execSync } from 'child_process';
import fs from 'fs';
import path from 'path';
import { fileURLToPath } from 'url';

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

console.log('🚀 Starting GitHub Pages deployment...');

try {
  // Build the project
  console.log('📦 Building project...');
  execSync('npm run build', { stdio: 'inherit' });

  // Ensure .nojekyll file exists in dist
  const nojekyllSource = path.join('public', '.nojekyll');
  const nojekyllDest = path.join('dist', '.nojekyll');
  
  if (fs.existsSync(nojekyllSource)) {
    fs.copyFileSync(nojekyllSource, nojekyllDest);
    console.log('✅ Copied .nojekyll file to dist/');
  } else {
    // Create .nojekyll file if it doesn't exist
    fs.writeFileSync(nojekyllDest, '');
    console.log('✅ Created .nojekyll file in dist/');
  }

  // Note: GitHub Pages doesn't support _headers files for MIME type configuration
  // MIME types are handled automatically by GitHub Pages

  // Copy fallback loader to dist
  const fallbackSource = path.join('public', 'fallback-loader.js');
  const fallbackDest = path.join('dist', 'fallback-loader.js');
  
  if (fs.existsSync(fallbackSource)) {
    fs.copyFileSync(fallbackSource, fallbackDest);
    console.log('✅ Copied fallback-loader.js to dist/');
  }

  // Copy redirect.js to dist for SPA routing
  const redirectSource = path.join('public', 'redirect.js');
  const redirectDest = path.join('dist', 'redirect.js');
  
  if (fs.existsSync(redirectSource)) {
    fs.copyFileSync(redirectSource, redirectDest);
    console.log('✅ Copied redirect.js to dist/');
  }

  // Setup SPA routing for GitHub Pages
  const indexSource = path.join('dist', 'index.html');
  const notFoundDest = path.join('dist', '404.html');
  
  if (fs.existsSync(indexSource)) {
    // Read the index.html content
    let indexContent = fs.readFileSync(indexSource, 'utf8');
    
    // Add the redirect script to the 404.html
    const redirectScript = `
    <script>
      // GitHub Pages SPA routing fix
      // This script runs immediately to handle routing before React loads
      (function() {
        'use strict';
        
        const currentPath = window.location.pathname;
        const searchParams = window.location.search;
        const hash = window.location.hash;
        const basePath = '/payetongreviste/';
        
        console.log('404.html: Current path:', currentPath);
        
        // If we're not on the correct base path, redirect
        if (!currentPath.startsWith(basePath)) {
          console.log('404.html: Redirecting to base path...');
          const redirectUrl = basePath + currentPath.replace(basePath, '') + searchParams + hash;
          window.location.replace(redirectUrl);
          return;
        }
        
        // If we're on the base path, let React Router handle it
        console.log('404.html: Path is correct, React Router will handle routing');
      })();
    </script>
    </body>
    </html>`;
    
    // Remove the original closing tags and add the script
    const updatedContent = indexContent.replace(/\s*<\/body>\s*<\/html>\s*$/, redirectScript);
    
    // Write the enhanced 404.html
    fs.writeFileSync(notFoundDest, updatedContent);
    console.log('✅ Created enhanced 404.html for SPA routing');
  } else {
    console.error('❌ index.html not found in dist/');
    process.exit(1);
  }

  // Note: GitHub Pages deployment is now handled by GitHub Actions
  console.log('🌐 GitHub Pages deployment is handled by GitHub Actions');
  console.log('📝 Push your changes to master branch to trigger deployment');

  console.log('🎉 Deployment completed successfully!');
  console.log('🔗 Your app should be available at: https://10s25.github.io/payetongreviste/');
  
} catch (error) {
  console.error('❌ Deployment failed:', error.message);
  process.exit(1);
}