import { reactRouter } from '@react-router/dev/vite';
import tailwindcss from '@tailwindcss/vite';
import { defineConfig } from 'vite';
import tsconfigPaths from 'vite-tsconfig-paths';
// @ts-expect-error vite-plugin-eslint has no types
import eslint from 'vite-plugin-eslint';

export default defineConfig(({ command }) => {
  const isBuild = command === 'build';

  return {
    plugins: [
      tailwindcss(),
      reactRouter(),
      tsconfigPaths(),
      eslint({
        failOnError: false,
      }),
    ],
    resolve: {
      alias: isBuild
        ? [
            {
              // replace unstyled import with styled for SPA build
              find: 'react-toastify/unstyled',
              replacement: 'react-toastify',
            },
            {
              // point to the empty CSS file to stub out the import during build, SPA build does not require extra CSS imports
              find: 'react-toastify/ReactToastify.css',
              replacement: '~/empty-toastify.css',
            },
          ]
        : [],
    },
    appType: 'spa',
  };
});