vite.config.js

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [
    react(),
    {
      name: 'spa-fallback',
      configureServer(server) {
        server.middlewares.use((req, _res, next) => {
          const url = req.url?.split('?')[0] ?? '';
          const isViteInternal = url.startsWith('/@') || url.startsWith('/node_modules');
          const isAsset = url.includes('.');
          const isApi = url.startsWith('/api');

          // Static HTML routes — check these before SPA fallback
          if (url === '/story' || url === '/story/') {
            req.url = '/story.html';
          } else if (url === '/comparison' || url === '/comparison/') {
            req.url = '/comparison.html';
          } else if (!isViteInternal && !isAsset && !isApi && url !== '/') {
            req.url = '/';
          }

          next();
        });
      }
    }
  ],
  server: {
    port: 3000,
    strictPort: true,
  }
})