import { resolve } from 'node:path'; import type { Plugin, UserConfig } from 'vite'; import monacoEditor from 'vite-plugin-monaco-editor'; import tsconfigPaths from 'vite-tsconfig-paths'; import react from '@vitejs/plugin-react'; const __dirname = new URL('.', import.meta.url).pathname; // Add react-scan in local development mode const reactScanPlugin: Plugin = { name: 'react-scan', transformIndexHtml(html, ctx) { if (ctx.server?.config.command === 'serve') { return html.replace( '', '', ); } return html; }, }; export default { root: __dirname, plugins: [ tsconfigPaths(), react(), reactScanPlugin, // @ts-expect-error temp monacoEditor.default({ languageWorkers: ['json', 'typescript', 'editorWorkerService'], customWorkers: [ { label: 'graphql', entry: 'monaco-graphql/dist/graphql.worker', }, ], }), ], build: { rollupOptions: { input: { index: resolve(__dirname, 'index.html'), ['preflight-worker-embed']: resolve(__dirname, 'preflight-worker-embed.html'), }, output: { entryFileNames: '[name].js', }, }, }, optimizeDeps: { include: [ 'monaco-editor/esm/vs/editor/editor.api', 'monaco-editor/esm/vs/language/json/monaco.contribution', 'monaco-graphql/esm/monaco.contribution', ], }, } satisfies UserConfig;