vite.config.ts

import { defineConfig } from 'vite';
import type { UserConfig } from 'vite';
import path from 'node:path';

import react from '@vitejs/plugin-react-swc';
import { remarkCodeHike } from '@code-hike/mdx';
import { TanStackRouterVite } from '@tanstack/router-vite-plugin';

export default defineConfig(async () => {
  const mdx = await import('@mdx-js/rollup');
  return {
    optimizeDeps: {
      include: ['react/jsx-runtime'],
    },
    resolve: {
      alias: {
        '@': path.resolve(__dirname, 'src'),
      },
    },
    plugins: [
      {
        enforce: 'pre',
        ...mdx.default({
          remarkPlugins: [
            [
              remarkCodeHike,
              {
                lineNumbers: false,
                showCopyButton: true,
                theme: 'material-palenight',
              },
            ],
          ],
        }),
      },
      react(),
      TanStackRouterVite(),
    ],
    test: {
      globals: true,
      environment: 'jsdom',
      setupFiles: './tests/setup.js',
      coverage: {
        exclude: [
          '**/{*.d.ts,index.ts,*.gen.ts}',
          '**/.cache/**',
          '**/build/**',
          '**/dist/**',
          '**/node_modules/**',
          '**/*.config.js',
          '**/index.tsx',
          '**/src/routes/**',
        ],
      },
    },
  } satisfies UserConfig;
});