import { resolve } from "node:path";
import Icons from "unplugin-icons/vite";
import { defineConfig } from "vite";

export default defineConfig({
  css: {
    preprocessorOptions: {
      scss: {
        quietDeps: true
      },
    },
  },
  build: {
    lib: {
      entry: resolve(__dirname, "src/index.ts"),
      name: JSON.stringify(process.env.npm_package_name),
      fileName: () => "index.js",
      formats: ["es"],
    },
    target: "esnext",
  },
  plugins: [
    Icons({
      compiler: "web-components",
      webComponents: {
        autoDefine: true,
      },
      autoInstall: true,
      scale: 1,
    }),
  ],
  resolve: {
    alias: {
      "@components": resolve(__dirname, "./src/components"),
      "@cypress": resolve(__dirname, "./cypress"),
      "@helpers": resolve(__dirname, "./src/helpers"),
      "@mocks": resolve(__dirname, "./src/mocks"),
      "@stories": resolve(__dirname, "./stories"),
      "@styles": resolve(__dirname, "./src/styles"),
      "@src": resolve(__dirname, "./src"),
    },
  },
});