webmail-client/frontend/vite.config.ts

/// <reference types="vitest" />
import { resolve } from "node:path";

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

// SPEC dev-environment §5: Vite dev proxy /api -> :8000 with ws:true for /api/ws.
export default defineConfig({
  plugins: [react()],
  build: {
    rollupOptions: {
      // Two apps, one dist: the mail client (index.html) and the admin panel
      // (admin.html). nginx serves each from its own listener — see
      // docker/nginx.conf. In dev, the panel is at /admin.html.
      input: {
        main: resolve(__dirname, "index.html"),
        admin: resolve(__dirname, "admin.html"),
      },
    },
  },
  server: {
    port: 5173,
    proxy: {
      "/api": {
        target: "http://127.0.0.1:8000",
        changeOrigin: true,
        ws: true,
        // X-Forwarded-Host: the API's cross-site check (app/security/cross_site.py)
        // compares the page's Origin with the name the browser used.
        xfwd: true,
      },
      // CalDAV / CardDAV (SPEC Appendix E), for trying clients against dev.
      "/dav": { target: "http://127.0.0.1:8000", changeOrigin: true },
      "/.well-known/caldav": { target: "http://127.0.0.1:8000", changeOrigin: true },
      "/.well-known/carddav": { target: "http://127.0.0.1:8000", changeOrigin: true },
    },
  },
  test: {
    environment: "jsdom",
    globals: true,
    setupFiles: ["./src/test/setup.ts"],
  },
});