create-flow-os 0.0.31 → 0.0.32

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "create-flow-os",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "license": "PolyForm-Shield-1.0.0",
   "type": "module",
   "dependencies": {
-    "@flow-os/client": "^0.0.31"
+    "@flow-os/client": "^0.0.32"
   },
   "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, asciiLogo } from "./ui";
+import { box, bannerBox, withLoading, colors, headerLogo } from "./ui";
 
 const { V, Y, E, R, B } = colors;
 
@@ -50,7 +50,8 @@ await withLoading(async (onStep) => {
 const iconOk = V + "◆" + R;
 const iconUnrec = Y + "?" + R;
 const iconFail = E + "✕" + R;
-const lines: string[] = [asciiLogo(V), "", 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[] = [];
 out.push(bannerBox("Flow OS", lines, V));
 if (skipped.length) out.push(box([B + "Unrecognized:" + R, ...skipped.map((l) => iconUnrec + " " + Y + l + R)], Y));

package/src/init/ui.ts

@@ -19,12 +19,12 @@ export function pad(s: string, w: number): string {
   return s + " ".repeat(Math.max(0, w - stripAnsi(s).length));
 }
 
-/** Riquadro chiuso: ╔═══ Flow OS ═══╗ con contenuto */
-export function bannerBox(title: string, lines: string[], color: string, w = 74): 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 padLen = Math.max(0, w - stripAnsi(inner).length - 2);
-  const top = c + "╔" + inner + "═".repeat(padLen) + "╗" + R;
+  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,18 +84,46 @@ export async function withLoading<T>(
   }
 }
 
-export const colors = { V, Y, E, R, B, DIM };
-
-/** Logo ASCII pixel-style Flow OS (nessuna dipendenza, istantaneo) */
-const ASCII_LOGO = `
-  ███████╗██╗      ██████╗ ██╗    ██╗     ██████╗ ███████╗
-  ██╔════╝██║     ██╔═══██╗██║    ██║     ██╔══██╗██╔════╝
-  █████╗  ██║     ██║   ██║██║ █╗ ██║     ██████╔╝███████╗
-  ██╔══╝  ██║     ██║   ██║██║███╗██║     ██╔══██╗╚════██║
-  ██║     ███████╗╚██████╔╝╚███╔███╔╝     ██║  ██║███████║
-  ╚═╝     ╚══════╝ ╚═════╝  ╚══╝╚══╝      ╚═╝  ╚═╝╚══════╝
-`.trim();
-
-export function asciiLogo(color: string): string {
-  return ASCII_LOGO.split("\n").map((l) => color + l + R).join("\n");
+const W = "\x1b[97m"; // bianco
+
+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");
 }