vite.config.ts

import { resolve, dirname } from 'node:path'
import { fileURLToPath } from 'url'
import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'
import inject from '@rollup/plugin-inject'
import vue from '@vitejs/plugin-vue'
import { defineConfig, loadEnv } from 'vite'
import vitePluginRequire from 'vite-plugin-require'
import topLevelAwait from 'vite-plugin-top-level-await'
import wasm from 'vite-plugin-wasm'
import { configDefaults } from 'vitest/config'

export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd(), '')

  const envVariables = {
    VITE_HOLOPORT_URL: env.VITE_HOLOPORT_URL,
    VITE_HPOS_PORT: env.VITE_HPOS_PORT,
    VITE_UI_VERSION: env.VITE_UI_VERSION
  }

  if (env.NODE_ENV === 'development') {
    console.log(envVariables)
  }

  return {
    resolve: {
      alias: {
        '@': resolve(dirname(fileURLToPath(import.meta.url)), './src'),
        '@uicommon': resolve(dirname(fileURLToPath(import.meta.url)), './ui-common-library/src')
      },
      extensions: ['.js', '.ts', '.vue', '.json']
    },
    plugins: [
      wasm(),
      topLevelAwait(),
      vue(),
      VueI18nPlugin({
        include: resolve(dirname(fileURLToPath(import.meta.url)), './src/locales/**'),
        runtimeOnly: false,
        bridge: true
      }),
      vitePluginRequire(),
      inject({
        Buffer: ['buffer', 'Buffer']
      })
    ],
    server:
      env.NODE_ENV === 'production' || env.NODE_ENV === 'test'
        ? {}
        : env.VITE_HOLOPORT_URL && {
          port: 8080,
          proxy: {
            '^/api/*': {
              target: env.VITE_HOLOPORT_URL,
              changeOrigin: true
              }
          }
        },
    test: {
      environment: 'happy-dom',
      globals: true,
      exclude: [...configDefaults.exclude, '**/ui-common-library/**']
    }
  }
})