import { defineConfig, loadEnv } from 'vite';
import react from '@vitejs/plugin-react-swc';
import tsconfigPaths from 'vite-tsconfig-paths';
import svgr from 'vite-plugin-svgr';

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd(), '')

  /*
    Using explicit env variables, there is no need to expose all of them (security).
  */
  const {
    REACT_APP_SERVER_BASE_URL,
  } = env;

  const plugins = [
    react({ jsxImportSource: "@emotion/react" }),
    tsconfigPaths(),
    svgr(),
  ]

  return {
    // base: ,
    envPrefix: 'REACT_APP_',
    build: {
      outDir: 'build',
    },      
    plugins,
    server: {
      // open: true,
      port: 3001,
    },
    define: {
      "process.env": {
        REACT_APP_SERVER_BASE_URL,
      }
    },  
  }
});