Updates

2026-04-09 07:47:38 +01:00
parent ab6fc3be26
commit eb0721f94b
47 changed files with 826 additions and 136 deletions
@@ -3,17 +3,60 @@ import * as esbuild from "esbuild";
 import grabDirNames from "../../../utils/grab-dir-names";
 import path from "path";
 import tailwindEsbuildPlugin from "./tailwind-esbuild-plugin";
-export default async function grabTsxStringModule({ tsx, }) {
+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 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",
+    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",
@@ -29,10 +72,84 @@ export default async function grabTsxStringModule({ tsx, }) {
            "process.env.NODE_ENV": JSON.stringify(dev ? "development" : "production"),
        },
        jsx: "automatic",
-        outfile: target_cache_file_path,
-        plugins: [tailwindEsbuildPlugin],
+        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,
    });
-    Loader.registry.delete(target_cache_file_path);
-    const mod = await import(`${target_cache_file_path}?t=${now}`);
    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;
+// }