vite.config.ts

import path from 'path';
import { VitePluginRadar } from 'vite-plugin-radar'

import { defineConfig } from 'vite';
import svgr from "vite-plugin-svgr";
import react from '@vitejs/plugin-react';
import 'dotenv/config';

const metrica = ((id?: string) => {
  if (!id) {
    return;
  }
  return [
    {
      id,
      config: {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
      }
    }
  ]
})(process.env.APP_METRIKA_ID);

// https://vitejs.dev/config/
export default defineConfig({
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src')
    }
  },
  plugins: [
    svgr(), 
    react(),
    VitePluginRadar({
      enableDev: false,
      metrica
    })
  ],
  base: process.env.APP_BASE_PATH || '/ArkhamDivider/',
  build: {
    outDir: process.env.APP_BUILD_DIR || 'dist'
  },
  preview: {
    port: Number(process.env.APP_PREVIEW_PORT) || 8080
  },
  assetsInclude: [
    '**/*.ttf'
  ],
  optimizeDeps: {
    exclude: ["wasm-vips"],
  },
  server: {
    headers: {
      "Cross-Origin-Embedder-Policy": "require-corp",
      "Cross-Origin-Opener-Policy": "same-origin",
    },
  },
})