import { defineConfig, loadEnv } from "vite";
import react from "@vitejs/plugin-react";
import wasm from "vite-plugin-wasm";

export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd(), "");
  const apiTarget = env.VITE_API_TARGET || "http://127.0.0.1:8000";

  return {
    plugins: [react(), wasm()],
    optimizeDeps: {
      // Rerun resolves its WASM asset relative to the package entrypoint. Vite's
      // dependency pre-bundler flattens that entrypoint and leaves the WASM URL
      // pointing at the SPA fallback, which browsers reject as text/html.
      exclude: ["@rerun-io/web-viewer"],
    },
    build: {
      target: "esnext",
    },
    server: {
      host: "127.0.0.1",
      port: 5173,
      strictPort: true,
      proxy: {
        "/api": {
          target: apiTarget,
          changeOrigin: false,
          ws: true,
        },
      },
    },
    preview: {
      host: "127.0.0.1",
      port: 4173,
      strictPort: true,
    },
  };
});