import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import path from "path";
import { resolve } from "path";
import tailwindcss from "@tailwindcss/vite";
import salesforce from "@salesforce/vite-plugin-ui-bundle";

export default defineConfig(({ mode }) => {
	return {
		plugins: [tailwindcss(), react(), salesforce({ debug: true })] as import("vite").PluginOption[],

		build: {
			outDir: resolve(__dirname, "dist"),
			assetsDir: "assets",
			sourcemap: false,
		},

		resolve: {
			dedupe: ["react", "react-dom"],
			alias: {
				react: path.resolve(__dirname, "node_modules/react"),
				"react-dom": path.resolve(__dirname, "node_modules/react-dom"),
				"@": path.resolve(__dirname, "./src"),
				"@api": path.resolve(__dirname, "./src/api"),
				"@components": path.resolve(__dirname, "./src/components"),
				"@utils": path.resolve(__dirname, "./src/utils"),
				"@styles": path.resolve(__dirname, "./src/styles"),
				"@assets": path.resolve(__dirname, "./src/assets"),
			},
		},

		test: {
			root: resolve(__dirname),
			environment: "jsdom",
			include: [
				"src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}",
				"src/**/__tests__/**/*.{js,mjs,cjs,ts,mts,cts,jsx,tsx}",
			],
			testTimeout: 10000,
			globals: true,
		},
	};
});