openmagic 0.42.0 → 0.43.0

package/dist/cli.js

@@ -2,13 +2,15 @@
 
 // src/cli.ts
 import { Command } from "commander";
-import chalk from "chalk";
+import pc from "picocolors";
 import open from "open";
 import { resolve as resolve3, join as join6 } from "path";
 import { existsSync as existsSync6, readFileSync as readFileSync6 } from "fs";
 import { spawn as spawn5, execSync as execSync2 } from "child_process";
 import http2 from "http";
 import { createInterface, clearLine, cursorTo } from "readline";
+import { createSpinner } from "nanospinner";
+import terminalLink from "terminal-link";
 
 // src/proxy.ts
 import http from "http";
@@ -2883,22 +2885,22 @@ function writeLine(line = "") {
 ` : "\n");
 }
 function formatInfo(message) {
-  return chalk.dim(`${INDENT}${message}`);
+  return pc.dim(`${INDENT}${message}`);
 }
 function formatPending(message) {
-  return chalk.dim(`${INDENT}\u25CF  ${message}`);
+  return pc.dim(`${INDENT}\u25CF  ${message}`);
 }
 function formatSuccess(message) {
-  return chalk.greenBright(`${INDENT}\u2713  ${message}`);
+  return pc.green(`${INDENT}\u2713  ${message}`);
 }
 function formatReady(seconds = process.uptime()) {
-  return chalk.greenBright(`${INDENT}\u2713 Ready in ${seconds.toFixed(1)}s`);
+  return pc.green(`${INDENT}\u2713 Ready in ${seconds.toFixed(1)}s`);
 }
 function formatWarning(message) {
-  return chalk.yellow(`${INDENT}\u25B2  ${message}`);
+  return pc.yellow(`${INDENT}\u25B2  ${message}`);
 }
 function formatError(message) {
-  return chalk.red(`${INDENT}\u2717  ${message}`);
+  return pc.red(`${INDENT}\u2717  ${message}`);
 }
 function printInfo(message) {
   writeLine(formatInfo(message));
@@ -2912,49 +2914,47 @@ function printWarning(message) {
 function printError(message) {
   writeLine(formatError(message));
 }
-function printDetail(message, formatter = chalk.dim) {
+function printDetail(message, formatter = pc.dim) {
   writeLine(formatter(`${INDENT}   ${message}`));
 }
 function printCommand(message) {
-  printDetail(message, chalk.cyan);
+  printDetail(message, pc.cyan);
 }
 function printLocation(label, value, brightValue = false) {
-  const prefix = chalk.dim(`${INDENT}\u279C  ${`${label}:`.padEnd(LABEL_WIDTH)}`);
-  const renderedValue = brightValue ? chalk.whiteBright(value) : chalk.dim(value);
+  const prefix = pc.dim(`${INDENT}\u279C  ${`${label}:`.padEnd(LABEL_WIDTH)}`);
+  const linked = value.startsWith("http") ? terminalLink(value, value) : value;
+  const renderedValue = brightValue ? pc.bold(pc.white(linked)) : pc.dim(linked);
   writeLine(`${prefix}${renderedValue}`);
 }
+var activeSpinner = null;
 function startInlineStatus(message) {
   clearActiveStatus();
-  const line = formatPending(message);
-  if (!process.stdout.isTTY) {
-    writeLine(line);
-    return;
-  }
-  process.stdout.write(line);
-  activeStatusLine = true;
-}
-function replaceInlineStatus(line) {
-  if (!process.stdout.isTTY) {
-    writeLine(line);
-    return;
-  }
-  clearLine(process.stdout, 0);
-  cursorTo(process.stdout, 0);
-  process.stdout.write(`${line}
-`);
-  activeStatusLine = false;
+  activeSpinner = createSpinner(message).start();
 }
 function finishInlineStatus(message) {
-  replaceInlineStatus(formatSuccess(message));
+  if (activeSpinner) {
+    activeSpinner.success({ text: message });
+    activeSpinner = null;
+  } else writeLine(formatSuccess(message));
 }
 function warnInlineStatus(message) {
-  replaceInlineStatus(formatWarning(message));
+  if (activeSpinner) {
+    activeSpinner.warn({ text: message });
+    activeSpinner = null;
+  } else writeLine(formatWarning(message));
 }
 function failInlineStatus(message) {
-  replaceInlineStatus(formatError(message));
+  if (activeSpinner) {
+    activeSpinner.error({ text: message });
+    activeSpinner = null;
+  } else writeLine(formatError(message));
 }
 function finishInlineReady() {
-  replaceInlineStatus(formatReady());
+  const msg = `Ready in ${process.uptime().toFixed(1)}s`;
+  if (activeSpinner) {
+    activeSpinner.success({ text: msg });
+    activeSpinner = null;
+  } else writeLine(formatReady());
 }
 function getDetectedFrameworkLabel() {
   if (detectedFramework) return detectedFramework;
@@ -3092,13 +3092,13 @@ function runCommand(cmd, args, cwd = process.cwd()) {
       child.stdout?.on("data", (data) => {
         const lines = data.toString().trim().split("\n");
         for (const line of lines) {
-          if (line.trim()) writeLine(chalk.dim(`${INDENT}\u2502 ${line}`));
+          if (line.trim()) writeLine(pc.dim(`${INDENT}\u2502 ${line}`));
         }
       });
       child.stderr?.on("data", (data) => {
         const lines = data.toString().trim().split("\n");
         for (const line of lines) {
-          if (line.trim()) writeLine(chalk.dim(`${INDENT}\u2502 ${line}`));
+          if (line.trim()) writeLine(pc.dim(`${INDENT}\u2502 ${line}`));
         }
       });
       child.on("error", () => resolve4(false));
@@ -3202,7 +3202,7 @@ program.name("openmagic").description("AI-powered coding toolbar for any web app
   "Project root directories (defaults to cwd)"
 ).option("--no-open", "Don't auto-open browser").option("--host <host>", "Dev server host", "localhost").action(async (opts) => {
   writeLine();
-  writeLine(`${INDENT}${chalk.white("OpenMagic")} ${chalk.dim(`v${VERSION2}`)}`);
+  writeLine(`${INDENT}${pc.white("OpenMagic")} ${pc.dim(`v${VERSION2}`)}`);
   writeLine();
   let targetPort;
   let targetHost = opts.host;
@@ -3281,7 +3281,7 @@ program.name("openmagic").description("AI-powered coding toolbar for any web app
     } else if (detected && !detected.fromScripts) {
       finishInlineStatus(`Found dev server on port ${detected.port}`);
       const answer = await ask(
-        chalk.yellow(`${INDENT}\u25B2  Found a server on port ${detected.port}. Is this your project's dev server? `) + chalk.dim("(Y/n) ")
+        pc.yellow(`${INDENT}\u25B2  Found a server on port ${detected.port}. Is this your project's dev server? `) + pc.dim("(Y/n) ")
       );
       if (answer.toLowerCase() === "y" || answer.toLowerCase() === "yes" || answer === "") {
         targetPort = detected.port;
@@ -3468,7 +3468,7 @@ async function offerToStartDevServer(expectedPort) {
       printInfo("No dev scripts found, but index.html was detected.");
       writeLine();
       const answer = await ask(
-        chalk.dim(`${INDENT}Serve this directory as a static site? `) + chalk.dim("(Y/n) ")
+        pc.dim(`${INDENT}Serve this directory as a static site? `) + pc.dim("(Y/n) ")
       );
       if (answer.toLowerCase() === "n" || answer.toLowerCase() === "no") {
         return false;
@@ -3498,7 +3498,7 @@ async function offerToStartDevServer(expectedPort) {
       childProcesses.push(staticChild);
       staticChild.stdout?.on("data", (d) => {
         for (const line of d.toString().trim().split("\n")) {
-          if (line.trim()) writeLine(chalk.dim(`${INDENT}\u2502 ${line}`));
+          if (line.trim()) writeLine(pc.dim(`${INDENT}\u2502 ${line}`));
         }
       });
       const up = await waitForPort(staticPort, 5e3);
@@ -3522,7 +3522,7 @@ async function offerToStartDevServer(expectedPort) {
     printWarning("node_modules was not found. Dependencies need to be installed.");
     writeLine();
     const answer = await ask(
-      chalk.white(`${INDENT}Run `) + chalk.cyan(deps.installCommand) + chalk.white("? ") + chalk.dim("(Y/n) ")
+      pc.white(`${INDENT}Run `) + pc.cyan(deps.installCommand) + pc.white("? ") + pc.dim("(Y/n) ")
     );
     if (answer.toLowerCase() === "n" || answer.toLowerCase() === "no") {
       writeLine();
@@ -3548,12 +3548,12 @@ async function offerToStartDevServer(expectedPort) {
     printWarning("No dev server detected.");
     writeLine();
     writeLine(
-      chalk.white(`${INDENT}Found `) + chalk.cyan(`npm run ${chosen.name}`) + chalk.white(` in ${projectName}`) + chalk.dim(` (${chosen.framework})`)
+      pc.white(`${INDENT}Found `) + pc.cyan(`npm run ${chosen.name}`) + pc.white(` in ${projectName}`) + pc.dim(` (${chosen.framework})`)
     );
     printDetail(`\u279C ${chosen.command}`);
     writeLine();
     const answer = await ask(
-      chalk.white(`${INDENT}Start it now? `) + chalk.dim("(Y/n) ")
+      pc.white(`${INDENT}Start it now? `) + pc.dim("(Y/n) ")
     );
     if (answer.toLowerCase() === "n" || answer.toLowerCase() === "no") {
       writeLine();
@@ -3565,18 +3565,18 @@ async function offerToStartDevServer(expectedPort) {
     printWarning("No dev server detected.");
     writeLine();
     writeLine(
-      chalk.white(`${INDENT}Found ${scripts.length} dev scripts in ${projectName}:`)
+      pc.white(`${INDENT}Found ${scripts.length} dev scripts in ${projectName}:`)
     );
     writeLine();
     scripts.forEach((s, i) => {
       writeLine(
-        chalk.cyan(`${INDENT}${i + 1}. `) + chalk.white(`npm run ${s.name}`) + chalk.dim(` (${s.framework}, port ${s.defaultPort})`)
+        pc.cyan(`${INDENT}${i + 1}. `) + pc.white(`npm run ${s.name}`) + pc.dim(` (${s.framework}, port ${s.defaultPort})`)
       );
       printDetail(s.command);
     });
     writeLine();
     const answer = await ask(
-      chalk.white(`${INDENT}Which one should OpenMagic start? `) + chalk.dim(`(1-${scripts.length}, or n to cancel) `)
+      pc.white(`${INDENT}Which one should OpenMagic start? `) + pc.dim(`(1-${scripts.length}, or n to cancel) `)
     );
     if (answer.toLowerCase() === "n" || answer.toLowerCase() === "no" || answer === "") {
       writeLine();
@@ -3620,7 +3620,7 @@ async function offerToStartDevServer(expectedPort) {
   }
   writeLine();
   writeLine(
-    chalk.dim(`${INDENT}\u25CF  Starting `) + chalk.cyan(`npm run ${chosen.name}`) + (portChanged ? chalk.dim(` (port ${port})`) : "") + chalk.dim("...")
+    pc.dim(`${INDENT}\u25CF  Starting `) + pc.cyan(`npm run ${chosen.name}`) + (portChanged ? pc.dim(` (port ${port})`) : "") + pc.dim("...")
   );
   const depsInfo = checkDependenciesInstalled();
   const runCmd = depsInfo.packageManager === "yarn" ? "yarn" : depsInfo.packageManager === "pnpm" ? "pnpm" : depsInfo.packageManager === "bun" ? "bun" : "npm";
@@ -3718,7 +3718,7 @@ async function offerToStartDevServer(expectedPort) {
         writeLine();
       }
     }
-    writeLine(chalk.white(`${INDENT}Options:`));
+    writeLine(pc.white(`${INDENT}Options:`));
     printDetail("1. Fix the error above and try again");
     printDetail("2. Start the server manually, then run:");
     printCommand("npx openmagic --port <your-port>");