elizaos--eliza/packages/homepage/vite.config.ts

/**
 * Vite build configuration for the static homepage application.
 *
 * The aliases keep workspace UI imports pointed at source files so the homepage
 * bundle avoids unrelated package barrels.
 */
import fs from "node:fs";
import path from "node:path";
import tailwindcss from "@tailwindcss/vite";
import react from "@vitejs/plugin-react";
import { visualizer } from "rollup-plugin-visualizer";
import { defineConfig, type Plugin } from "vite";

/**
 * GitHub Pages serves a single static directory and does not understand
 * client-side routes. Copying index.html to 404.html means deep links such as
 * /leaderboard fall through to the SPA shell, which then renders the right
 * route via React Router.
 */
function gh404Fallback(): Plugin {
  return {
    name: "gh-pages-404-fallback",
    apply: "build",
    closeBundle() {
      if (process.env.CF_PAGES === "1") return;

      const outDir = path.resolve(__dirname, "dist");
      const indexHtml = path.join(outDir, "index.html");
      const notFoundHtml = path.join(outDir, "404.html");
      if (fs.existsSync(indexHtml)) {
        fs.copyFileSync(indexHtml, notFoundHtml);
      }
    },
  };
}

export default defineConfig({
  plugins: [
    react(),
    tailwindcss(),
    gh404Fallback(),
    visualizer({
      filename: "dist/stats.html",
      gzipSize: true,
      brotliSize: false,
      template: "treemap",
    }),
  ],
  resolve: {
    dedupe: [
      "react",
      "react-dom",
      "react-router",
      "react-router-dom",
      "@react-three/fiber",
      "three",
      "zod",
    ],
    alias: [
      { find: "@", replacement: path.resolve(__dirname, "./src") },
      {
        find: "@elizaos/shared/brand",
        replacement: path.resolve(__dirname, "../shared/src/brand/index.ts"),
      },
      // Keep this bare-package alias after the brand subpath: Vite string
      // aliases also match slash-prefixed subpaths. The source-aliased UI
      // region helper imports only these dependency-free language primitives,
      // so clean homepage builds neither require shared/dist nor bundle the
      // full shared (and transitively core) barrel.
      {
        find: "@elizaos/shared",
        replacement: path.resolve(__dirname, "../shared/src/i18n/language.ts"),
      },
      // Icon-only subpath MUST come before the cloud-ui barrel alias —
      // the homepage onboarding pages import only icons here to avoid
      // pulling the full barrel (which drags in hast + framer-motion).
      {
        find: "@elizaos/ui/cloud-ui/components/icons",
        replacement: path.resolve(
          __dirname,
          "../ui/src/cloud-ui/components/icons.tsx",
        ),
      },
      {
        find: "@elizaos/ui/cloud-ui",
        replacement: path.resolve(__dirname, "../ui/src/cloud-ui/index.ts"),
      },
      // Primitives were collapsed from cloud-ui/components shims into the
      // canonical components/ui layer (ui refactor "collapse cloud-ui primitive
      // re-export shims into canonical components/ui"); resolve to the new home.
      {
        find: "@elizaos/ui/button",
        replacement: path.resolve(
          __dirname,
          "../ui/src/components/ui/button.tsx",
        ),
      },
      {
        find: "@elizaos/ui/dropdown-menu",
        replacement: path.resolve(
          __dirname,
          "../ui/src/components/ui/dropdown-menu.tsx",
        ),
      },
      {
        find: "@elizaos/ui/input",
        replacement: path.resolve(
          __dirname,
          "../ui/src/components/ui/input.tsx",
        ),
      },
      {
        find: "@elizaos/ui/i18n/region",
        replacement: path.resolve(__dirname, "../ui/src/i18n/region.ts"),
      },
      {
        find: "@elizaos/ui/product-switcher",
        replacement: path.resolve(
          __dirname,
          "../ui/src/cloud-ui/components/product-switcher.tsx",
        ),
      },
    ],
  },
  server: {
    port: 4444,
  },
  preview: {
    port: 4444,
  },
  build: {
    chunkSizeWarningLimit: 1200,
  },
});