// Path: Frontend/vite.config.ts

import { defineConfig } from "vite";

import { solidStart } from "@solidjs/start/config";

const extraAllowedHosts = (process.env.ALLOWED_HOSTS ?? "")
	.split(",")
	.map((host) => host.trim())
	.filter(Boolean);

const backendAPIport = process.env.BACKEND_API_PORT?.trim() || "8081";
const devAPIProxyTarget =
	process.env.FRONTEND_API_PROXY_TARGET?.trim() ||
	process.env.VITE_DEV_PROXY_TARGET?.trim() ||
	`http://api:${backendAPIport}`;

export default defineConfig({
	plugins: [solidStart({ ssr: false })],
	server: {
		allowedHosts: ["localhost", ...extraAllowedHosts],
		proxy: {
			"/v1": {
				target: devAPIProxyTarget,
				changeOrigin: true,
			},
		},
	},
	preview: {
		allowedHosts: ["localhost", ...extraAllowedHosts],
	},

	css: {
		preprocessorOptions: {
			scss: {
				additionalData: `@use "/src/styles/tools/breakpoints" as *;\n@use "/src/styles/tools/mixins" as *;\n`,
			},
		},
	},
});