import tailwindcss from '@tailwindcss/vite';
import { defineConfig } from 'vite';
import adapter from '@sveltejs/adapter-node';
import { sveltekit } from '@sveltejs/kit/vite';
import { SERVER_IP, FRONTEND_PORT, PROXY_PORT } from '../config.ts';

export default defineConfig(() => {
	return {
		plugins: [
			tailwindcss(),
			sveltekit({
				compilerOptions: {
					runes: ({ filename }) =>
						filename.split(/[/\\]/).includes('node_modules') ? undefined : true,
					experimental: { async: true }
				},
				adapter: adapter(),
				experimental: { remoteFunctions: true, handleRenderingErrors: true },
				csrf: {
					trustedOrigins: ['*']
				}
			})
		],
		server: {
			fs: {
				allow: ['.', './node_modules', '../node_modules']
			},
			allowedHosts: [SERVER_IP],
			port: FRONTEND_PORT,
			proxy: {
				'/api': {
					target: `http://${SERVER_IP}:${PROXY_PORT}`,
					changeOrigin: true
				}
			}
		}
	};
});