vite.config.ts

import minifyLiterals from "rollup-plugin-minify-html-literals-v3";
import { defineConfig } from "vite";
import dts from "vite-plugin-dts";
import postCSS from "@cds-design/vite-plugin-lit-postcss";
import typeModifier from "@cds-design/type-modifier";
import cem from "vite-plugin-cem";

export default defineConfig({
  resolve: {
    alias: [
      {
        find: "#globals.css?used",
        replacement: "./src/styles/globals.css.ts",
      },
    ],
  },
  build: {
    minify: "terser",
    lib: {
      entry: {
        continuum: "./src/index.ts",
        constants: "./src/constants.ts",
      },
      formats: ["es", "cjs"],
    },
    rollupOptions: {
      external: /^lit/,
    },
  },
  plugins: [
    postCSS(),
    minifyLiterals(),
    dts({
      staticImport: true,
      exclude: "src/**/*.css.ts",
      outDir: "types",
      afterBuild: typeModifier({
        componentsDir: "types/src/components",
        entry: "types/src/index.d.ts",
        tagNamePrefix: "cds",
      }),
    }),
    cem({
      files: ["src/components/*/index.ts"],
      output: "custom-elements.json",
      lit: true,
      plugins: [],
    }),
  ],
});