import { sentryVitePlugin } from '@sentry/vite-plugin';
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig(({ mode }) => ({
  base: '/app/',

  resolve: {
    alias: [
      { find: 'app', replacement: '/app' },
      { find: 'test', replacement: '/test' },
    ],
  },

  envPrefix: 'LACUNA_',

  plugins: [
    react({ jsxRuntime: 'classic' }),
    sentryVitePlugin({
      org: 'tle-community',
      project: 'app',
      disable: mode !== 'meanjin-one',
      telemetry: false,
    }),
  ],

  server: {
    port: 3000,
  },

  // TODO - consider bundle splitting
  build: {
    chunkSizeWarningLimit: 5000,
    sourcemap: true,
  },

  css: {
    preprocessorOptions: {
      scss: {
        quietDeps: true,
      },
    },
  },
}));