polen/src/api/vite/plugins/main.ts

A framework for delightful GraphQL developer portals

import type { Config } from '#api/config/index'
import type { Vite } from '#dep/vite/index'
import { vitePluginSsrCss } from '@hiogawa/vite-plugin-ssr-css'
import ViteReact from '@vitejs/plugin-react-oxc'
import { Arr, Path } from '@wollybeard/kit'
import Inspect from 'vite-plugin-inspect'
import Restart from 'vite-plugin-restart'
import { Branding } from './branding.js'
import { Build } from './build.js'
import { Core } from './core.js'
import { Serve } from './serve.js'

export const Main = (
  config: Config.Config,
): Vite.PluginOption => {
  const plugins: Vite.PluginOption = []

  // Optional Plugins based on config

  if (config.advanced.explorer) {
    const outputDir = Path.join(config.paths.project.rootDir, `.bundle-explorer`)
    const plugin = Inspect({
      build: true,
      outputDir,
    })
    plugins.push(plugin)
  }

  if (Arr.isntEmpty(config.watch.also)) {
    const plugin = Restart({
      restart: config.watch.also,
    })
    plugins.push(plugin)
  }

  plugins.push(
    ViteReact(),
    vitePluginSsrCss({
      entries: [`/${config.paths.framework.template.relative.client.entrypoint}`],
    }),
    Branding(config),
    Core(config),
    Serve(config),
    Build(config),
  )

  return plugins
}