vite.config.ts

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
import tailwindcss from '@tailwindcss/vite'
import electron from 'vite-plugin-electron'
import electronRenderer from 'vite-plugin-electron-renderer'

export default defineConfig(({ command }) => {
  const isServe = command === 'serve'
  const isBuild = command === 'build'
  const isElectron = process.env.ELECTRON === 'true'

  return {
    server: {
      port: 3001,
    },
    plugins: [
      react(),
      tailwindcss(),
      // Only include Electron plugins when building for Electron
      ...(isElectron ? [
        electron([
          {
            // Main process entry point
            entry: 'electron/main.ts',
            onstart({ startup }) {
              if (isServe) {
                startup()
              }
            },
            vite: {
              build: {
                sourcemap: isServe,
                minify: isBuild,
                outDir: 'dist-electron',
                rollupOptions: {
                  // active-win is a native module that must not be bundled
                  external: ['electron', 'active-win'],
                },
              },
            },
          },
          {
            // Preload script entry point
            entry: 'electron/preload.ts',
            onstart({ reload }) {
              if (isServe) {
                reload()
              }
            },
            vite: {
              build: {
                sourcemap: isServe ? 'inline' : undefined,
                minify: isBuild,
                outDir: 'dist-electron',
                rollupOptions: {
                  external: ['electron'],
                  output: {
                    format: 'cjs',
                  },
                },
              },
            },
          },
        ]),
        electronRenderer(),
      ] : []),
    ],
    // Clear screen only in development
    clearScreen: false,
  }
})