mono-jsx-dom 0.1.2 → 0.1.4

package/README.md

@@ -16,12 +16,6 @@
 
 Playground: https://val.town/x/ije/mono-jsx-dom
 
-## Installation
-
-```bash
-npm install mono-jsx-dom
-```
-
 ## Getting Started
 
 You can run the `mono-jsx-dom int` command to initialize a project with mono-jsx-dom boilerplate.

package/bin/build.mjs

@@ -5,7 +5,7 @@ import { lstat, readFile, writeFile } from "node:fs/promises";
 import * as esbuild from "esbuild";
 
 // bin/utils.ts
-import { argv, stdin, stdout } from "node:process";
+import { argv, exit, stdin, stdout } from "node:process";
 import { access, mkdir } from "node:fs/promises";
 import { createInterface } from "node:readline/promises";
 function parseFlags() {

package/bin/dev.mjs

@@ -1,10 +1,10 @@
 // bin/dev.ts
-import { cwd, env, exit, versions } from "node:process";
+import { cwd, env, exit as exit2, versions } from "node:process";
 import { join, relative } from "node:path";
 import { spawn } from "node:child_process";
 
 // bin/utils.ts
-import { argv, stdin, stdout } from "node:process";
+import { argv, exit, stdin, stdout } from "node:process";
 import { access, mkdir } from "node:fs/promises";
 import { createInterface } from "node:readline/promises";
 function parseFlags() {
@@ -178,10 +178,10 @@ async function dev(options) {
     ac.abort();
   };
   if (!isBun) {
-    const [major, minor] = versions.node.slice(1).split(".").map(Number);
+    const [major, minor] = versions.node.split(".").map(Number);
     if (major < 22 || major === 22 && minor < 18) {
       console.error("Node.js version 22.18.0 or higher is required to use the dev command.");
-      exit(1);
+      exit2(1);
     }
   }
   await build({

package/bin/init.mjs

@@ -5,14 +5,125 @@ import { dirname, join } from "node:path";
 import { readFile, writeFile } from "node:fs/promises";
 
 // bin/utils.ts
-import { argv, stdin, stdout } from "node:process";
+import { argv, exit, stdin, stdout } from "node:process";
 import { access, mkdir } from "node:fs/promises";
 import { createInterface } from "node:readline/promises";
+async function input(prompt, placeholder = "") {
+  const hint = `\x1B[34m?\x1B[0m ${prompt}:`;
+  if (stdin.isTTY && stdout.isTTY) {
+    let text = "";
+    const render = () => {
+      stdout.write(`\r\x1B[2K${hint} `);
+      if (text) {
+        stdout.write(text);
+      } else if (placeholder) {
+        stdout.write(`\x1B[90m${placeholder}\x1B[0m`);
+        stdout.write(`\x1B[${placeholder.length}D`);
+      }
+    };
+    render();
+    const wasRaw = stdin.isRaw;
+    stdin.setRawMode(true);
+    stdin.resume();
+    try {
+      text = await new Promise((resolve) => {
+        const decoder = new TextDecoder("utf8");
+        const onData = (buf) => {
+          const chars = typeof buf === "string" ? buf : decoder.decode(buf);
+          switch (chars) {
+            case "":
+              stdout.write("\x1B[999C\n\x1B[90mcancelled\x1B[0m\n");
+              exit(130);
+              return;
+            case "\r":
+            case "\n":
+              stdin.off("data", onData);
+              resolve(text.trim() || placeholder);
+              return;
+            case "\x7F":
+            case "\b":
+              text = text.slice(0, -1);
+              render();
+              return;
+            case "":
+              text = "";
+              render();
+              return;
+            case "	":
+              if (!text && placeholder) {
+                text = placeholder;
+                render();
+              }
+              return;
+          }
+          if (chars.startsWith("\x1B")) {
+            return;
+          }
+          text += chars;
+          render();
+        };
+        stdin.on("data", onData);
+      });
+      stdout.write(`\r\x1B[2K${hint} \x1B[32m${text}\x1B[0m
+`);
+      return text;
+    } finally {
+      stdin.setRawMode(wasRaw ?? false);
+    }
+  }
+  const rl = createInterface({ input: stdin, output: stdout });
+  try {
+    const line = await rl.question(hint + (placeholder ? " \x1B[90m" + placeholder + "\x1B[0m" : ""));
+    if (stdout.isTTY) {
+      stdout.write(`\x1B[1A\r\x1B[34m?\x1B[0m ${prompt} \x1B[32m${line.trim()}\x1B[0m\x1B[K
+`);
+    }
+    return line.trim() || placeholder;
+  } finally {
+    rl.close();
+  }
+}
 async function confirm(prompt) {
+  const hint = "\x1B[34m?\x1B[0m " + prompt + " \x1B[90m(y/N)\x1B[0m ";
+  if (stdin.isTTY) {
+    stdout.write(hint);
+    const wasRaw = stdin.isRaw;
+    stdin.setRawMode(true);
+    try {
+      const yes = await new Promise((resolve) => {
+        stdin.once("data", (buf) => {
+          const c = typeof buf === "string" ? buf.charCodeAt(0) : buf[0];
+          switch (c) {
+            case 3:
+              stdout.write("\x1B[999C\n\x1B[90mcancelled\x1B[0m\n");
+              exit(130);
+              break;
+            case 89:
+            // Y
+            case 121:
+              resolve(true);
+              break;
+            default:
+              resolve(false);
+              break;
+          }
+        });
+      });
+      if (stdout.isTTY) {
+        const answer = yes ? "\x1B[32myes\x1B[0m" : "\x1B[90mno\x1B[0m";
+        stdout.write(`\r\x1B[2K\x1B[34m?\x1B[0m ${prompt} ${answer}
+`);
+      }
+      return yes;
+    } finally {
+      stdin.setRawMode(wasRaw ?? false);
+    }
+  }
   const rl = createInterface({ input: stdin, output: stdout });
   try {
-    const line = await rl.question("\x1B[34m?\x1B[0m " + prompt + " \x1B[90m(y/N)\x1B[0m ");
-    const yes = /^y(es)?$/i.test(line.trim());
+    const line = await rl.question(hint);
+    const t = line.trim();
+    const yes = t === "" || /^y(es)?$/i.test(t);
     if (stdout.isTTY) {
       const answer = yes ? "\x1B[32myes\x1B[0m" : "\x1B[90mno\x1B[0m";
       stdout.write(`\x1B[1A\r\x1B[34m?\x1B[0m ${prompt} ${answer}\x1B[K
@@ -53,9 +164,9 @@ var template = {
       version: "0.0.0",
       private: true,
       scripts: {
-        dev: "mono-jsx-dom dev",
-        build: "mono-jsx-dom build",
-        start: bun ? "mono-jsx-dom build && bun dist/server.mjs" : "mono-jsx-dom build --node && node dist/server.mjs"
+        dev: (bun ? "bun --bun" : "") + " mono-jsx-dom dev",
+        build: (bun ? "bun --bun" : "") + " mono-jsx-dom build",
+        start: bun ? "bun --bun mono-jsx-dom build && bun dist/server.mjs" : "mono-jsx-dom build --node && node dist/server.mjs"
       }
     },
     null,
@@ -109,8 +220,8 @@ export default {
 }
 `
 };
-function run() {
-  const appName = argv2[3] ?? "mono-app";
+async function run() {
+  const appName = argv2[3] ?? await input("Enter the name of the app", "mono-app");
   return init(appName);
 }
 async function init(appName) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mono-jsx-dom",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "A JSX runtime for browsers.",
   "keywords": [
     "jsx",