arcadia-admin/vite.config.ts

import { resolve as resolvePath } from "node:path"
import { fileURLToPath } from "node:url"
import { reactRouter } from "@react-router/dev/vite"
import tailwindcss from "@tailwindcss/vite"
import { defineConfig } from "vite"
import tsconfigPaths from "vite-tsconfig-paths"

const contentUiSrc = fileURLToPath(
  new URL("../lib-content-ui/src", import.meta.url),
)
const contentEditorUiSrc = fileURLToPath(
  new URL("../lib-content-editor-ui/src", import.meta.url),
)
const contentMediaUiSrc = fileURLToPath(
  new URL("../lib-content-media-ui/src", import.meta.url),
)
const colorUiSrc = fileURLToPath(
  new URL("../lib-color-ui/src", import.meta.url),
)
const typographyUiSrc = fileURLToPath(
  new URL("../lib-typography-ui/src", import.meta.url),
)
const dataUiSrc = fileURLToPath(
  new URL("../lib-data-ui/src", import.meta.url),
)
const layoutUiSrc = fileURLToPath(
  new URL("../lib-layout-ui/src", import.meta.url),
)
const mapUiSrc = fileURLToPath(
  new URL("../lib-map-ui/src", import.meta.url),
)
const formUiSrc = fileURLToPath(
  new URL("../lib-form-ui/src", import.meta.url),
)
const feedbackUiSrc = fileURLToPath(
  new URL("../lib-feedback-ui/src", import.meta.url),
)
const diagramUiSrc = fileURLToPath(
  new URL("../lib-diagram-ui/src", import.meta.url),
)
const chatUiSrc = fileURLToPath(
  new URL("../lib-chat-ui/src", import.meta.url),
)
const calendarUiSrc = fileURLToPath(
  new URL("../lib-calendar-ui/src", import.meta.url),
)
const codeUiSrc = fileURLToPath(
  new URL("../lib-code-ui/src", import.meta.url),
)
const aiUiSrc = fileURLToPath(
  new URL("../lib-ai-ui/src", import.meta.url),
)
const authUiSrc = fileURLToPath(
  new URL("../lib-auth-ui/src", import.meta.url),
)
const tableUiSrc = fileURLToPath(
  new URL("../lib-table-ui/src", import.meta.url),
)
const searchUiSrc = fileURLToPath(
  new URL("../lib-search-ui/src", import.meta.url),
)
const arcadiaClientSrc = fileURLToPath(
  new URL("../lib-arcadia-client/src", import.meta.url),
)
const arcadiaAuthUiSrc = fileURLToPath(
  new URL("../lib-arcadia-auth-ui/src", import.meta.url),
)
const llmUiSrc = fileURLToPath(
  new URL("../lib-llm-ui/src", import.meta.url),
)
const llmProvidersUiSrc = fileURLToPath(
  new URL("../lib-llm-providers-ui/src", import.meta.url),
)
const fileUiSrc = fileURLToPath(
  new URL("../lib-file-ui/src", import.meta.url),
)
const cardUiSrc = fileURLToPath(
  new URL("../lib-card-ui/src", import.meta.url),
)
const dashboardUiSrc = fileURLToPath(
  new URL("../lib-dashboard-ui/src", import.meta.url),
)
const chartUiSrc = fileURLToPath(
  new URL("../lib-chart-ui/src", import.meta.url),
)
const statusUiSrc = fileURLToPath(
  new URL("../lib-status-ui/src", import.meta.url),
)

// Sibling lib packages (lib-content-ui, lib-content-editor-ui) import bare
// deps like clsx and @tiptap/* but have no node_modules of their own. Pin
// each shared dep to pristine-ui's installed copy so Vite can resolve them
// regardless of the importer's location.
const nodeModules = fileURLToPath(new URL("./node_modules/", import.meta.url))
const aliasedDeps = [
  "clsx",
  "tailwind-merge",
  "lucide-react",
  "openapi-fetch",
  "phoenix",
  "@tiptap/core",
  "@tiptap/react",
  "@tiptap/starter-kit",
  "@tiptap/extension-link",
  "@tiptap/extension-placeholder",
  "@tiptap/extension-image",
  "minisearch",
]
const sharedDepAliases = Object.fromEntries(
  aliasedDeps.map((name) => [name, resolvePath(nodeModules, name)]),
)
const dedupeDeps = [
  "react",
  "react-dom",
  "react-router",
  ...aliasedDeps,
]

export default defineConfig({
  plugins: [tailwindcss(), reactRouter(), tsconfigPaths()],
  resolve: {
    alias: {
      "@crema/content-ui": `${contentUiSrc}/index.ts`,
      "@crema/content-editor-ui": `${contentEditorUiSrc}/index.ts`,
      "@crema/content-media-ui": `${contentMediaUiSrc}/index.tsx`,
      "@crema/color-ui": `${colorUiSrc}/index.tsx`,
      "@crema/typography-ui": `${typographyUiSrc}/index.tsx`,
      "@crema/data-ui": `${dataUiSrc}/index.tsx`,
      "@crema/layout-ui": `${layoutUiSrc}/index.tsx`,
      "@crema/map-ui": `${mapUiSrc}/index.tsx`,
      "@crema/form-ui": `${formUiSrc}/index.tsx`,
      "@crema/feedback-ui": `${feedbackUiSrc}/index.tsx`,
      "@crema/diagram-ui": `${diagramUiSrc}/index.tsx`,
      "@crema/chat-ui": `${chatUiSrc}/index.tsx`,
      "@crema/calendar-ui": `${calendarUiSrc}/index.tsx`,
      "@crema/code-ui": `${codeUiSrc}/index.tsx`,
      "@crema/ai-ui": `${aiUiSrc}/index.tsx`,
      "@crema/auth-ui": `${authUiSrc}/index.tsx`,
      "@crema/table-ui": `${tableUiSrc}/index.tsx`,
      "@crema/search-ui": `${searchUiSrc}/index.tsx`,
      "@crema/arcadia-client": `${arcadiaClientSrc}/index.tsx`,
      "@crema/arcadia-auth-ui": `${arcadiaAuthUiSrc}/index.tsx`,
      "@crema/llm-ui": `${llmUiSrc}/index.tsx`,
      "@crema/llm-providers-ui": `${llmProvidersUiSrc}/index.tsx`,
      "@crema/file-ui": `${fileUiSrc}/index.tsx`,
      "@crema/card-ui": `${cardUiSrc}/index.tsx`,
      "@crema/dashboard-ui": `${dashboardUiSrc}/index.tsx`,
      "@crema/chart-ui": `${chartUiSrc}/index.tsx`,
      "@crema/status-ui": `${statusUiSrc}/index.tsx`,
      ...sharedDepAliases,
    },
    dedupe: dedupeDeps,
  },
  // Pre-bundle deps that sibling libs reach for. Without this, Vite
  // discovers them lazily as routes are hit and re-runs the optimizer,
  // invalidating already-served module URLs (browser sees 504 "Outdated
  // Optimize Dep"). Listing them here forces one optimizer pass on
  // startup so the cache is stable before the browser connects.
  optimizeDeps: {
    include: [
      "openapi-fetch",
      "phoenix",
      "lucide-react",
      "clsx",
      "tailwind-merge",
      "class-variance-authority",
    ],
  },
  server: {
    fs: {
      allow: [fileURLToPath(new URL("..", import.meta.url))],
    },
  },
})