import { fileURLToPath } from "node:url";

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import tailwindcss from "@tailwindcss/vite";
import { tanstackRouter } from "@tanstack/router-plugin/vite";
import executorVitePlugin from "@executor-js/vite-plugin";

import { routes } from "./tsr.routes";

// ---------------------------------------------------------------------------
// Cloudflare web SPA. The SAME shared @executor-js/react shell + pages as cloud
// and self-host; the TanStack router codegen points at THIS app's routes
// (web/routes) so we get the multiplayer shell with the Cloudflare-Access root
// (no in-app login). `vite build` emits a static bundle to ./dist, which
// wrangler serves via Workers Static Assets (see wrangler.jsonc `assets`).
// `executorVitePlugin` feeds plugin client bundles from executor.config.ts into
// `virtual:executor/plugins-client`.
//
// No dev /api middleware here (self-host forwards to an in-process Bun handler);
// on Cloudflare you run `wrangler dev`, which serves the built SPA + the Worker
// API together.
// ---------------------------------------------------------------------------

const APP_ROOT = fileURLToPath(new URL("../../packages/app/", import.meta.url));

export default defineConfig({
  root: fileURLToPath(new URL("./web/", import.meta.url)),
  publicDir: fileURLToPath(new URL("../../packages/app/public/", import.meta.url)),
  build: {
    outDir: fileURLToPath(new URL("./dist/", import.meta.url)),
    emptyOutDir: true,
  },
  resolve: {
    alias: { "@executor-app": APP_ROOT },
    dedupe: ["react", "react-dom"],
  },
  define: {
    "import.meta.env.VITE_APP_VERSION": JSON.stringify("0.0.0-cloudflare"),
    "import.meta.env.VITE_GITHUB_URL": JSON.stringify("https://github.com/RhysSullivan/executor"),
    "process.env.NODE_ENV": JSON.stringify(process.env.NODE_ENV ?? "production"),
  },
  server: {
    fs: { allow: [fileURLToPath(new URL("../../", import.meta.url))] },
  },
  plugins: [
    tailwindcss(),
    executorVitePlugin({
      configPath: fileURLToPath(new URL("./executor.config.ts", import.meta.url)),
    }),
    tanstackRouter({
      target: "react",
      autoCodeSplitting: true,
      routesDirectory: fileURLToPath(new URL("./web/routes", import.meta.url)),
      generatedRouteTree: fileURLToPath(new URL("./web/routeTree.gen.ts", import.meta.url)),
      // The route tree definition lives in tsr.routes.ts (shared with
      // packages/react's routes:gen so a CLI regen matches dev/build).
      virtualRouteConfig: routes,
    }),
    ...react(),
  ],
});