import { defineConfig } from 'vite';
import ViteReact from '@vitejs/plugin-react';
import ViteLegacy from '@vitejs/plugin-legacy';
import FullReload from 'vite-plugin-full-reload';
import RubyPlugin from 'vite-plugin-ruby';

const plugins = [
  RubyPlugin(),
  ViteReact({
    parserPlugins: ['classProperties', 'classPrivateProperties'],
    jsxRuntime: 'classic'
  }),
  FullReload(['config/routes.rb', 'app/views/**/*'], { delay: 200 })
];

if (shouldBuildLegacy()) {
  plugins.push(
    ViteLegacy({
      targets: [
        'defaults',
        'Chrome >= 50',
        'Edge >= 14',
        'Firefox >= 50',
        'Opera >= 40',
        'Safari >= 8',
        'iOS >= 8',
        'IE >= 11'
      ],
      additionalLegacyPolyfills: [
        'custom-event-polyfill',
        '@stimulus/polyfills',
        '@webcomponents/custom-elements',
        '@webcomponents/template',
        'event-target-polyfill',
        'formdata-polyfill',
        'intersection-observer',
        'regenerator-runtime/runtime',
        'whatwg-fetch',
        'yet-another-abortcontroller-polyfill'
      ]
    })
  );
}

export default defineConfig({
  resolve: { alias: { '@utils': '/shared/utils.ts' } },
  build: { sourcemap: true },
  plugins
});

function shouldBuildLegacy() {
  if (process.env.VITE_LEGACY == 'disabled') {
    return false;
  }
  return (
    process.env.RAILS_ENV == 'production' ||
    process.env.VITE_LEGACY == 'enabled'
  );
}