import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import { createLaunchEditorMiddleware } from '@hyperse/inspector-middleware';

export default defineConfig(({ mode }) => {
  const isDev = mode === 'development';
  return {
    plugins: [
      react({
        babel: {
          plugins: [isDev && '@hyperse/inspector-babel-plugin'].filter(Boolean),
        },
      }),
      isDev && {
        name: 'hyperse-inspector',
        configureServer(server) {
          server.middlewares.use(createLaunchEditorMiddleware({}));
        },
      },
    ].filter(Boolean),
  };
});