vite.config.js

/**
 * @file vite.config.js
 * @description Vite+ configuration for the free-coding-models web dashboard.
 * 📖 Uses React plugin, builds to web/dist/, proxies API requests to Node server.
 * @see https://viteplus.dev/config/
 */
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import { readFileSync } from 'node:fs'

const pkg = JSON.parse(readFileSync(new URL('./package.json', import.meta.url), 'utf8'))

export default defineConfig({
  plugins: [react()],
  root: 'web',
  // 📖 Force a single React instance across the app + every dependency graph
  // 📖 (react-table, react-virtual, tabler…). Without this, pnpm's nested
  // 📖 peer-dep resolution can make Vite's esbuild pre-bundler ship two copies
  // 📖 of React → "Invalid hook call" crashes at runtime.
  resolve: {
    dedupe: ['react', 'react-dom'],
  },
  build: {
    outDir: 'dist',
    emptyOutDir: true,
  },
  server: {
    port: 5179,
    proxy: {
      '/api': 'http://localhost:3333',
    },
  },
  define: {
    __APP_VERSION__: JSON.stringify(pkg.version),
  },
})