/**
 * Vite config for building the standalone web SPA.
 *
 * Mirrors vite.renderer.config.mts but outputs a regular web bundle
 * instead of an Electron renderer bundle.
 *
 * Usage:
 *   npx vite build --config vite.web.config.mts
 */
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import tailwindcss from '@tailwindcss/vite';
import { TanStackRouterVite } from '@tanstack/router-vite-plugin';
import path from 'path';

export default defineConfig({
  root: __dirname,
  publicDir: path.resolve(__dirname, 'assets'),
  plugins: [
    tailwindcss(),
    react(),
    TanStackRouterVite({
      routesDirectory: './src/renderer/routes',
      generatedRouteTree: './src/renderer/routeTree.gen.ts',
    }),
  ],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src/renderer'),
      '@shared': path.resolve(__dirname, './src/shared'),
    },
  },
  build: {
    outDir: path.resolve(__dirname, 'dist-web'),
    emptyOutDir: true,
    rollupOptions: {
      input: path.resolve(__dirname, 'web.html'),
    },
  },
  server: {
    port: 4173,
  },
});