create-flow-os 0.0.28 → 0.0.30

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "create-flow-os",
-  "version": "0.0.28",
+  "version": "0.0.30",
   "license": "PolyForm-Shield-1.0.0",
   "type": "module",
   "dependencies": {
-    "@flow-os/client": "^0.0.28"
+    "@flow-os/client": "^0.0.30",
+    "terminal-image": "^4.2.0"
   },
   "bin": {
     "create-flow-os": "./src/index.ts"
@@ -19,5 +20,9 @@
     "@types/node": "^25.3.0",
     "bun-types": "^1.3.9",
     "vite": ">=7.3.0"
-  }
+  },
+  "files": [
+    "src",
+    "logo.png"
+  ]
 }

package/src/init/index.ts

@@ -5,7 +5,7 @@ import { join, dirname } from "path";
 import { fileURLToPath } from "url";
 import { libsWithConfig, toShortName, toPkgName } from "./lib";
 import { initLib, fetchFlowPackageVersions } from "./scaffold";
-import { box, withLoading, colors } from "./ui";
+import { box, bannerBox, withLoading, colors, loadLogo } from "./ui";
 
 const { V, Y, E, R, B } = colors;
 
@@ -37,8 +37,9 @@ if (!toInit.length) {
 }
 
 // ───────────────────────────────────────────────────────────────────────────────
-// Execute: init con loading UI elegante
+// Execute: clear schermo (nasconde resolving/installing di Bun), 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);
@@ -48,8 +49,11 @@ 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 out: string[] = [];
-out.push(box([B + "Initialized:" + R, ...toInit.map((l) => iconOk + " " + V + l + R), "", Y + "Per versione fresca: bun create flow-os@latest" + R], V));
+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,6 +19,17 @@ 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 {
+  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");
+  return "\n" + top + "\n" + body + "\n" + bottom + "\n";
+}
+
 export function box(lines: string[], color: string, w = 52): string {
   const c = color;
   const top = c + "╭" + "─".repeat(w) + "╮" + R;
@@ -74,3 +85,15 @@ export async function withLoading<T>(
 }
 
 export const colors = { V, Y, E, R, B, DIM };
+
+/** 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 "";
+  }
+}

package/.dockerignore

@@ -1,5 +0,0 @@
-node_modules
-**/node_modules
-.git
-dist
-*.md

package/.vscode/settings.json

@@ -1,6 +0,0 @@
-{
-  "files.exclude": {
-    "**/node_modules": true,
-    "**/index.html": true
-  }
-}

package/Dockerfile

@@ -1,14 +0,0 @@
-FROM oven/bun:1
-WORKDIR /app
-
-COPY package.json bun.lock* ./
-RUN bun install --frozen-lockfile
-
-COPY . .
-RUN bun run build
-
-ENV NODE_ENV=production
-ENV PORT=3000
-EXPOSE 3000
-
-CMD ["bun", "run", "start"]

package/config/flow.ts

@@ -1,3 +0,0 @@
-import { config } from '@flow-os/client';
-
-export default config();

package/index.html

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="it">
-<head>
-  <meta charset="UTF-8"/>
-  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-  <title>Flow</title>
-  <style>html,body{margin:0;padding:0;min-height:100vh}#app{min-height:100vh;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}</style>
-</head>
-<body>
-  <div id="app"></div>
-  <script type="module">document.getElementById('app').innerHTML='<h1>Flow</h1><p>Dev server ready.</p>';</script>
-</body>
-</html>

package/prova.tsx

@@ -1,2 +0,0 @@
-provaaaaa
-sdwdw

package/tsconfig.json

@@ -1,15 +0,0 @@
-{
-  "compilerOptions": {
-    "types": ["bun-types", "node"],
-    "target": "ESNext",
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "strict": true,
-    "skipLibCheck": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "isolatedModules": true
-  },
-  "include": ["src/**/*.ts"],
-  "exclude": ["node_modules"]
-}