create-flow-os 0.0.30 → 0.0.32

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "create-flow-os",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "license": "PolyForm-Shield-1.0.0",
   "type": "module",
   "dependencies": {
-    "@flow-os/client": "^0.0.30",
-    "terminal-image": "^4.2.0"
+    "@flow-os/client": "^0.0.32"
   },
   "bin": {
     "create-flow-os": "./src/index.ts"
@@ -22,7 +21,6 @@
     "vite": ">=7.3.0"
   },
   "files": [
-    "src",
-    "logo.png"
+    "src"
   ]
 }

package/src/init/index.ts

@@ -1,11 +1,13 @@
 #!/usr/bin/env bun
+// Clear subito per nascondere resolving/installing di Bun
+process.stdout.write("\x1b[2J\x1b[H");
 
 import * as readline from "readline";
 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, loadLogo } from "./ui";
+import { box, bannerBox, withLoading, colors, headerLogo } from "./ui";
 
 const { V, Y, E, R, B } = colors;
 
@@ -37,9 +39,8 @@ if (!toInit.length) {
 }
 
 // ───────────────────────────────────────────────────────────────────────────────
-// Execute: clear schermo (nasconde resolving/installing di Bun), init con loading UI
+// Execute: init con loading UI
 // ───────────────────────────────────────────────────────────────────────────────
-process.stdout.write("\x1b[2J\x1b[H");
 const pkgNames = toInit.map(toPkgName);
 await withLoading(async (onStep) => {
   const versions = await fetchFlowPackageVersions(pkgNames);
@@ -49,10 +50,9 @@ await withLoading(async (onStep) => {
 const iconOk = V + "◆" + R;
 const iconUnrec = Y + "?" + R;
 const iconFail = E + "✕" + R;
-const logo = await loadLogo(join(cliRoot, "logo.png"));
-const lines: string[] = [B + "Initialized:" + R, ...toInit.map((l) => iconOk + " " + V + l + R)];
+const logoLines = headerLogo().split("\n");
+const lines: string[] = [...logoLines, "", B + "Initialized:" + R, ...toInit.map((l) => iconOk + " " + V + l + R)];
 const out: string[] = [];
-if (logo) process.stdout.write("\n" + logo + "\n");
 out.push(bannerBox("Flow OS", lines, V));
 if (skipped.length) out.push(box([B + "Unrecognized:" + R, ...skipped.map((l) => iconUnrec + " " + Y + l + R)], Y));
 console.log(out.join(""));

package/src/init/ui.ts

@@ -19,14 +19,14 @@ export function pad(s: string, w: number): string {
   return s + " ".repeat(Math.max(0, w - stripAnsi(s).length));
 }
 
-/** Riquadro stile Claude Code: ╭─── Flow OS ────────╮ con contenuto */
-export function bannerBox(title: string, lines: string[], color: string, w = 72): string {
+/** Riquadro chiuso con Flow OS centrato nel bordo superiore */
+export function bannerBox(title: string, lines: string[], color: string, w = 92): string {
   const c = color;
-  const inner = `─── ${title} `;
-  const dashes = "─".repeat(Math.max(0, w - inner.length - 2));
-  const top = c + "╭" + inner + dashes + "╮" + R;
-  const bottom = c + "╰" + "─".repeat(w) + "╯" + R;
-  const body = lines.map((l) => c + "│" + R + "  " + pad(l, w - 2) + c + "│" + R).join("\n");
+  const inner = ` ${title} `;
+  const halfPad = Math.max(0, Math.floor((w - 2 - stripAnsi(inner).length) / 2));
+  const top = c + "╔" + "═".repeat(halfPad) + inner + "═".repeat(w - 2 - halfPad - stripAnsi(inner).length) + "╗" + R;
+  const bottom = c + "╚" + "═".repeat(w) + "╝" + R;
+  const body = lines.map((l) => c + "║" + R + "  " + pad(l, w - 2) + c + "║" + R).join("\n");
   return "\n" + top + "\n" + body + "\n" + bottom + "\n";
 }
 
@@ -84,16 +84,46 @@ export async function withLoading<T>(
   }
 }
 
-export const colors = { V, Y, E, R, B, DIM };
+const W = "\x1b[97m"; // bianco
 
-/** Carica logo PNG se esiste; ritorna stringa ANSI o "" */
-export async function loadLogo(logoPath: string): Promise<string> {
-  const { existsSync } = await import("fs");
-  if (!existsSync(logoPath)) return "";
-  try {
-    const terminalImage = (await import("terminal-image")).default;
-    return await terminalImage.file(logoPath, { width: "50%", height: 8 });
-  } catch {
-    return "";
+export const colors = { V, Y, E, R, B, DIM, W };
+
+/** Icona layers: 3 quadrati arrotondati sovrapposti (bianco) + Flow OS grande a fianco */
+const LAYERS_ICON = [
+  "    ▄▄▄▄▄▄",
+  "   ▄▄▄▄▄▄▄▄",
+  "  ▄▄▄▄▄▄▄▄▄▄",
+  "  ▀▀▀▀▀▀▀▀▀▀",
+  "     ▄▄▄▄▄▄",
+  "    ▄▄▄▄▄▄▄▄",
+  "   ▄▄▄▄▄▄▄▄▄▄",
+  "   ▀▀▀▀▀▀▀▀▀▀",
+  "      ▄▄▄▄▄▄",
+  "     ▄▄▄▄▄▄▄▄",
+  "    ▄▄▄▄▄▄▄▄▄▄",
+  "    ▀▀▀▀▀▀▀▀▀▀",
+];
+
+const FLOW_OS_TEXT = [
+  " ███████╗██╗      ██████╗ ██╗    ██╗     ██████╗  ███████╗",
+  " ██╔════╝██║     ██╔═══██╗██║    ██║     ██╔══██╗██╔════╝",
+  " █████╗  ██║     ██║   ██║██║ █╗ ██║     ██║  ██║███████╗",
+  " ██╔══╝  ██║     ██║   ██║██║███╗██║     ██║  ██║╚════██║",
+  " ██║     ███████╗╚██████╔╝╚███╔███╔╝     ██║  ██║███████║",
+  " ╚═╝     ╚══════╝ ╚═════╝  ╚══╝╚══╝     ╚█████╔╝  ╚══════╝",
+];
+
+export function headerLogo(): string {
+  const layersLines = LAYERS_ICON;
+  const textLines = FLOW_OS_TEXT;
+  const maxLines = Math.max(layersLines.length, textLines.length);
+  const layersW = 20;
+  const out: string[] = [];
+  for (let i = 0; i < maxLines; i++) {
+    const l = layersLines[i] ?? "";
+    const t = textLines[i] ?? "";
+    const pad = " ".repeat(Math.max(0, layersW - l.length));
+    out.push(W + l + pad + "  " + t + R);
   }
+  return out.join("\n");
 }