create-flow-os 0.0.46 → 0.0.47-dev.1772043683

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "create-flow-os",
-  "version": "0.0.46",
+  "version": "0.0.47-dev.1772043683",
   "license": "PolyForm-Shield-1.0.0",
   "type": "module",
   "dependencies": {
-    "@flow-os/client": "^0.0.46"
+    "@flow-os/client": ">=0.0.1-dev.0"
   },
   "bin": {
     "create-flow-os": "./src/index.ts"

package/src/init/index.ts

@@ -7,7 +7,7 @@ import { join, dirname } from "path";
 import { fileURLToPath } from "url";
 import { libsWithConfig, toShortName, toPkgName } from "./lib";
 import { initLib, fetchFlowPackageVersions } from "./scaffold";
-import { box, bannerBox, withLoading, colors } from "./ui";
+import { bannerBox, withLoading, colors } from "./ui";
 
 const { V, V_LIGHT, Y, E, R, B } = colors;
 
@@ -21,7 +21,7 @@ const available = libsWithConfig(cliRoot).map(toShortName);
 let libs = [...new Set(process.argv.slice(3))];
 
 if (!libs.length && available.length) {
-  console.log(box([B + "Packages disponibili:" + R, ...available.map((l) => V + "◆" + R + " " + l)], V));
+  console.log(bannerBox("Flow OS", [B + "Packages disponibili:" + R, ...available.map((l) => V + "◆" + R + " " + l)], V));
   const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
   const answer = await new Promise<string>((resolve) =>
     rl.question(V + "Seleziona (spazio o virgola): " + R, resolve)
@@ -34,7 +34,7 @@ const toInit = libs.filter((l) => available.includes(l));
 const skipped = libs.filter((l) => !available.includes(l));
 
 if (!toInit.length) {
-  console.error(box([E + "usa " + (available.join(" | ") || "(nessuna lib con config)") + R], E));
+  console.error(bannerBox("Flow OS", [E + "usa " + (available.join(" | ") || "(nessuna lib con config)") + R], E));
   process.exit(1);
 }
 
@@ -52,7 +52,7 @@ const iconUnrec = Y + "?" + R;
 const iconFail = E + "✕" + R;
 const out: string[] = [];
 out.push(bannerBox("Flow OS", [B + "Initialized:" + R, ...toInit.map((l) => iconOk + " " + V_LIGHT + l + R)], V_LIGHT));
-if (skipped.length) out.push(box([B + "Unrecognized:" + R, ...skipped.map((l) => iconUnrec + " " + Y + l + R)], Y));
+if (skipped.length) out.push(bannerBox("Flow OS", [B + "Unrecognized:" + R, ...skipped.map((l) => iconUnrec + " " + Y + l + R)], Y));
 console.log(out.join(""));
 
 export {};

package/src/init/scaffold.ts

@@ -309,9 +309,9 @@ async function collectAllTemplates(
   }
 }
 
-export type InitProgressStep = "fetch" | "templates" | "write";
+export type InitProgressStep = "fetch" | "templates" | "write" | "install";
 
-/** Init: 1) fetch versioni npm, 2) merge template, 3) mergePkg, 4) merge con file utente */
+/** Init: 1) fetch versioni npm, 2) merge template, 3) mergePkg, 4) merge con file utente, 5) bun install */
 export async function initLib(
   libs: string[],
   cwd: string,
@@ -339,6 +339,13 @@ export async function initLib(
   onProgress?.("write");
   await writeMergedWithUser(combined, cwd, (path, conflicts) => resolveConflicts(conflicts, path));
 
+  onProgress?.("install");
+  const proc = Bun.spawn(["bun", "install"], { cwd, stdout: "inherit", stderr: "inherit" });
+  const exitCode = await proc.exited;
+  if (exitCode !== 0) {
+    throw new Error(`bun install exited with code ${exitCode}`);
+  }
+
   const { rmSync } = await import("fs");
   for (const d of tmpDirs) {
     try {

package/src/init/ui.ts

@@ -2,8 +2,8 @@
  * UI per init: loading spinner e box coerenti con flow-os
  */
 
-const V = "\x1b[95m";  // magenta
-const V_LIGHT = "\x1b[38;2;255;0;135m";  // #ff0087 rgb(255,0,135)
+const V = "\x1b[38;2;255;0;135m";  // #ff0087 rgb(255,0,135)
+const V_LIGHT = "\x1b[38;2;255;0;135m";  // stesso colore
 const Y = "\x1b[38;5;226m";
 const E = "\x1b[91m";
 const R = "\x1b[0m";
@@ -20,25 +20,26 @@ export function pad(s: string, w: number): string {
   return s + " ".repeat(Math.max(0, w - stripAnsi(s).length));
 }
 
-/** Riquadro chiuso con Flow OS in grassetto nel bordo superiore */
-export function bannerBox(title: string, lines: string[], color: string, w = 50): string {
+/** Riquadro con Flow OS centrato in grassetto nel bordo superiore, linea singola ─ */
+export function bannerBox(title: string, lines: string[], color: string, w = 46): string {
   const c = color;
-  const inner = " " + c + B + title + R + " ";  // titolo subito dopo ╔, stesso colore
+  const inner = " " + c + B + title + R + " ";
   const innerLen = stripAnsi(inner).length;
-  const top = c + "╔" + inner + c + "═".repeat(Math.max(0, w - 2 - innerLen)) + "╗" + R;
-  const bottom = c + "╚" + "═".repeat(w - 2) + "╝" + R;
-  const spacer = c + "║" + R + "  " + " ".repeat(w - 4) + c + "║" + R;  // riga vuota
-  const bodyLines = lines.map((l) => c + "║" + R + "  " + pad(l, w - 4) + c + "║" + R);
-  const body = "\n" + spacer + "\n" + bodyLines.join("\n");
-  return "\n" + top + body + "\n" + bottom + "\n";
+  const half = Math.max(0, Math.floor((w - 2 - innerLen) / 2));
+  const top = c + "╭" + "─".repeat(half) + inner + "─".repeat(w - 2 - half - innerLen) + "╮" + R;
+  const bottom = c + "╰" + "─".repeat(w - 2) + "╯" + R;
+  const emptyLine = c + "│" + R + "  " + " ".repeat(w - 2) + c + "│" + R;
+  const bodyLines = lines.map((l) => c + "│" + R + "  " + pad(l, w - 2) + c + "│" + R);
+  return "\n" + top + "\n" + emptyLine + "\n" + bodyLines.join("\n") + "\n" + bottom + "\n";
 }
 
-export function box(lines: string[], color: string, w = 52): string {
+export function box(lines: string[], color: string, w = 46): string {
   const c = color;
   const top = c + "╭" + "─".repeat(w) + "╮" + R;
   const bottom = c + "╰" + "─".repeat(w) + "╯" + R;
+  const emptyLine = c + "│" + R + "  " + " ".repeat(w - 2) + c + "│" + R;
   const body = lines.map((l) => c + "│" + R + "  " + pad(l, w - 2) + c + "│" + R).join("\n");
-  return "\n" + top + "\n" + body + "\n" + bottom + "\n";
+  return "\n" + top + "\n" + emptyLine + "\n" + body + "\n" + bottom + "\n";
 }
 
 import type { InitProgressStep } from "./scaffold";
@@ -47,6 +48,7 @@ const STEP_LABELS: Record<InitProgressStep, string> = {
   fetch: "Fetching packages",
   templates: "Preparing templates",
   write: "Writing files",
+  install: "Installing dependencies",
 };
 
 /** Esegue fn mostrando uno spinner elegante; onStep viene chiamato per aggiornare lo step */