bunext/dist/functions/server/web-pages/grab-tsx-string-module.js

import isDevelopment from "../../../utils/is-development";
import * as esbuild from "esbuild";
import grabDirNames from "../../../utils/grab-dir-names";
import path from "path";
import tailwindEsbuildPlugin from "./tailwind-esbuild-plugin";
import { existsSync, unlinkSync } from "fs";
import { log } from "../../../utils/log";
const { PAGES_DIR, BUNX_CWD_MODULE_CACHE_DIR } = grabDirNames();
function toModPath(page_file_path) {
    return path.join(BUNX_CWD_MODULE_CACHE_DIR, page_file_path.replace(PAGES_DIR, "").replace(/\.(t|j)sx?$/, ".js"));
}
function isBatch(params) {
    return "tsx_map" in params;
}
async function buildEntries({ entries, clean_cache }) {
    const dev = isDevelopment();
    const toBuild = [];
    for (const entry of entries) {
        const mod_file_path = toModPath(entry.page_file_path);
        if (!global.REACT_DOM_MODULE_CACHE.has(entry.page_file_path) &&
            !(await Bun.file(mod_file_path).exists())) {
            toBuild.push({
                tsx: entry.tsx,
                mod_file_path,
            });
        }
        else {
            try {
                if (clean_cache && existsSync(mod_file_path)) {
                    unlinkSync(mod_file_path);
                }
            }
            catch (error) { }
        }
    }
    if (toBuild.length === 0)
        return;
    const virtualEntries = {};
    for (const { tsx, mod_file_path } of toBuild) {
        virtualEntries[mod_file_path] = tsx;
    }
    const virtualPlugin = {
        name: "virtual-tsx-entries",
        setup(build) {
            const entryPaths = new Set(Object.keys(virtualEntries));
            build.onResolve({ filter: /.*/ }, (args) => {
                if (entryPaths.has(args.path)) {
                    return { path: args.path, namespace: "virtual" };
                }
            });
            build.onLoad({ filter: /.*/, namespace: "virtual" }, (args) => ({
                contents: virtualEntries[args.path],
                resolveDir: process.cwd(),
                loader: "tsx",
            }));
        },
    };
    await esbuild.build({
        entryPoints: Object.keys(virtualEntries),
        bundle: true,
        format: "esm",
        target: "es2020",
        platform: "node",
        external: [
            "react",
            "react-dom",
            "react/jsx-runtime",
            "react/jsx-dev-runtime",
        ],
        minify: !dev,
        define: {
            "process.env.NODE_ENV": JSON.stringify(dev ? "development" : "production"),
        },
        jsx: "automatic",
        outdir: BUNX_CWD_MODULE_CACHE_DIR,
        plugins: [virtualPlugin, tailwindEsbuildPlugin],
    });
}
async function loadEntry(page_file_path) {
    const now = Date.now();
    const mod_file_path = toModPath(page_file_path);
    const mod_css_path = mod_file_path.replace(/\.js$/, ".css");
    if (global.REACT_DOM_MODULE_CACHE.has(page_file_path)) {
        return global.REACT_DOM_MODULE_CACHE.get(page_file_path)?.main;
    }
    const mod = await import(`${mod_file_path}?t=${now}`);
    global.REACT_DOM_MODULE_CACHE.set(page_file_path, {
        main: mod,
        css: mod_css_path,
    });
    return mod;
}
export default async function grabTsxStringModule(params) {
    if (isBatch(params)) {
        await buildEntries({ entries: params.tsx_map });
        return Promise.all(params.tsx_map.map((entry) => loadEntry(entry.page_file_path)));
    }
    await buildEntries({ entries: [params], clean_cache: true });
    return loadEntry(params.page_file_path);
}
// export default async function grabTsxStringModule<T extends any = any>({
//     tsx,
// }: Params): Promise<T> {
//     const dev = isDevelopment();
//     const now = Date.now();
//     const { BUNX_CWD_MODULE_CACHE_DIR } = grabDirNames();
//     const target_cache_file_path = path.join(
//         BUNX_CWD_MODULE_CACHE_DIR,
//         `server-render-${now}.js`,
//     );
//     await esbuild.build({
//         stdin: {
//             contents: dev ? tsx + `\n// v_${now}` : tsx,
//             resolveDir: process.cwd(),
//             loader: "tsx",
//         },
//         bundle: true,
//         format: "esm",
//         target: "es2020",
//         platform: "node",
//         external: [
//             "react",
//             "react-dom",
//             "react/jsx-runtime",
//             "react/jsx-dev-runtime",
//         ],
//         minify: !dev,
//         define: {
//             "process.env.NODE_ENV": JSON.stringify(
//                 dev ? "development" : "production",
//             ),
//         },
//         jsx: "automatic",
//         outfile: target_cache_file_path,
//         plugins: [tailwindEsbuildPlugin],
//     });
//     Loader.registry.delete(target_cache_file_path);
//     const mod = await import(`${target_cache_file_path}?t=${now}`);
//     return mod as T;
// }
// if (!dev) {
//     const now = Date.now();
//     const final_tsx = dev ? tsx + `\n// v_${now}` : tsx;
//     const result = await esbuild.transform(final_tsx, {
//         loader: "tsx",
//         format: "esm",
//         jsx: "automatic",
//         minify: !dev,
//     });
//     const blob = new Blob([result.code], { type: "text/javascript" });
//     const url = URL.createObjectURL(blob);
//     const mod = await import(url);
//     URL.revokeObjectURL(url);
//     return mod as T;
// }