import { resolve } from "path"
import { defineConfig } from "vite"
import devtoolsJson from "vite-plugin-devtools-json"
import { libInjectCss } from "vite-plugin-lib-inject-css"
import tsconfigPaths from "vite-tsconfig-paths"

export default defineConfig({
  plugins: [tsconfigPaths(), libInjectCss(), devtoolsJson()],
  define: { IS_DEV: process.env.IS_DEV === "true" ? true : false },
  publicDir: false,
  build: {
    sourcemap: process.env.IS_DEV ? "inline" : "hidden",
    emptyOutDir: true,
    lib: {
      entry: resolve(__dirname, "main.tsx"),
      name: "csiv",
      fileName: () => "csiv.js",
      formats: ["system"],
    },
    rollupOptions: {
      external: ["react", "react-dom", "@contentstack/venus-components"],
      output: { dir: "../remix/public/build/rte" },
    },
  },
})