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

package/bin/index.js

@@ -865,14 +865,39 @@ async function findPackageDir(repoRoot, packageName) {
 var argv = process.argv.slice(2);
 var noInstall = argv.includes("--no-install");
 var noGit = argv.includes("--no-git");
+var noStart = argv.includes("--no-start");
 var force = argv.includes("--force");
 var yes = argv.includes("--yes") || argv.includes("-y");
 var useDevTag = argv.includes("--dev");
 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 aqua = import_picocolors3.default.cyan;
-var dim = import_picocolors3.default.dim;
+var c2 = {
+  brand: (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)),
+  bright: (s) => import_picocolors3.default.white(s)
+};
+var W2 = 50;
+function stripAnsi(s) {
+  return s.replace(/\x1b\[[0-9;]*m/g, "");
+}
+function box(lines) {
+  const top = c2.dim("\u256D" + "\u2500".repeat(W2 - 2) + "\u256E");
+  const bottom = c2.dim("\u2570" + "\u2500".repeat(W2 - 2) + "\u256F");
+  const body = lines.map((l2) => {
+    const plain = stripAnsi(l2);
+    const pad = Math.max(0, W2 - 4 - plain.length);
+    return c2.dim("\u2502 ") + l2 + " ".repeat(pad) + c2.dim(" \u2502");
+  }).join(`
+`);
+  return `
+` + top + `
+` + body + `
+` + bottom + `
+`;
+}
 function optsForProfile(config, profileId) {
   return Object.entries(config.packages).filter(([, e2]) => {
     const inc = e2.includeIn ?? [];
@@ -884,21 +909,24 @@ function optsForProfile(config, profileId) {
   });
 }
 async function main() {
-  const devBadge = useDevTag ? aqua("  \xB7 dev") : "";
-  pe(import_picocolors3.default.bold(" Flow") + devBadge + dim(`
-  Create a new Flow app
-`));
+  const devBadge = useDevTag ? c2.brand(" \xB7 dev") : "";
+  const introLines = [
+    c2.bold("Flow") + devBadge,
+    "",
+    c2.dim("We're creating your Flow application.")
+  ];
+  pe(box(introLines));
   const config = await Bun.file(join2(DIR, "config.json")).json();
   const hasDeps = Object.values(config.packages).every((e2) => Array.isArray(e2.deps));
   if (!hasDeps) {
-    he(dim("Run ") + aqua("bun run gen") + dim(" from create-flow first."));
+    he(c2.dim("Run ") + c2.brand("bun run gen") + c2.dim(" from create-flow first."));
     process.exit(1);
   }
   const projectName = nameArg?.trim() || (yes ? "my-flow-app" : null);
   let name = projectName;
   if (!name && !yes) {
     const r2 = await ae({
-      message: "Project name",
+      message: c2.muted("Project name"),
       initialValue: "my-flow-app",
       validate: (v3) => !v3?.trim() ? "Required" : undefined
     });
@@ -916,9 +944,9 @@ async function main() {
     selected = optsFull.map(([id]) => id);
   } else {
     const choice = await le({
-      message: "Template",
+      message: c2.muted("Template"),
       options: [
-        { value: "full", label: "Full stack (client + server)" },
+        { value: "full", label: "Full stack  " + c2.dim("(client + server)") },
         { value: "client", label: "Client only" },
         { value: "server", label: "Server only" }
       ]
@@ -936,7 +964,7 @@ async function main() {
       const optionalIds = optIds.filter((id) => !defaultIds.includes(id));
       if (optionalIds.length > 0) {
         const r2 = await $e({
-          message: "Add-ons",
+          message: c2.muted("Add-ons"),
           options: optionalIds.map((id) => ({ value: id, label: id })),
           required: false
         });
@@ -954,17 +982,17 @@ async function main() {
     stat(projectPath).then(() => true).catch(() => false)
   ]);
   if (!profileExists) {
-    he(dim("Profile not found. Run ") + aqua("bun run gen") + dim("."));
+    he(c2.dim("Profile not found. Run ") + c2.brand("bun run gen") + c2.dim("."));
     process.exit(1);
   }
   if (pathExists && !force) {
-    he(dim("Folder ") + name + dim(" exists. Use ") + aqua("--force") + dim("."));
+    he(c2.dim("Folder ") + name + c2.dim(" exists. Use ") + c2.brand("--force") + c2.dim("."));
     process.exit(1);
   }
   const isDevFromRepoPromise = useDevTag ? findPackageDir(REPO_ROOT, "@flow.os/client").then((d2) => !!d2) : Promise.resolve(false);
   await rm(projectPathNew, { recursive: true, force: true });
-  const scaffoldSpinner = _2();
-  scaffoldSpinner.start("Scaffolding");
+  const createSpinner = _2();
+  createSpinner.start(c2.brand("Creating project\u2026"));
   await copyWithExclude(profileDir, projectPathNew, ["node_modules", ".git"]);
   for (const id of selected) {
     const pkgDir = join2(DIR, "packages", id);
@@ -972,7 +1000,7 @@ async function main() {
       await copyWithExclude(pkgDir, projectPathNew, []);
     } catch {}
   }
-  scaffoldSpinner.stop("Scaffolding");
+  createSpinner.stop(c2.brand("Project created"));
   const extraDeps = {};
   for (const id of selected) {
     const deps = config.packages[id]?.deps;
@@ -1026,10 +1054,10 @@ async function main() {
   }
   if (!noInstall) {
     const s = _2();
-    s.start("Installing");
+    s.start(c2.brand("Installing dependencies\u2026"));
     const proc = Bun.spawn(["bun", "install"], { cwd: projectPathNew, stdout: "pipe", stderr: "pipe" });
     const code = await proc.exited;
-    s.stop(code === 0 ? "Installed" : "Failed");
+    s.stop(code === 0 ? c2.brand("Dependencies installed") : "Failed");
     if (code !== 0) {
       const err = await new Response(proc.stderr).text();
       v2.error(err || "bun install exit " + code);
@@ -1040,10 +1068,30 @@ async function main() {
   if (pathExists)
     await rm(projectPath, { recursive: true, force: true });
   await rename(projectPathNew, projectPath);
-  ge(import_picocolors3.default.green("Done.") + `
-
-  ` + aqua("cd " + name) + `
-  ` + aqua("bun run dev"));
+  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;
+  } else {
+    const outroLines = [
+      c2.bold("Done"),
+      "",
+      c2.dim("Next steps:"),
+      "  " + c2.brand("cd " + name),
+      "  " + c2.brand("bun run dev")
+    ];
+    ge(box(outroLines));
+  }
 }
 main().catch((e2) => {
   v2.error(String(e2));

package/package.json

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