mono-jsx-dom 0.1.5 → 0.1.7

package/bin/build.mjs

@@ -15,14 +15,15 @@ function parseFlags() {
     const arg = args[i];
     if (arg.startsWith("--")) {
       if (arg.includes("=")) {
-        const [key, value] = arg.split("=", 2);
+        const [key, value] = arg.slice(2).split("=", 2);
         flags[key] = value;
       } else {
+        const key = arg.slice(2);
         const nextArg = args[i + 1];
         if (!nextArg || nextArg.startsWith("--")) {
-          flags[arg] = true;
+          flags[key] = true;
         } else {
-          flags[arg] = nextArg;
+          flags[key] = nextArg;
           i++;
         }
       }
@@ -56,13 +57,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 +172,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 +192,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 +216,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 +336,5 @@ function isUrl(url) {
 }
 export {
   build,
-  buildServerJS,
   run
 };

package/bin/dev.mjs

@@ -14,14 +14,15 @@ function parseFlags() {
     const arg = args[i];
     if (arg.startsWith("--")) {
       if (arg.includes("=")) {
-        const [key, value] = arg.split("=", 2);
+        const [key, value] = arg.slice(2).split("=", 2);
         flags[key] = value;
       } else {
+        const key = arg.slice(2);
         const nextArg = args[i + 1];
         if (!nextArg || nextArg.startsWith("--")) {
-          flags[arg] = true;
+          flags[key] = true;
         } else {
-          flags[arg] = nextArg;
+          flags[key] = nextArg;
           i++;
         }
       }
@@ -167,6 +168,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

@@ -32,7 +32,7 @@ async function input(prompt, placeholder = "") {
           const chars = typeof buf === "string" ? buf : decoder.decode(buf);
           switch (chars) {
             case "":
-              stdout.write("\x1B[999C\n\x1B[90mcancelled\x1B[0m\n");
+              stdout.write("\x1B[999C\n\x1B[90mCancelled.\x1B[0m\n");
               exit(130);
               return;
             case "\r":
@@ -97,7 +97,7 @@ async function confirm(prompt) {
           const c = typeof buf === "string" ? buf.charCodeAt(0) : buf[0];
           switch (c) {
             case 3:
-              stdout.write("\x1B[999C\n\x1B[90mcancelled\x1B[0m\n");
+              stdout.write("\x1B[999C\n\x1B[90mCancelled.\x1B[0m\n");
               exit(130);
               break;
             case 89:
@@ -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.7",
   "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;
+  }
+});