vite.config.ts

/* eslint-disable import/no-extraneous-dependencies */

/// <reference types="@emotion/react/types/css-prop" />

import react from "@vitejs/plugin-react";
import path from "path";
import copy from "rollup-plugin-copy";
import dts from "vite-plugin-dts";
import { watchAndRun } from "vite-plugin-watch-and-run";
import { defineConfig } from "vite";

// https://vitejs.dev/config/
export default defineConfig({
  server: {
    port: 3003,
  },
  assetsInclude: [path.resolve(__dirname, "src/assets/fonts")],
  build: {
    minify: false,
    lib: {
      entry: path.resolve(__dirname, "src/export.ts"),
      name: "@telicent-oss/ds",
      fileName: "ds",
    },
    rollupOptions: {
      external: ["react", "react-dom", "@telicent-oss/ontology-icon-lib"],
      output: {
        globals: {
          react: "React",
          "react-dom": "ReactDOM",
        },
      },
      plugins: [
        copy({
          targets: [
            {
              src: "src/assets/fonts",
              dest: "dist/assets",
            },
            { src: "src/fontawesome.css", dest: "dist" },
          ],
          hook: "writeBundle",
          copyOnce: true,
        }),
      ],
    },
  },
  plugins: [
    dts({ insertTypesEntry: true }),
    react({
      jsxImportSource: "@emotion/react",
      babel: {
        plugins: ["@emotion/babel-plugin"],
      },
    }),

    //   watchAndRun([
    //     {
    //       name: 'rebuild',
    //       watchKind: ['add', 'change', 'unlink'],
    //       watch: path.resolve('src/**/*.(ts|tsx)'),
    //       run: 'npm run build',
    //       delay: 100,
    //     }
    //   ])
  ],
});