Trilium/apps/client/vite.config.mts

/// <reference types="vitest" />
import prefresh from "@prefresh/vite";
import { join, resolve } from "path";
import webpackStatsPlugin from "rollup-plugin-webpack-stats";
import { defineConfig } from "vite";
import { viteStaticCopy } from "vite-plugin-static-copy"
import { writeFileSync, mkdirSync } from "fs";
import getContributors from "./src/services/contributors_list";

const assets = [ "assets", "stylesheets", "fonts", "translations" ];

const isDev = process.env.NODE_ENV === "development";

const buildContributorListPlugin = {
    name: "build-contributor-list-plugin",
    writeBundle: async () => {
        console.log("Retrieving the contributor list...");
    
        let jsonData: any = {};
        try {
            jsonData = await getContributors();
        } catch (ex) {
            console.error(ex);
        }

        const assetsDir = resolve(__dirname, "dist/assets");
        mkdirSync(assetsDir, {recursive: true});
        writeFileSync(resolve(assetsDir, "contributors.json"), JSON.stringify(jsonData, null, 2));
    }
};

let plugins: any = [];

if (isDev) {
    // Add Prefresh for Preact HMR in development
    plugins = [
        prefresh()
    ];
} else {
    plugins = [
        buildContributorListPlugin,
        viteStaticCopy({
            targets: assets.map((asset) => ({
                src: `src/${asset}/*`,
                dest: asset
            }))
        }),
        viteStaticCopy({
            structured: true,
            targets: [
                {
                    src: "../../node_modules/@excalidraw/excalidraw/dist/prod/fonts/*",
                    dest: "",
                }
            ]
        }),
        webpackStatsPlugin()
    ]
}

export default defineConfig(() => ({
    root: __dirname,
    cacheDir: "../../.cache/vite",
    base: "",
    plugins,
    // Use esbuild for JSX transformation (much faster than Babel)
    esbuild: {
        jsx: "automatic",
        jsxImportSource: "preact",
        jsxDev: isDev
    },
    css: {
        transformer: "lightningcss",
        devSourcemap: isDev
    },
    resolve: {
        alias: [
            {
                find: "react",
                replacement: "preact/compat"
            },
            {
                find: "react-dom",
                replacement: "preact/compat"
            }
        ],
        dedupe: [
            "react",
            "react-dom",
            "preact",
            "preact/compat",
            "preact/hooks"
        ]
    },
    optimizeDeps: {
        include: [
            "ckeditor5-premium-features",
            "ckeditor5",
            "mathlive"
        ]
    },
    build: {
        target: "esnext",
        outDir: "./dist",
        emptyOutDir: true,
        reportCompressedSize: true,
        sourcemap: false,
        rollupOptions: {
            input: {
                index: join(__dirname, "index.html"),
                login: join(__dirname, "src", "login.ts"),
                setup: join(__dirname, "src", "setup.ts"),
                set_password: join(__dirname, "src", "set_password.ts"),
                runtime: join(__dirname, "src", "runtime.ts"),
                print: join(__dirname, "src", "print.tsx")
            },
            output: {
                entryFileNames: (chunk) => {
                    // We enforce a hash in the main index file to avoid caching issues, this only works because we have the HTML entry point.
                    if (chunk.name === "index" || chunk.name === "print") {
                        return "src/[name]-[hash].js";
                    }

                    // For EJS-rendered pages (e.g. login) we need to have a stable name.
                    return "src/[name].js";
                },
                chunkFileNames: "src/[name]-[hash].js",
                assetFileNames: "src/[name]-[hash].[ext]"
            },
            onwarn(warning, rollupWarn) {
                if (warning.code === "MODULE_LEVEL_DIRECTIVE") {
                    return;
                }
                rollupWarn(warning);
            }
        }
    },
    test: {
        environment: "happy-dom",
        setupFiles: [
            "./src/test/setup.ts"
        ],
        reporters: [
            "verbose",
            ["html", { outputFile: "./test-output/vitest/html/index.html" }]
        ],
    },
    commonjsOptions: {
        transformMixedEsModules: true,
    },
    define: {
        "process.env.IS_PREACT": JSON.stringify("true"),
    }
}));