import path from "node:path";

import { reactRouter } from "@react-router/dev/vite";
import tailwindcss from "@tailwindcss/vite";
import { defineConfig, loadEnv } from "vite-plus";

export default defineConfig(({ mode }) => {
  const envDir = path.resolve(import.meta.dirname, "../..");
  const env = loadEnv(mode, envDir, "");

  return {
    envDir,
    plugins: [tailwindcss(), reactRouter()],
    resolve: {
      dedupe: ["convex", "react", "react-dom"],
      tsconfigPaths: true,
    },
    server: {
      allowedHosts: true,
      proxy: {
        "/api/auth": {
          changeOrigin: true,
          target: env.CONVEX_SITE_URL,
        },
      },
    },
  };
});