import {defineConfig} from 'vite';
import {resolve} from 'path';
import react from '@vitejs/plugin-react';
import viteTsconfigPaths from 'vite-tsconfig-paths';

export default defineConfig({
  // depending on your application, base can also be "/"
  base: '',
  plugins: [
    react(),
    viteTsconfigPaths(),
    {
      name: 'transform-index-plugin',
      transformIndexHtml(html: string) {
        // Remove Google Analytics code if VITE_GOOGLE_ANALYTICS is set to 'false'
        if (process.env.VITE_GOOGLE_ANALYTICS?.trim() === 'false') {
          return html.replace(/<!-- GOOGLE_ANALYTICS_START -->[\s\S]*?<!-- GOOGLE_ANALYTICS_END -->/, '');
        }
      },
    },
  ],
  resolve: {
    alias: [
      {
        // Remove Google Analytics code if VITE_GOOGLE_ANALYTICS is set to 'false'
        // Handles both formats of import statements used in this project
        find: /\.?\.\/util\/analytics/, replacement: process.env.VITE_GOOGLE_ANALYTICS?.trim() === 'false'
          ? resolve(__dirname, 'src/util/analytics_noop.ts')
          : resolve(__dirname, 'src/util/analytics.ts')
      },
    ],
  },
  server: {
    // this ensures that the browser opens upon server start
    open: true,
    // this sets a default port to 3000
    port: 3000,
  },
});