vite.config.ts

import { defineConfig, loadEnv, type Plugin } from "vite";
import react from "@vitejs/plugin-react";
import tailwindcss from "@tailwindcss/vite";
import path from "node:path";

function runtimeConfigPlugin(apiUrl: string): Plugin {
  return {
    name: "runtime-config",
    configureServer(server) {
      server.middlewares.use("/runtime-config.json", (_req, res) => {
        res.setHeader("Content-Type", "application/json");
        res.end(JSON.stringify({ apiUrl }));
      });
    },
  };
}

export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd(), "");
  const apiUrl = (env.API_URL ?? env.VITE_API_URL ?? "").replace(/\/$/, "");

  return {
    plugins: [react(), tailwindcss(), runtimeConfigPlugin(apiUrl)],
    resolve: {
      alias: {
        "@": path.resolve(__dirname, "./src"),
      },
    },
    server: {
      port: 5174,
      proxy: {
        "/api": {
          target: "http://localhost:3001",
          changeOrigin: true,
        },
      },
    },
  };
});