import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import { themeWatcherPlugin } from './src/plugins/themeWatcher'

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    react(),
    themeWatcherPlugin()
  ],
  define: {
    global: 'globalThis',
    process: { env: {} }
  },
  optimizeDeps: {
    exclude: ['fs', 'path']
  },
  server: {
    watch: {
      // Watch public directory for theme changes
      ignored: ['!**/public/themes/**']
    }
  },
  // Ensure static assets are served correctly
  publicDir: 'public'
})