import react from "@vitejs/plugin-react-swc"
import { defineConfig } from "vite"
import svgr from "vite-plugin-svgr"

const splitDeps = ["katex", "leaflet", "monaco-editor"]

export default defineConfig({
	base: "./",
	build: {
		target: ["esnext", "firefox128", "chrome131", "safari18"],
		chunkSizeWarningLimit: 3500,
		rollupOptions: {
			output: {
				manualChunks: id => {
					if (id.includes("wailsio")) {
						return "wails"
					} else if (id.includes("node_modules") && !splitDeps.some(dep => id.includes(dep))) {
						return "vendor"
					} else if (id.endsWith("/emoji/data.json")) {
						return "emoji"
					}
				},
			},
		},
	},
	plugins: [
		react(),
		svgr({
			svgrOptions: {
				replaceAttrValues: {
					"#5f6368": "currentColor",
				},
			},
		}),
	],
	resolve: {
		alias: {
			"@": "/src",
		},
	},
	server: {
		proxy: {
			"/_gomuks/websocket": {
				target: "http://localhost:29325",
				ws: true,
			},
			"/_gomuks": {
				target: "http://localhost:29325",
			},
		},
	},
})