/// <reference types="vitest/config" />

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

// Set only inside a CoderPad pad, whose preview proxies port 3000 and the HMR websocket.
const padHost = process.env.PROJECTS_BASE_HOST;

export default defineConfig({
  plugins: [react(), tailwindcss()],
  server: {
    proxy: { "/api": { target: "http://127.0.0.1:5000", changeOrigin: true } },
    ...(padHost
      ? {
          host: "0.0.0.0",
          port: 3000,
          hmr: { clientPort: Number(process.env.WEBSOCKET_PORT) },
          allowedHosts: [`.${padHost}`],
        }
      : {}),
  },
  ...(padHost
    ? { customLogger: createLogger("info", { prefix: "[coderpad]" }) }
    : {}),
  test: {
    environment: "jsdom",
    setupFiles: ["./src/test/setup.ts"],
    unstubGlobals: true,
  },
});