import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'

export default defineConfig({
  plugins: [vue()],
  base: '/detection/',
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src'),
      '@common': resolve(__dirname, '../common'),
      // soleprint-ui is symlinked (link:../framework). Vite follows the symlink
      // and resolves its bare imports from ui/framework/, where node_modules
      // doesn't exist. Pin the framework's runtime deps to this app's deps.
      '@vue-flow/core': resolve(__dirname, 'node_modules/@vue-flow/core'),
      'uplot': resolve(__dirname, 'node_modules/uplot'),
    },
  },
  server: {
    port: 5175,
    allowedHosts: ['mpr.local.ar', 'k8s.mpr.local.ar'],
    hmr: {
      // When behind a reverse proxy, connect WebSocket to the same host the page was loaded from
      clientPort: 80,
    },
    proxy: {
      '/api': {
        target: 'http://localhost:8702',
        changeOrigin: true,
      },
    },
  },
})