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"),
      // "teselagen-react-components": "@teselagen/ui",
      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-react-components": path.resolve(__dirname, "../tg-oss/packages/ui/src"),
      // "@teselagen/bounce-loader": path.resolve(__dirname, "../tg-oss/packages/bounce-loader/src"),
      // "@teselagen/file-utils": path.resolve(__dirname, "../tg-oss/packages/file-utils/src"),
      // "@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: [],
  },
});