import { defineConfig, loadEnv } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'
import path from 'path'

export default defineConfig(({ mode }) => {
    // Ścieżka do folderu nadrzędnego 
    const envDirectory = path.resolve(__dirname, '..');

    // Wczytujemy zmienne do użytku
    const env = loadEnv(mode, envDirectory, '');

    return {

        envDir: envDirectory,

        plugins: [
            react(),
            tailwindcss(),
        ],
        server: {
            port: 6568,
        },
        preview: {
            port: 6568,
            allowedHosts: [env.VITE_ALLOWED_HOST],
        },
    }
})