import path from "path";
import react from "@vitejs/plugin-react";
import { defineConfig, loadEnv } from "vite";
import tailwindcss from "tailwindcss";
import autoprefixer from "autoprefixer";

export default defineConfig(({ mode }) => {
	const env = loadEnv(mode, process.cwd(), "");

	return {
		plugins: [react()],
		css: {
			postcss: {
				plugins: [tailwindcss, autoprefixer],
			},
		},
		resolve: {
			alias: {
				"@": path.resolve(__dirname, "./src"),
			},
		},
		server: {
			proxy: {
				"/api": {
					target: "https://feedback.hmac.kr",
					changeOrigin: true,
					rewrite: (path) => path.replace(/^\/api/, "/_api"),
					configure: (proxy, options) => {
						proxy.on("proxyReq", (proxyReq, req, res) => {
							proxyReq.setHeader("X_API_KEY", env.VITE_API_KEY);
						});
					},
				},
			},
		},
	};
});