vite.config.ts

/// <reference types="vitest" />
/// <reference types="vite/client" />

import react from "@vitejs/plugin-react";
import { defineConfig } from "vite";
import dts from "vite-plugin-dts";

export default defineConfig(({ mode }) => {
	return {
		plugins: [
			react(),
			dts({
				insertTypesEntry: true,
			}),
		],
		resolve: {
			alias: {
				components: "/src/components",
				utils: "/src/utils",
			},
		},
		build: {
			sourcemap: mode === "dev",
			lib: {
				entry: "src/index.ts",
				name: "@avaya/neo-react",
				fileName: "avaya-neo-react",
			},
			// TODO: the css files doesn't seem to usable via the dp, need to figure out why

			// TODO: I'm (Joe) a big confused about how/why we need `rollupOptions`. Should probably do further research.
			// most likely has to do with "library-mode"
			// https://vitejs.dev/config/build-options.html#build-lib
			// https://vitejs.dev/guide/build.html#library-mode
			rollupOptions: {
				external: ["react", "react-dom"],
				output: {
					globals: {
						react: "react",
						"react-dom": "ReactDOM",

						// other "globals" from old lib:
						// "loglevel": "log",
					},
					assetFileNames: (assetInfo) => {
						if (assetInfo.name === "style.css") return "avaya-neo-react.css";
						return assetInfo.name;
					},
				},
			},
		},
		test: {
			globals: true,
			environment: "jsdom",
			setupFiles: "./src/test/setup.ts",
			coverage: {
				exclude: [
					"src/index.ts", // if we included this in the tests it causes a circular dependency
					"**/*.d.ts",
					"**/*.cy.*",
					"**/*.cypresstest.*",
					"**/*.test.*",
					"**/*.stories.*",
					"**/storybook-static/**",
					"**/standalone-stories/**",
					"**/.storybook/**",
				],
				reporter: ["text", "json", "json-summary", "html", "lcov"],
			},
		},
	};
});