create-electron-foundation/cli/template/configs/vite/vite.config.withReactRouter.withTailwind.withDrizzle.ts

An interactive CLI to bootstrap a modern, type-safe, and scalable Electron application.

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import electron from 'vite-plugin-electron'
import fs from 'node:fs'
import path from 'node:path'
import pkg from './package.json'

// https://vite.dev/config/
export default defineConfig(async ({ command }) => {
  const tailwindcss = (await import('@tailwindcss/vite')).default
  if (fs.existsSync('dist-electron')) {
    fs.rmSync('dist-electron', { recursive: true, force: true })
  }

  const isServe = command === 'serve'
  const isBuild = command === 'build'
  const sourcemap = isServe || !!process.env.VSCODE_DEBUG

  return {
    base: process.env.NODE_ENV === 'production' ? './' : '/',
    build: {
      outDir: 'dist',
      assetsDir: 'assets',
      emptyOutDir: true,
      sourcemap: true, // Enable sourcemaps for debugging
      rollupOptions: {
        output: {
          manualChunks: {
            'react-vendor': ['react', 'react-dom'],
            'react-router': ['react-router'],
          },
        },
      },
    },
    server: {
      port: 5173,
      strictPort: true,
    },
    resolve: {
      alias: {
        '@': path.resolve(__dirname, './src'),
      },
    },
    plugins: [
      tailwindcss(),
      react(),
      electron([
        {
          // Main process entry point
          entry: 'electron/main/index.ts',
          onstart(args) {
            if (process.env.RENDERER_ONLY_MODE === 'true') {
              console.log(
                '[startup] RENDERER_ONLY_MODE: Main process startup skipped.'
              )
            } else if (process.env.VSCODE_DEBUG) {
              console.log('[startup] Electron App')
            } else {
              args.startup()
            }
          },
          vite: {
            build: {
              sourcemap,
              minify: isBuild,
              outDir: 'dist-electron/main',
              rollupOptions: {
                external: Object.keys(pkg.dependencies || {}),
              },
            },
          },
        },
        {
          entry: 'electron/preload/index.ts',
          onstart(args) {
            // Notify the Renderer process to reload the page when the Preload scripts build is complete,
            // instead of restarting the entire Electron App.
            args.reload()
          },
          vite: {
            build: {
              sourcemap: sourcemap ? 'inline' : undefined,
              minify: isBuild,
              outDir: 'dist-electron/preload',
              rollupOptions: {
                external: Object.keys(pkg.dependencies || {}),
              },
            },
          },
        },
      ]),
      copyMigrationsPlugin(),
    ],
    clearScreen: false,
  }
})

// Plugin to copy migrations folder to dist
function copyMigrationsPlugin() {
  return {
    name: 'copy-migrations',
    writeBundle() {
      const migrationsSource = path.resolve(
        __dirname,
        'electron/main/db/migrations'
      )
      const migrationsTarget = path.resolve(
        __dirname,
        'dist-electron/main/db/migrations'
      )

      if (fs.existsSync(migrationsSource)) {
        // Ensure the db directory exists
        const dbDir = path.dirname(migrationsTarget)
        if (!fs.existsSync(dbDir)) {
          fs.mkdirSync(dbDir, { recursive: true })
        }

        if (fs.existsSync(migrationsTarget)) {
          fs.rmSync(migrationsTarget, { recursive: true, force: true })
        }
        fs.cpSync(migrationsSource, migrationsTarget, { recursive: true })
        console.log('✅ Migrations copied to dist/db directory')
      }
    },
  }
}