import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import { nxViteTsPaths } from "@nx/vite/plugins/nx-tsconfig-paths.plugin";

export default defineConfig({
  root: __dirname,
  // Env lives at the workspace root, shared with the backoffice — without this
  // Vite looks in apps/portal and VITE_BASE_API_URL silently falls back to its
  // built-in default.
  envDir: "../../",
  cacheDir: "../../node_modules/.vite/apps/portal",
  server: { port: 4200, host: "localhost" },
  //   server: {
  //   port: 4200,
  //   proxy: {
  //     '/api': {
  //       target: 'http://localhost:3000', // change from 'https://ema-api-dev.triaplc.com'
  //       changeOrigin: true,
  //     },
  //   },
  // },
  preview: { port: 4200, host: "localhost" },
  plugins: [react(), nxViteTsPaths()],
  resolve: {
    dedupe: ["react", "react-dom", "react-router-dom", "@tanstack/react-query"],
  },
  build: {
    outDir: "../../dist/apps/portal",
    emptyOutDir: true,
    reportCompressedSize: true,
  },
});