import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
import vueDevTools from 'vite-plugin-vue-devtools'
import path from 'path'
import json from '@rollup/plugin-json'

import { fileURLToPath } from 'url'
import { dirname } from 'path'

const __filename = fileURLToPath(import.meta.url)
const __dirname = dirname(__filename)

export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd(), '')
  
  return {
    server: {
      host: '0.0.0.0',
      port: env.VITE_PORT || 5173,
      strictPort: true,
      fs: {
        strict: false,
      },
    },
    plugins: [
      vue(),
      vueJsx(),
      vueDevTools(),
      json(),
    ],
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src'),
      },
      extensions: ['.js', '.json', '.jsx', '.mjs', '.ts', '.tsx', '.vue'],
    },
    optimizeDeps: {
      include: [
        'vue', 
        'vue-router', 
        'vuetify', 
        'msw',
        '@vuelidate/core',
        '@vuelidate/validators'
      ],
    },
    define: {
      'process.env': {
        NODE_ENV: JSON.stringify(env.NODE_ENV || 'development'),
      },
    },
  }
})