import tailwindcss from '@tailwindcss/vite';
import devtoolsJson from 'vite-plugin-devtools-json';

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
    modules: ['@nuxt/ui', '@nuxt/eslint'],
    components: {
        global: true,
        dirs: [
            {
                // TODO: can probably be removed after we migrate all components from Blazor by simply renaming the folder
                // to 'components' without the initial uppercase letter
                path: '~/components',
                pathPrefix: false,
            },
        ],
    },
    compatibilityDate: '2025-07-16',
    css: ['~/assets/css/main.css'],
    devServer: {
        port: 5175,
    },
    devtools: { enabled: true },
    icon: {
        mode: 'css',
        cssLayer: 'icon',
        serverBundle: 'local',
    },
    runtimeConfig: {
        public: {
            factsetApiVersion: 'v4',
        },
        serverApiBase: process.env.SERVER_API_BASE || 'http://localhost:54909', // where the server API is being hosted for SSR access, http://localhost is set in Dockerfile
        appVersion: '',
        serverId: '',
        seqUrl: process.env.SERILOG__WRITETO__0__ARGS__SERVERURL || 'http://localhost:30004',
        seqApiKey: '',
    },
    ui: {
        colorMode: false,
        theme: {
            colors: ['primary-dark', 'primary', 'tertiary', 'trend-positive', 'trend-negative', 'white'],
        },
    },
    vite: {
        plugins: [tailwindcss(), devtoolsJson()],
        server: {
            hmr: {
                timeout: 60000, // 60 seconds
            },
            watch: {
                awaitWriteFinish: {
                    stabilityThreshold: 2000, // 2 seconds
                },
            },
        },
    },
});