// 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);

export default defineConfig({
	plugins: [solidStart({ ssr: false })],
	server: {
		allowedHosts: ["localhost", ...extraAllowedHosts],
	},
	preview: {
		allowedHosts: ["localhost", ...extraAllowedHosts],
	},

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