vite.config.ts

import * as path from 'path';
import react from '@vitejs/plugin-react';
import { defineConfig } from 'vite';

declare const process: {
  readonly env: {
    [name: string]: string;
  };
};

const { PORT } = process.env;

// https://vitejs.dev/config/
export default ({ mode }) => {
  return defineConfig({
    plugins: [react()],
    server: {
      host: '127.0.0.1',
      port: (PORT && parseInt(PORT)) || 3000,
    },
    esbuild: {
      // Avoid conflicting with "import React"
      jsxFactory: '_implicit_React.createElement',
      jsxFragment: '_implicit_React.Fragment',
      jsxInject: 'import _implicit_React from "react"',
    },
    build: {
      target: 'esnext',
      outDir: '../cosmos-export',
      rollupOptions: {
        input: {
          renderer: path.resolve(__dirname, 'cosmos/renderer.html'), // for cosmos experimentalRendererUrl
        },
      },
    },
    base: '',
    root: './cosmos',
    optimizeDeps: {
      exclude: ['vis-timeline', 'vis-data'],
    },
    define: {
      __DEV__: mode === 'development',
    },
  });
};