vite.config.ts

import build from '@hono/vite-build/cloudflare-workers'
import devServer from '@hono/vite-dev-server'
import cloudflareAdapter from '@hono/vite-dev-server/cloudflare'
import { defineConfig } from 'vite'
import fs from 'fs'
import path from 'path'
import tailwindcss from '@tailwindcss/vite'

// Helper function to get page entries
function getPageEntries() {
    const pagesDir = './plugins/interface/pages'
    const entries: Record<string, string> = {}

    if (fs.existsSync(pagesDir)) {
        const folders = fs
            .readdirSync(pagesDir, { withFileTypes: true })
            .filter((dirent) => dirent.isDirectory())

        folders.forEach((folder) => {
            const indexPath = path.join(pagesDir, folder.name, 'index.tsx')
            if (fs.existsSync(indexPath)) {
                entries[folder.name] = indexPath
            }
        })
    }

    return entries
}

export default defineConfig(({ mode }) => {
    if (mode === 'client') {
        return {
            build: {
                rollupOptions: {
                    input: getPageEntries(),
                    output: {
                        entryFileNames: 'assets/[name].[hash].js',
                        chunkFileNames: 'assets/[name].[hash].js',
                        assetFileNames: 'assets/[name].[hash][extname]',
                        manualChunks: {
                            vendor: ['hono/jsx', 'hono/jsx/dom/client'],
                            components: [
                                './plugins/interface/components/button/Button',
                                './plugins/interface/components/input/Input',
                                './plugins/interface/components/card',
                                './plugins/interface/components/avatar',
                            ],
                        },
                    },
                },
                outDir: './public',
                copyPublicDir: true,
                emptyOutDir: false,
                manifest: true,
            },
            plugins: [tailwindcss()],
            publicDir: './plugins/interface/public',
            resolve: {
                alias: {
                    '@interface': path.resolve(
                        __dirname,
                        './plugins/interface'
                    ),
                },
            },
        }
    }

    const entry = './src/index.ts'
    return {
        assetsInclude: ['**/*.sql'],
        server: { port: 8787 },
        plugins: [
            devServer({ adapter: cloudflareAdapter, entry }),
            build({ entry }),
            tailwindcss(),
        ],
        build: {
            rollupOptions: {
                external: ['cloudflare:workers'],
            },
        },
    }
})