import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import path from "path";

export default defineConfig(() => {
  const embedBase = process.env.VITE_BASE; // "/datamart-builder/assets/" in embedded; undefined = standalone
  const apiUpstream = process.env.THT_FRONTEND_API_UPSTREAM ?? "http://localhost:8787";
  return {
    plugins: [react()],
    // base: prefisso pubblico degli asset. Default "/" (standalone).
    // assetsDir vuoto in embedded → asset alla root di dist/ così il proxy
    // /datamart-builder/assets/ → frontend-root mappa 1:1 (niente /assets/assets/).
    base: embedBase ?? "/",
    build: { manifest: true, outDir: "dist", assetsDir: embedBase ? "" : "assets" },
    server: {
      proxy: {
        "/api": {
          target: apiUpstream,
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/api(?=\/|$)/, ""),
        },
      },
    },
    resolve: { alias: { "@": path.resolve(__dirname, "./src") } },
  };
});