import path from 'node:path';
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import tailwindcss from '@tailwindcss/vite';

// Chart Only consumer preview: Vanilla and React use the same public Core.
const root = path.resolve(import.meta.dirname);
export default defineConfig({
  root,
  base: './',
  publicDir: path.resolve(root, '../../public'),
  plugins: [react(), tailwindcss()],
  server: { host: '127.0.0.1', port: 6041 },
  build: {
    outDir: 'dist', emptyOutDir: true,
    rolldownOptions: { input: { vanilla: path.resolve(root, 'vanilla.html'), react: path.resolve(root, 'react.html'), 'react-hm-dialog': path.resolve(root, 'react-hm-dialog.html') } },
  },
});