vite.config.dev.js

import { defineConfig } from 'vite'
import path from 'path'
import basicSsl from '@vitejs/plugin-basic-ssl'

/**
 * Конфигурация для разработки и сборки проекта.
 * Если это dev-сервер, то используется src/demo как корень.
 * Если это сборка, то собирается только библиотека в dev-build.
 */
export default defineConfig(({ command }) => {
  // Базовая конфигурация
  const baseConfig = {
    base: './',
    mode: 'development',
    root: 'src/demo',

    plugins: [
      basicSsl({
        name: 'fabric-image-editor',
        certDir: 'certs',
      }),
    ]
  }

  // Если это dev-сервер (npm run dev)
  if (command === 'serve') {
    return {
      ...baseConfig,
      server: {
        host: '0.0.0.0', // Разрешаем подключения с любых IP
        port: 5173,
        strictPort: true,
        allowedHosts: [
          'localhost',
          '127.0.0.1',
          '0.0.0.0',
          'www.localhost.com', // Для BrowserStack
          '.browserstack.com', // Все поддомены BrowserStack
          '.bs-local.com' // BrowserStack Local
        ]
      }
    }
  }

  // Если это сборка (npm run dev:build)
  return {
    ...baseConfig,
    build: {
      target: 'es2022',
      sourcemap: true,
      minify: false,
      watch: {},

      lib: {
        entry: {
          main: path.resolve(__dirname, 'src/main.ts')
        },
        name: 'ImageEditor',
        formats: ['es'],
        fileName: (format, entryName) => `${entryName}.js`
      },

      rollupOptions: {
        external: ['fabric', 'jspdf', 'jsondiffpatch', 'jsondiffpatch/with-text-diffs']
      },

      outDir: path.resolve(__dirname, 'dev-build'),

      emptyOutDir: true
    }
  }
})