vite.config.ts

import { defineConfig, loadEnv, createLogger } from "vite";
import { gsx, devFallback } from "@gsxhq/vite-plugin-gsx";
import tailwindcss from "@tailwindcss/vite";

export default defineConfig(({ command, mode }) => {
  const env = loadEnv(mode, process.cwd(), "");
  const goPort = env.GO_PORT || "7777";
  const vitePort = parseInt(env.VITE_PORT || "5173", 10);
  // Serve a self-recovering interstitial while the Go server is down/restarting
  // (instead of a raw proxy error).
  const fallback = devFallback({ target: `http://localhost:${goPort}` });

  // While the Go server is down/restarting, the dev-fallback interstitial already
  // shows it — so drop Vite's redundant "http proxy error … ECONNREFUSED" spam.
  const logger = createLogger();
  const baseError = logger.error;
  logger.error = (msg, opts) => {
    if (typeof msg === "string" && msg.includes("http proxy error")) return;
    baseError(msg, opts);
  };

  return {
    clearScreen: false,
    // Dev serves all Vite assets under /__vite/ (matches gsxhq/vite DevBase);
    // prod must use /static/ (matches gsxhq/vite StaticURL) so URLs baked into
    // the bundles themselves — e.g. @fontsource url() references in CSS — point
    // where the assets are actually served. The manifest-driven <script>/<link>
    // tags are unaffected: manifest paths are base-independent and prefixed
    // Go-side.
    base: command === "serve" ? "/__vite/" : "/static/",
    publicDir: false,
    customLogger: logger,
    plugins: [
      gsx(),
      tailwindcss(),
      fallback.plugin,
      {
        // Log the app front door ("/"); Vite's own line shows the empty /__vite/ base.
        name: "gsx-dev-url",
        configureServer(server) {
          server.printUrls = () => {
            server.config.logger.info(
              `\n  \x1b[32m➜\x1b[0m  Open \x1b[36mhttp://localhost:${vitePort}/\x1b[0m to view your app\n`,
            );
          };
        },
      },
    ],
    server: {
      port: vitePort,
      // `gsx dev` chooses an available VITE_PORT and matching VITE_DEV_URL before
      // starting Vite. Keep Vite strict so proxy, overlay, and printed URL agree.
      strictPort: true,
      proxy: {
        // Everything except /__vite/ (Vite's own dev-asset namespace) and
        // /__dev/ (fallback plugin status) goes to the Go server.
        // Single exclusion — no source-dir denylist, no app-route collisions.
        // No `ws: true` — the Go server has no WebSocket; proxying ws would
        // capture Vite's HMR socket.
        "^(?!/__vite/|/__dev).*": {
          target: `http://localhost:${goPort}`,
          changeOrigin: true,
          configure: fallback.configureProxy,
        },
      },
    },
    build: {
      manifest: true,
      // site/main.go embeds this directory (//go:embed all:dist, relative to
      // site/) — keep outDir under site/ so the prod binary can embed its own
      // built assets without reaching outside its package tree.
      outDir: "site/dist",
      rollupOptions: { input: ["web/main.js", "web/preview.js"] },
    },
  };
});