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

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