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


export default defineConfig({
    plugins: [
        react(),
        tailwindcss(),

    ],

    resolve: {
        alias: {
            '@': path.resolve(__dirname, './src'),
        },
    },

    server: {
        // host: "0.0.0.0",
        // port: 8001,

        // This forwards requests to the FastAPI development server
        //  that must also be running
        proxy: {
            '^/(status|statuses|report|survey|1393610267ad483387705ac279302143)(/|$)': {
                target: 'http://localhost:8000',
                changeOrigin: true,
            }
        }
    },

    define: {
        'process.env.NODE_ENV': JSON.stringify('production')
    },

    build: {
        cssCodeSplit: false,
        lib: {
            name: "jb-ui",
            entry: 'src/main.tsx',
        },
        rollupOptions: {
            output: {
                entryFileNames: 'james-billings.js',
                assetFileNames: (assetInfo) => {

                    if (assetInfo.names[0].endsWith('.css')) {
                        return 'james-has-style.css';
                    }

                    return 'assets/[name].[hash][extname]';
                },
                globals: {
                    react: 'React',
                    'react-dom': 'ReactDOM'
                }
            }
        }
    }
})