create-flow-os 0.0.1-dev.1771668141 → 0.0.1-dev.1771668924

package/bin/index.js

@@ -873,13 +873,21 @@ var nameArg = argv.find((a3) => !a3.startsWith("--"));
 var DIR = basename(import.meta.dir) === "dist" || basename(import.meta.dir) === "bin" ? join2(import.meta.dir, "..") : import.meta.dir;
 var REPO_ROOT = (process.env.FLOW_FRAMEWORK_ROOT ?? join2(DIR, "..", "..")).replace(/\\/g, "/");
 var c2 = {
-  brand: (s) => import_picocolors3.default.cyan(s),
+  brand: (s) => import_picocolors3.default.bold(import_picocolors3.default.cyan(s)),
+  cyan: (s) => import_picocolors3.default.cyan(s),
   dim: (s) => import_picocolors3.default.dim(s),
   bold: (s) => import_picocolors3.default.bold(s),
-  muted: (s) => import_picocolors3.default.dim(import_picocolors3.default.cyan(s)),
+  muted: (s) => import_picocolors3.default.cyan(s),
   bright: (s) => import_picocolors3.default.white(s)
 };
 var W2 = 50;
+var ICON = {
+  full: "\u25C9",
+  client: "\u25C6",
+  server: "\u25CF",
+  deps: "\uD83D\uDCE6",
+  rocket: "\u25B6"
+};
 function stripAnsi(s) {
   return s.replace(/\x1b\[[0-9;]*m/g, "");
 }
@@ -898,6 +906,73 @@ function box(lines) {
 ` + bottom + `
 `;
 }
+var LOCAL_URL_RE = /https?:\/\/localhost(:\d+)?(?:\/[^\s]*)?/i;
+function flowBanner(url) {
+  const link = c2.brand(url);
+  return [
+    "",
+    c2.cyan("  \u256D\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256E"),
+    c2.cyan("  \u2502  ") + c2.bold("Flow OS") + c2.cyan("  is running                        \u2502"),
+    c2.cyan("  \u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256F"),
+    "",
+    "  Open: " + link,
+    ""
+  ].join(`
+`);
+}
+async function runDevWithBanner(cwd) {
+  const devProc = Bun.spawn(["bun", "run", "dev"], {
+    cwd,
+    stdout: "pipe",
+    stderr: "pipe",
+    stdio: ["inherit", "pipe", "pipe"]
+  });
+  let bannerShown = false;
+  const decoder = new TextDecoder;
+  let outBuf = "";
+  const drain = (stream, isErr) => {
+    const target = isErr ? process.stderr : process.stdout;
+    const reader = stream.getReader();
+    function read() {
+      return reader.read().then(({ done, value }) => {
+        const text = value ? decoder.decode(value, { stream: !done }) : "";
+        if (isErr) {
+          if (text)
+            target.write(text);
+          return done ? undefined : read();
+        }
+        if (text)
+          outBuf += text;
+        const lines = outBuf.split(/\r?\n/);
+        outBuf = done ? "" : lines.pop() ?? "";
+        for (const line of lines) {
+          const urlMatch = line.match(LOCAL_URL_RE);
+          if (!bannerShown && urlMatch) {
+            bannerShown = true;
+            process.stdout.write(flowBanner(urlMatch[0]));
+          }
+          target.write(line + `
+`);
+        }
+        if (done && outBuf) {
+          const urlMatch = outBuf.match(LOCAL_URL_RE);
+          if (!bannerShown && urlMatch) {
+            bannerShown = true;
+            process.stdout.write(flowBanner(urlMatch[0]));
+          }
+          target.write(outBuf);
+        }
+        return done ? undefined : read();
+      });
+    }
+    return read();
+  };
+  await Promise.all([
+    drain(devProc.stdout, false),
+    drain(devProc.stderr, true)
+  ]).catch(() => {});
+  await devProc.exited;
+}
 function optsForProfile(config, profileId) {
   return Object.entries(config.packages).filter(([, e2]) => {
     const inc = e2.includeIn ?? [];
@@ -913,7 +988,7 @@ async function main() {
   const introLines = [
     c2.bold("Flow") + devBadge,
     "",
-    c2.dim("We're creating your Flow application.")
+    c2.cyan("We're creating your Flow application.")
   ];
   pe(box(introLines));
   const config = await Bun.file(join2(DIR, "config.json")).json();
@@ -946,9 +1021,9 @@ async function main() {
     const choice = await le({
       message: c2.muted("Template"),
       options: [
-        { value: "full", label: "Full stack  " + c2.dim("(client + server)") },
-        { value: "client", label: "Client only" },
-        { value: "server", label: "Server only" }
+        { value: "full", label: `${ICON.full}  Full stack  ${c2.dim("(client + server)")}` },
+        { value: "client", label: `${ICON.client}  Client only` },
+        { value: "server", label: `${ICON.server}  Server only` }
       ]
     });
     if (lD(choice))
@@ -992,7 +1067,7 @@ async function main() {
   const isDevFromRepoPromise = useDevTag ? findPackageDir(REPO_ROOT, "@flow.os/client").then((d2) => !!d2) : Promise.resolve(false);
   await rm(projectPathNew, { recursive: true, force: true });
   const createSpinner = _2();
-  createSpinner.start(c2.brand("Creating project\u2026"));
+  createSpinner.start(c2.cyan(ICON.rocket + "  Creating project\u2026"));
   await copyWithExclude(profileDir, projectPathNew, ["node_modules", ".git"]);
   for (const id of selected) {
     const pkgDir = join2(DIR, "packages", id);
@@ -1000,7 +1075,7 @@ async function main() {
       await copyWithExclude(pkgDir, projectPathNew, []);
     } catch {}
   }
-  createSpinner.stop(c2.brand("Project created"));
+  createSpinner.stop(c2.cyan(ICON.rocket + "  Project created"));
   const extraDeps = {};
   for (const id of selected) {
     const deps = config.packages[id]?.deps;
@@ -1054,10 +1129,10 @@ async function main() {
   }
   if (!noInstall) {
     const s = _2();
-    s.start(c2.brand("Installing dependencies\u2026"));
+    s.start(c2.cyan(ICON.deps + "  Installing dependencies\u2026"));
     const proc = Bun.spawn(["bun", "install"], { cwd: projectPathNew, stdout: "pipe", stderr: "pipe" });
     const code = await proc.exited;
-    s.stop(code === 0 ? c2.brand("Dependencies installed") : "Failed");
+    s.stop(code === 0 ? c2.cyan(ICON.deps + "  Dependencies installed") : "Failed");
     if (code !== 0) {
       const err = await new Response(proc.stderr).text();
       v2.error(err || "bun install exit " + code);
@@ -1070,18 +1145,8 @@ async function main() {
   await rename(projectPathNew, projectPath);
   const startDev = !noStart && !noInstall;
   if (startDev) {
-    const outroLines = [
-      c2.bold("Ready"),
-      "",
-      c2.dim("Project ") + c2.brand(name) + c2.dim(" is ready."),
-      c2.dim("Starting dev server\u2026")
-    ];
-    ge(box(outroLines));
-    const devProc = Bun.spawn(["bun", "run", "dev"], {
-      cwd: projectPath,
-      stdio: ["inherit", "inherit", "inherit"]
-    });
-    await devProc.exited;
+    ge(c2.cyan(ICON.rocket + "  Starting dev server\u2026"));
+    await runDevWithBanner(projectPath);
   } else {
     const outroLines = [
       c2.bold("Done"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-flow-os",
-  "version": "0.0.1-dev.1771668141",
+  "version": "0.0.1-dev.1771668924",
   "type": "module",
   "bin": {
     "create-flow-os": "bin/index.js"