mono-jsx-dom 0.1.5 → 0.1.6

package/bin/build.mjs

@@ -56,13 +56,6 @@ async function ensureDir(path) {
 }
 
 // bin/build.ts
-async function run() {
-  const flags = parseFlags();
-  const start = performance.now();
-  const runtime = flags.node ?? "fetch-server";
-  await build({ serverType: runtime });
-  console.log("\x1B[32m\u2728 Build completed.\x1B[0m", "\x1B[90m(%d ms)\x1B[0m", performance.now() - start);
-}
 async function build(options) {
   const workDir = join(cwd(), options?.appName ?? ".");
   const outdir = join(workDir, options?.outdir ?? "dist");
@@ -178,6 +171,13 @@ async function build(options) {
   await buildServerJS(workDir, outdir, options?.serverType, extraJS);
   await dispose();
 }
+async function run() {
+  const flags = parseFlags();
+  const start = performance.now();
+  const serverType = flags.node ? "node" : "fetch-server";
+  await build({ serverType });
+  console.log("\x1B[32m\u2728 Build completed.\x1B[0m", "\x1B[90m(" + Math.ceil(performance.now() - start) + " ms)\x1B[0m");
+}
 async function buildServerJS(workDir, outdir, serverType = "fetch-server", extraJS, watch) {
   const stdin2 = {
     sourcefile: join(workDir, "server.js"),
@@ -191,7 +191,7 @@ async function buildServerJS(workDir, outdir, serverType = "fetch-server", extra
         stdin2.sourcefile = join(workDir, "server-node.mjs");
         stdin2.resolveDir = workDir;
         stdin2.contents = [
-          'import { serve$ } from "mono-jsx-dom/server/node-fetch-server";',
+          'import { serve as serve$ } from "mono-jsx-dom/node-fetch-server";',
           'import server$ from "./server.' + loader + '";',
           "serve$(server$);"
         ].join("\n");
@@ -215,7 +215,7 @@ async function buildServerJS(workDir, outdir, serverType = "fetch-server", extra
     platform: "node",
     format: "esm",
     target: "es2024",
-    external: ["mono-jsx-dom/server", "mono-jsx-dom/server/node-fetch-server"]
+    external: ["mono-jsx-dom/server", "mono-jsx-dom/node-fetch-server"]
   };
   if (extraJS) {
     esbOptions.banner = { js: extraJS };
@@ -335,6 +335,5 @@ function isUrl(url) {
 }
 export {
   build,
-  buildServerJS,
   run
 };

package/bin/dev.mjs

@@ -167,6 +167,7 @@ async function dev(options) {
     const serverScript = await resolveModule(join(workDir, "server"), [".ts", ".mjs", ".js"]) ?? join(workDir, "node_modules/mono-jsx-dom/server/index.mjs");
     const args = ["--watch", serverScript];
     if (runtime === "node") {
+      args.unshift("--import", "mono-jsx-dom/node-server-hooks");
       args.push("--port", port.toString());
     } else {
       args.unshift("--port", port.toString());

package/bin/init.mjs

@@ -166,6 +166,7 @@ var template = {
       name: "mono-app",
       version: "0.0.0",
       private: true,
+      type: "module",
       scripts: {
         dev: (bun ? "bun --bun " : "") + "mono-jsx-dom dev",
         build: (bun ? "bun --bun " : "") + "mono-jsx-dom build",
@@ -246,12 +247,12 @@ async function run() {
   console.log("You can now start or build the app with the following commands:");
   console.log("");
   console.log(`cd ${appName}`);
-  console.log(`${npmCmd} dev${bun ? "    " : ""}    \x1B[90m# start the app in development mode.\x1B[0m`);
+  console.log(`${npmCmd} run dev    \x1B[90m# start the app in development mode.\x1B[0m`);
   if (wrangler) {
-    console.log(`${npmCmd}${bun ? " run" : ""} deploy \x1B[90m# deploy the app to Cloudflare Workers.\x1B[0m`);
+    console.log(`${npmCmd} run deploy \x1B[90m# deploy the app to Cloudflare Workers.\x1B[0m`);
   } else {
-    console.log(`${npmCmd}${bun ? " run" : ""} build  \x1B[90m# build the app for production.\x1B[0m`);
-    console.log(`${npmCmd} start${bun ? "    " : ""}  \x1B[90m# build and start the app in production mode.\x1B[0m`);
+    console.log(`${npmCmd} run build  \x1B[90m# build the app for production.\x1B[0m`);
+    console.log(`${npmCmd} run start  \x1B[90m# build and start the app in production mode.\x1B[0m`);
   }
   console.log("");
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mono-jsx-dom",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "A JSX runtime for browsers.",
   "keywords": [
     "jsx",
@@ -35,9 +35,13 @@
       "node": "./server/index.mjs",
       "import": "./server/index.mjs"
     },
-    "./server/node-fetch-server": {
+    "./node-fetch-server": {
       "node": "./server/node-fetch-server.mjs",
       "import": "./server/node-fetch-server.mjs"
+    },
+    "./node-server-hooks": {
+      "node": "./server/node-server-hooks.mjs",
+      "import": "./server/node-server-hooks.mjs"
     }
   },
   "scripts": {

package/server/node-server-hooks.mjs

@@ -0,0 +1,17 @@
+// server/node-server-hooks.ts
+import { argv } from "node:process";
+import { registerHooks } from "node:module";
+var serverHook = `
+import { serve as serve$ } from "mono-jsx-dom/node-fetch-server";
+import(import.meta.url).then(m => serve$(m.default));
+`;
+registerHooks({
+  load(url, context, nextLoad) {
+    const result = nextLoad(url, context);
+    if (result.source && "file://" + argv[1] === url) {
+      const source = typeof result.source === "string" ? result.source : new TextDecoder().decode(result.source);
+      return { ...result, source: source + serverHook };
+    }
+    return result;
+  }
+});