import { resolve } from "node:path"
import ui from "@nuxt/ui/vite"
import vue from "@vitejs/plugin-vue"
import { defineConfig } from "vite"

const PKGS_EDITOR = "../../packages/editor"

export default defineConfig({
  plugins: [
    vue(),
    ui({
      scanPackages: ["@enesis/editor"],
    }),
  ],
  build: {
    sourcemap: false,
  },
  optimizeDeps: {
    include: [
      "prosemirror-state",
      "prosemirror-view",
      "prosemirror-model",
      "prosemirror-transform",
      "prosemirror-gapcursor",
      "prosemirror-keymap",
    ],
    exclude: ["node"],
  },
  resolve: {
    alias: {
      "@enesis/editor": resolve(__dirname, `${PKGS_EDITOR}/src/index.ts`),
      "prosemirror-state": resolve(
        __dirname,
        `${PKGS_EDITOR}/node_modules/prosemirror-state`,
      ),
      "prosemirror-view": resolve(
        __dirname,
        `${PKGS_EDITOR}/node_modules/prosemirror-view`,
      ),
      "prosemirror-model": resolve(
        __dirname,
        `${PKGS_EDITOR}/node_modules/prosemirror-model`,
      ),
      "prosemirror-transform": resolve(
        __dirname,
        `${PKGS_EDITOR}/node_modules/prosemirror-transform`,
      ),
      "prosemirror-gapcursor": resolve(
        __dirname,
        `${PKGS_EDITOR}/node_modules/prosemirror-gapcursor`,
      ),
      "prosemirror-keymap": resolve(
        __dirname,
        `${PKGS_EDITOR}/node_modules/prosemirror-keymap`,
      ),
      "~": resolve(__dirname, "src"),
    },
  },
  server: {
    sourcemapIgnoreList: (sourcePath) => sourcePath.includes("node_modules"),
  },
})