vite.config.ts

import tailwindcss from "@tailwindcss/vite";
import { tanstackRouter } from "@tanstack/router-plugin/vite";
import react from "@vitejs/plugin-react-swc";
import path from "node:path";
import { defineConfig } from "vite";
import tsconfigPaths from "vite-tsconfig-paths";

const dagreCjsPath = path.resolve(
  process.cwd(),
  "node_modules/@dagrejs/dagre/dist/dagre.cjs.js",
);

// https://vitejs.dev/config/
export default defineConfig({
  base: "",
  build: {
    manifest: true,
    rollupOptions: {
      input: "src/main.tsx",
      output: {
        manualChunks: {
          // use vite-bundle-visualizer to find good candidates for manual chunks:
          dagrejs: ["@dagrejs/dagre"],
          headlessui: ["@headlessui/react"],
          "react-dom": ["react-dom"],
          reactflow: ["@xyflow/react"],
        },
      },
    },
    sourcemap: true,
    target: "esnext",
  },
  plugins: [
    tailwindcss(),
    react(),
    tanstackRouter({
      routeFileIgnorePattern: ".(const|schema|test).(ts|tsx)",
    }),
    tsconfigPaths(),
  ],
  resolve: {
    alias: {
      "@dagrejs/dagre": dagreCjsPath,
    },
  },
});