import path from 'path'
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'
import { TanStackRouterVite } from '@tanstack/router-plugin/vite'

export default defineConfig({
  plugins: [
    TanStackRouterVite({ routesDirectory: './src/routes', target: 'react' }),
    react(),
    tailwindcss(),
  ],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
      '@evofw/shared': path.resolve(
        __dirname,
        '../../packages/shared/src/index.ts',
      ),
      '@evofw/ui/components': path.resolve(
        __dirname,
        '../../packages/ui/src/components',
      ),
      '@evofw/ui/hooks': path.resolve(
        __dirname,
        '../../packages/ui/src/hooks',
      ),
      '@evofw/ui/lib': path.resolve(__dirname, '../../packages/ui/src/lib'),
    },
  },
  server: {
    port: 5177,
    fs: { allow: [path.resolve(__dirname, '../..')] },
    proxy: {
      '/api': 'http://localhost:8080',
      '/health': 'http://localhost:8080',
      '/ready': 'http://localhost:8080',
      '/v1': 'http://localhost:8080',
    },
  },
})