vite.config.ts

import path from "path";
import { defineConfig, type ProxyOptions } from "vite";
import react from "@vitejs/plugin-react-swc";
import { tanstackRouter } from "@tanstack/router-plugin/vite";
import tailwindcss from "@tailwindcss/vite";

import { cloudflare } from "@cloudflare/vite-plugin";

const plugins = [
  react(),
  tailwindcss(),
  tanstackRouter({
    target: "react",
    autoCodeSplitting: true,
  }),
];

if (process.env.CLOUDFLARE_DEV === "true") {
  plugins.push(cloudflare());
}

// Proxy configuration for mock server
const proxyConfig: Record<string, string | ProxyOptions> =
  process.env.VITE_USE_MOCK === "true"
    ? {
        "/v1": {
          target: `http://localhost:${process.env.MOCK_PORT || 3001}`,
          changeOrigin: true,
          ws: true, // Enable WebSocket proxy for /v1/pty
        },
      }
    : {};

// https://vite.dev/config/
export default defineConfig({
  plugins,
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },
  server: {
    host: "0.0.0.0", // Allow external connections
    port: parseInt(process.env.VITE_PORT || "5173"),
    strictPort: true, // Don't try other ports if configured port is busy
    proxy: proxyConfig,
    hmr: {
      // Configure HMR for container development
      host: "localhost",
      port: parseInt(process.env.VITE_PORT || "5173"),
      // path: process.env.CATNIP_DEV ? `/${process.env.VITE_PORT}` : undefined, // or whatever path your proxy uses for the socket
      // Use WebSocket for HMR in containers
      protocol: "ws",
    },
    watch: {
      // Ignore .pnpm-store to prevent ENOSPC errors
      ignored: ["**/node_modules/**", "**/.pnpm-store/**", "**/dist/**"],
    },
  },
  clearScreen: false,
  // Might need this for the proxy to work...
  // base: process.env.CATNIP_DEV ? `/${process.env.VITE_PORT}` : undefined, // or whatever path your proxy uses for the socket
});