vite.config.ts

import { readdirSync } from "node:fs"
import { resolve as resolvePath } from "node:path"

import { getLastCommit } from "git-last-commit"
import { defineConfig } from "vite"
import { checker } from "vite-plugin-checker"
import handlebars from "vite-plugin-handlebars"
import { ViteMinifyPlugin } from "vite-plugin-minify"
import tsconfigPaths from "vite-tsconfig-paths"

import type { Commit } from "git-last-commit"
import type { Plugin as VitePlugin } from "vite"

/**
 * html内で{{hoge}}とか{{fuga}}とかをグローバルに参照するためのkv
 */
const context = {}

const readdirNested = (baseDir: string, dirName: string) =>
    readdirSync(resolvePath(baseDir, dirName)).map((file) => `${dirName}/${file}`)

const allFiles = [
    ...readdirSync(resolvePath(__dirname, "src/pages")),
    ...readdirNested("src/pages", "contents"),
    ...readdirNested("src/pages", "private"),
    ...readdirNested("src/pages", "sc-problems"),
]

const htmlFiles = allFiles.filter(
    // .htmうごかないかも
    (file) => file.endsWith(".html") || file.endsWith(".htm"),
)

const inputFiles: { [key: string]: string } = {}

for (const htmlFile of htmlFiles) {
    // 拡張子とってkvにするよ
    inputFiles[htmlFile.endsWith("l") ? htmlFile.slice(0, -5) : htmlFile.slice(0, -4)] = resolvePath(
        __dirname,
        `src/pages/${htmlFile}`,
    )
}

export default defineConfig(async ({ mode }) => {
    const lastCommit = await new Promise<Commit>((resolve, reject) => {
        getLastCommit((err: Error | undefined, commit) => {
            if (err) reject(err)
            else resolve(commit)
        })
    })

    const commitDate = new Date(+lastCommit.committedOn * 1000)

    const formatDateTime = (date: Date) => {
        const year = date.getFullYear()
        const month = date.getMonth() + 1
        const day = date.getDate()
        const hour = date.getHours()
        const minute = date.getMinutes()
        const second = date.getSeconds()

        return `${year}/${month}/${day} ${hour}:${minute}:${second}`
    }

    const commitContext = {
        commit_date: formatDateTime(commitDate),
        commit_message: lastCommit.subject,
    }

    return {
        root: "src/pages",
        base: "/",
        publicDir: resolvePath(__dirname, "src/public"),
        build: {
            emptyOutDir: true,
            outDir: "../../dist", // /dist
            rollupOptions: {
                input: inputFiles,
                output: {
                    chunkFileNames: "assets/[name].js",
                    entryFileNames: "assets/[name].js",
                    assetFileNames: "assets/[name].[ext]",
                },
            },
            sourcemap: mode === "development",
        },
        server: {
            watch: {
                // WSL2の場合はこれが必要
                usePolling: true,
            },
        },
        resolve: {
            alias: [{ find: "@", replacement: resolvePath(__dirname, "src") }],
        },
        plugins: [
            tsconfigPaths({
                root: resolvePath(__dirname, "src"),
            }),
            handlebars({
                partialDirectory: resolvePath(__dirname, "src/pages/components"),
                context: {
                    ...context,
                    ...commitContext,
                },
            }) as unknown as VitePlugin,
            checker({
                typescript: { root: resolvePath(__dirname, "src") },
                eslint: {
                    lintCommand: `eslint --cache-location=${resolvePath(
                        __dirname,
                        ".eslintcache",
                    )} --cache ${resolvePath(__dirname, "src")}/**/*.{js,ts}`,
                },
            }),
            ViteMinifyPlugin({}),
        ],
        esbuild: {
            target: "es2016",
        },
    }
})