portal/app/vite.config.js

import { defineConfig, loadEnv } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';
import vuetify from 'vite-plugin-vuetify';
import { visualizer } from 'rollup-plugin-visualizer';
import { resolve } from 'node:path';
import { fileURLToPath } from 'node:url';
import { devIndicesPlugin } from './vite-plugins/dev-indices/index.ts';

const __dirname = fileURLToPath(new URL('.', import.meta.url));

// Vue 3 + Vuetify 3 (фаза 2 из CLAUDE.md §3.3).
// vite-plugin-vuetify авто-импортирует только используемые компоненты Vuetify
// (tree-shaking) — без ручных import'ов в каждом .vue.
export default defineConfig(({ command, mode }) => {
    const env = loadEnv(mode, __dirname, 'VITE_');
    // M-2: публичный site-key Yandex SmartCaptcha как дефолт ТОЛЬКО production-сборки
    // (`vite build`) — чтобы сборка была воспроизводима без gitignored .env. Значение
    // env/.env переопределяет; в dev/serve и Vitest остаётся пусто → виджет уходит в
    // stub-фоллбэк (существующие dev-сценарии/тесты не ломаются). Ключ публичный
    // (виден в HTML), хранить в коде безопасно. Серверный ключ — отдельно в .env.
    const smartcaptchaSitekey =
        env.VITE_YANDEX_SMARTCAPTCHA_SITEKEY ||
        (command === 'build' ? 'ysc1_XhLBNeNne0tDyOigedqRyjaTfhR3QWeJazAQx6av9feaba70' : '');
    return {
        define: {
            'import.meta.env.VITE_YANDEX_SMARTCAPTCHA_SITEKEY': JSON.stringify(smartcaptchaSitekey),
        },
        plugins: [
            devIndicesPlugin({
                manifestPath: resolve(__dirname, 'dev-indices.json'),
                appRoot: __dirname,
                // Гейт по command (надёжно): любой `vite build` отключает dev-индексы.
                // Раньше было process.env.NODE_ENV !== 'production' — переменная не
                // выставлена при `npm run build` → отладочные бейджи протекали в прод.
                enabled: command !== 'build' && process.env.VITE_DEV_INDICES !== '0' && !process.env.VITEST, // CRITICAL: don't run during Vitest — would inject data-dx into test snapshots/queries
            }),
            laravel({
                input: ['resources/css/app.css', 'resources/js/app.ts'],
                refresh: true,
            }),
            vue({
                template: {
                    transformAssetUrls: {
                        base: null,
                        includeAbsolute: false,
                    },
                },
            }),
            vuetify({ autoImport: true }),
            // Bundle analyzer (Sprint 4 Phase C / audit O-refactor-06):
            // активен только при BUILD_ANALYZE=1. Генерирует storage/bundle-analyze.html.
            process.env.BUILD_ANALYZE === '1' &&
                visualizer({
                    filename: 'storage/bundle-analyze.html',
                    open: false,
                    gzipSize: true,
                    brotliSize: true,
                }),
        ].filter(Boolean),
        server: {
            watch: {
                ignored: ['**/storage/framework/views/**'],
            },
        },
    };
});