import path from "node:path";
import tailwindcss from "@tailwindcss/vite";
import react from "@vitejs/plugin-react";
import { defineConfig } from "vite";

// During `vite dev` we proxy /api, /sites, and /shared to a locally-running
// Worker (`wrangler dev`). /sites and /shared serve signed static-site
// asset bundles (owner-minted and share-token-minted respectively); see
// worker/routes/render.ts. In production the Worker serves the built SPA
// directly via the [assets] binding.
export default defineConfig({
  plugins: [react(), tailwindcss()],
  resolve: {
    alias: {
      "@": path.resolve(import.meta.dirname, "./src"),
    },
  },
  server: {
    port: 3838,
    strictPort: true,
    proxy: {
      "/api": {
        target: "http://127.0.0.1:8888",
        changeOrigin: true,
      },
      "/sites": {
        target: "http://127.0.0.1:8888",
        changeOrigin: true,
      },
      "/shared": {
        target: "http://127.0.0.1:8888",
        changeOrigin: true,
      },
    },
  },
  define: {
    // Excalidraw expects this to be set; using "production" silences its dev warning
    // when running the prod build. In `vite dev` Vite will override it to "development".
    "process.env.IS_PREACT": JSON.stringify("false"),
  },
  build: {
    outDir: "dist",
    sourcemap: true,
    // Excalidraw is large; bumping the warning limit avoids noise.
    chunkSizeWarningLimit: 2000,
  },
});