vite.config.js

// vite.config.js
import fs from "node:fs";
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import * as esbuild from "esbuild";
import path, { resolve } from "node:path";

const sourceJSPattern = /\/src\/.*\.js$/;
const rollupPlugin = matchers => ({
  name: "js-in-jsx",
  load(id) {
    if (matchers.some(matcher => matcher.test(id))) {
      const file = fs.readFileSync(id, { encoding: "utf-8" });
      return esbuild.transformSync(file, { loader: "jsx" });
    }
  }
});

export default defineConfig({
  plugins: [react()],
  define: {
    "process.platform": {},
  },
  build: {
    target: "es2015",
    lib: {
      // Could also be a dictionary or array of multiple entry points
      entry: resolve(__dirname, "src/index.js"),
      name: "openVectorEditor",
      // the proper extensions will be added
      fileName: "index",
      formats: ["es", "cjs", "umd"]
    },
    rollupOptions: {
      plugins: [rollupPlugin([sourceJSPattern])]
    },
    commonjsOptions: {
      transformMixedEsModules: true
    }
  },
  optimizeDeps: {
    esbuildOptions: {
      loader: {
        ".js": "jsx"
      }
    }
  },
  resolve: {
    alias: {
      // "teselagen-react-components": console.log(`comment me out!`) || path.resolve(__dirname, "../teselagen-react-components/src"),
      react: path.join(__dirname, "node_modules/react"),
      "@blueprintjs/core": path.join(
        __dirname,
        "node_modules/@blueprintjs/core"
      ),
      "@blueprintjs/datetime": path.join(
        __dirname,
        "node_modules/@blueprintjs/datetime"
      ),
      "react-dom": path.join(__dirname, "node_modules/react-dom"),
      "react-redux": path.join(__dirname, "node_modules/react-redux"),
      "redux-form": path.join(__dirname, "node_modules/redux-form"),
      redux: path.join(__dirname, "node_modules/redux")
      // "@teselagen/range-utils": path.resolve(__dirname, "../tg-oss/packages/range-utils/src"),
      // "@teselagen/sequence-utils": path.resolve(__dirname, "../tg-oss/packages/sequence-utils/src"),
      // "@teselagen/bio-parsers": path.resolve(__dirname, "../tg-oss/packages/bio-parsers/src"),
    }
  },
  esbuild: {
    loader: "jsx",
    include: [sourceJSPattern],
    exclude: []
  }
});