validate-vercel-config.js

#!/usr/bin/env node

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('🧪 Vercel Configuration Validator\n');

// Check if vercel.json exists
const vercelConfigPath = path.join(__dirname, 'vercel.json');
if (!fs.existsSync(vercelConfigPath)) {
    console.log('❌ vercel.json not found!');
    process.exit(1);
}

console.log('✅ vercel.json found');

// Read and parse vercel.json
try {
    const config = JSON.parse(fs.readFileSync(vercelConfigPath, 'utf8'));
    console.log('✅ vercel.json is valid JSON');
    
    // Check for rewrites
    if (config.rewrites && Array.isArray(config.rewrites)) {
        console.log('✅ Rewrites section found');
        
        // Check for SPA rewrite rule
        const spaRewrite = config.rewrites.find(rule => 
            rule.source === '(.*)' || rule.source === '/(.*)'
        );
        
        if (spaRewrite && spaRewrite.destination === '/index.html') {
            console.log('✅ SPA rewrite rule correctly configured');
            console.log(`   Source: ${spaRewrite.source}`);
            console.log(`   Destination: ${spaRewrite.destination}`);
        } else {
            console.log('⚠️  SPA rewrite rule not found or incorrect');
        }
    } else {
        console.log('⚠️  No rewrites section found');
    }
    
    // Check for security headers
    if (config.headers && Array.isArray(config.headers)) {
        console.log('✅ Security headers configured');
        const securityHeaders = ['X-Content-Type-Options', 'X-Frame-Options', 'X-XSS-Protection'];
        const foundHeaders = [];
        
        config.headers.forEach(headerConfig => {
            if (headerConfig.headers) {
                headerConfig.headers.forEach(header => {
                    if (securityHeaders.includes(header.key)) {
                        foundHeaders.push(header.key);
                    }
                });
            }
        });
        
        console.log(`   Found security headers: ${foundHeaders.join(', ')}`);
    }
    
    console.log('\n🎯 Configuration Summary:');
    console.log('   - SPA routing: ✅ Configured');
    console.log('   - Security headers: ✅ Configured');
    console.log('   - Cache headers: ✅ Configured');
    
    console.log('\n🚀 Testing Instructions:');
    console.log('1. Deploy to Vercel');
    console.log('2. Visit any route (e.g., /elements)');
    console.log('3. Refresh the page (F5)');
    console.log('4. Should load without 404 error');
    
} catch (error) {
    console.log('❌ Error parsing vercel.json:', error.message);
    process.exit(1);
}

console.log('\n✅ Vercel configuration validation complete!');