import { dirname } from 'node:path';
import { fileURLToPath } from 'node:url';
import react from '@vitejs/plugin-react';
import { defineConfig, loadEnv } from 'vite';
import tsconfigPaths from 'vite-tsconfig-paths';

const REGEX = /^\/api/;
export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd(), '');
  return {
    root: './dev',
    envDir: './',
    server: {
      proxy: {
        '/api': {
          target: 'http://localhost:8000/api.php',
          changeOrigin: true,
          rewrite: (path) => path.replace(REGEX, ''),
        },
      },
    },
    resolve: {
      alias: {
        '@': `${dirname(fileURLToPath(import.meta.url))}/src`,
      },
    },
    css: {
      modules: {
        generateScopedName: '[name]__[local]_[hash]',
      },
    },
    plugins: [react(), tsconfigPaths()],
    build: {
      outDir: '../dist',
      manifest: true,
      target: 'esnext',
      // rollupOptions: {
      //   external: ['react', 'react-dom'],
      //   output: {
      //     globals: {
      //       react: 'React',
      //       'react-dom': 'ReactDOM',
      //     },
      //   },
      // },

      // rollupOptions: {
      //   input: new URL('./src/main.tsx', import.meta.url).pathname,
      // },
    },
    define: {
      VITE_PORT: JSON.stringify(env.VITE_PORT),
    },
  };
});