vite.config.mjs

import { libInjectCss } from "vite-plugin-lib-inject-css";
import preact from "@preact/preset-vite";
import { resolve } from "path";
import { defineConfig } from "vite";
import dts from "vite-plugin-dts";

export default defineConfig({
  root: ".",
  resolve: {
    alias: {
      "@api": resolve(__dirname, "src/api/"),
      "@components": resolve(__dirname, "src/components/"),
      "@constants": resolve(__dirname, "src/constants"),
      "@context": resolve(__dirname, "src/context"),
      "@hooks": resolve(__dirname, "src/hooks/"),
      "@services": resolve(__dirname, "src/services/"),
      "@state": resolve(__dirname, "src/state"),
      "@types": resolve(__dirname, "src/types"),
      "@utils": resolve(__dirname, "src/utils/"),
    },
  },
  build: {
    emptyOutDir: true,
    lib: {
      entry: resolve(__dirname, "src/index.tsx"),
      name: "TopsortBlocks",
      fileName: (format) =>
        `index.${format === "es" ? "mjs" : format === "umd" ? "js" : "js"}`,
      formats: ["es", "umd"],
    },
    rollupOptions: {
      input: {
        main: "./index.html",
      },
    },
    // Relative to the root
    outDir: "dist",
  },
  plugins: [preact(), dts(), libInjectCss()],
});