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

package/bin/index.js

@@ -721,10 +721,6 @@ var he = (s = "") => {
 
 `);
 };
-var pe = (s = "") => {
-  process.stdout.write(`${import_picocolors2.default.gray(Q2)}  ${s}
-`);
-};
 var ge = (s = "") => {
   process.stdout.write(`${import_picocolors2.default.gray(a2)}
 ${import_picocolors2.default.gray($2)}  ${s}
@@ -873,13 +869,21 @@ 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 c2 = {
-  brand: (s) => import_picocolors3.default.cyan(s),
+  brand: (s) => import_picocolors3.default.bold(import_picocolors3.default.cyan(s)),
+  cyan: (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)),
+  muted: (s) => import_picocolors3.default.cyan(s),
   bright: (s) => import_picocolors3.default.white(s)
 };
 var W2 = 50;
+var ICON = {
+  full: "\u25C9",
+  client: "\u25C6",
+  server: "\u25CF",
+  deps: "\uD83D\uDCE6",
+  rocket: "\u25B6"
+};
 function stripAnsi(s) {
   return s.replace(/\x1b\[[0-9;]*m/g, "");
 }
@@ -898,6 +902,13 @@ function box(lines) {
 ` + bottom + `
 `;
 }
+async function runDev(cwd) {
+  const devProc = Bun.spawn(["bun", "run", "dev"], {
+    cwd,
+    stdio: ["inherit", "inherit", "inherit"]
+  });
+  await devProc.exited;
+}
 function optsForProfile(config, profileId) {
   return Object.entries(config.packages).filter(([, e2]) => {
     const inc = e2.includeIn ?? [];
@@ -909,13 +920,11 @@ function optsForProfile(config, profileId) {
   });
 }
 async function main() {
-  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 devBadge = useDevTag ? c2.dim(" \xB7 dev") : "";
+  console.log(`
+` + c2.bold("Flow OS") + devBadge + `
+` + c2.dim("Create Flow OS application") + `
+`);
   const config = await Bun.file(join2(DIR, "config.json")).json();
   const hasDeps = Object.values(config.packages).every((e2) => Array.isArray(e2.deps));
   if (!hasDeps) {
@@ -946,9 +955,9 @@ async function main() {
     const choice = await le({
       message: c2.muted("Template"),
       options: [
-        { value: "full", label: "Full stack  " + c2.dim("(client + server)") },
-        { value: "client", label: "Client only" },
-        { value: "server", label: "Server only" }
+        { value: "full", label: `${ICON.full}  Full stack  ${c2.dim("(client + server)")}` },
+        { value: "client", label: `${ICON.client}  Client only` },
+        { value: "server", label: `${ICON.server}  Server only` }
       ]
     });
     if (lD(choice))
@@ -992,7 +1001,7 @@ async function main() {
   const isDevFromRepoPromise = useDevTag ? findPackageDir(REPO_ROOT, "@flow.os/client").then((d2) => !!d2) : Promise.resolve(false);
   await rm(projectPathNew, { recursive: true, force: true });
   const createSpinner = _2();
-  createSpinner.start(c2.brand("Creating project\u2026"));
+  createSpinner.start(c2.cyan(ICON.rocket + "  Creating project\u2026"));
   await copyWithExclude(profileDir, projectPathNew, ["node_modules", ".git"]);
   for (const id of selected) {
     const pkgDir = join2(DIR, "packages", id);
@@ -1000,7 +1009,7 @@ async function main() {
       await copyWithExclude(pkgDir, projectPathNew, []);
     } catch {}
   }
-  createSpinner.stop(c2.brand("Project created"));
+  createSpinner.stop(c2.cyan(ICON.rocket + "  Project created"));
   const extraDeps = {};
   for (const id of selected) {
     const deps = config.packages[id]?.deps;
@@ -1054,10 +1063,10 @@ async function main() {
   }
   if (!noInstall) {
     const s = _2();
-    s.start(c2.brand("Installing dependencies\u2026"));
+    s.start(c2.cyan(ICON.deps + "  Installing dependencies\u2026"));
     const proc = Bun.spawn(["bun", "install"], { cwd: projectPathNew, stdout: "pipe", stderr: "pipe" });
     const code = await proc.exited;
-    s.stop(code === 0 ? c2.brand("Dependencies installed") : "Failed");
+    s.stop(code === 0 ? c2.cyan(ICON.deps + "  Dependencies installed") : "Failed");
     if (code !== 0) {
       const err = await new Response(proc.stderr).text();
       v2.error(err || "bun install exit " + code);
@@ -1070,18 +1079,8 @@ async function main() {
   await rename(projectPathNew, projectPath);
   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;
+    ge(c2.cyan(ICON.rocket + "  Starting dev server\u2026"));
+    await runDev(projectPath);
   } else {
     const outroLines = [
       c2.bold("Done"),

package/package.json

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

package/profiles/client/dev.ts

@@ -0,0 +1,5 @@
+#!/usr/bin/env bun
+import { pathToFileURL } from 'node:url';
+import { join } from 'node:path';
+
+await import(pathToFileURL(join(import.meta.dir, 'packages/client/start-dev.ts')).href);

package/profiles/client/package.json

@@ -4,9 +4,9 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "bunx --bun vite --config flow.config.ts",
-    "build": "tsc -b && bunx --bun vite build --config flow.config.ts",
-    "preview": "bunx --bun vite preview --config flow.config.ts",
+    "dev": "bun dev.ts",
+    "build": "tsc -b && bun packages/client/build.ts",
+    "preview": "bun packages/client/preview.ts",
     "start": "bun node_modules/@flow.os/server/start.ts",
     "lint": "oxlint .",
     "fmt": "oxfmt",

package/profiles/client/packages/client/build.ts

@@ -0,0 +1,14 @@
+#!/usr/bin/env bun
+import { pathToFileURL } from 'node:url';
+import { join } from 'node:path';
+import { build } from 'vite';
+
+const cwd = process.cwd();
+const configPath = join(cwd, 'flow.config.ts');
+const mod = await import(pathToFileURL(configPath).href).catch((e: Error) => {
+  console.error('Flow: could not load flow.config.ts:', e.message);
+  process.exit(1);
+});
+const getConfig = mod.default;
+const config = typeof getConfig === 'function' ? await getConfig() : getConfig;
+await build(config);

package/profiles/client/packages/client/config.ts

@@ -1,6 +1,26 @@
 import fs from 'node:fs';
 import path from 'node:path';
+import os from 'node:os';
 import type { Plugin } from 'vite';
+import { createLogger } from 'vite';
+
+const cyan = (s: string) => `\x1b[36m${s}\x1b[0m`;
+const bold = (s: string) => `\x1b[1m${s}\x1b[0m`;
+const dim = (s: string) => `\x1b[2m${s}\x1b[0m`;
+const stripAnsi = (s: string) => s.replace(/\x1b\[[0-9;]*m/g, '');
+const CONTENT_W = 48;
+const BORDER_W = 52;
+
+function getNetworkUrl(port: number): string | null {
+  const ifaces = os.networkInterfaces();
+  for (const list of Object.values(ifaces ?? {})) {
+    if (!list) continue;
+    for (const i of list) {
+      if (i.family === 'IPv4' && !i.internal) return `http://${i.address}:${port}/`;
+    }
+  }
+  return null;
+}
 
 /** Solo in monorepo (esiste packages/): Rollup in Docker non segue i symlink, quindi alias a path assoluti. Generico: legge packages/ e mappa tutto. Fuori monorepo (npm) ritorna {}. */
 function resolveAlias(): Record<string, string> {
@@ -50,6 +70,41 @@ const DEFAULTS = {
   plugins: [] as Plugin[],
 };
 
+/** Banner Flow OS: sostituisce l'output di Vite con uno custom (Local + Network, box, colori). */
+function flowServerUrlPlugin(hostEnabled: boolean): Plugin {
+  return {
+    name: 'flow:server-url',
+    configureServer(server) {
+      (server as { printUrls?: () => void }).printUrls = () => {};
+      server.httpServer?.once('listening', () => {
+        const addr = server.httpServer?.address();
+        if (!addr || typeof addr !== 'object' || !('port' in addr)) return;
+        const port = (addr as { port: number }).port;
+        const host = (addr as { address: string }).address;
+        const localHost = host === '::' || host === '0.0.0.0' ? 'localhost' : host;
+        const localUrl = `http://${localHost}:${port}/`;
+        const networkUrl = hostEnabled ? getNetworkUrl(port) : null;
+
+        const line = (content: string) => {
+          const pad = Math.max(0, CONTENT_W - stripAnsi(content).length);
+          return dim('  │  ') + content + ' '.repeat(pad) + dim('  │');
+        };
+        const border = (c: string) => dim('  ' + c + '─'.repeat(BORDER_W) + (c === '╭' ? '╮' : '╯'));
+        const out: string[] = [
+          '',
+          border('╭'),
+          line(bold('Flow OS') + dim('  is running')),
+          line(cyan('◆') + '  ' + dim('Local:   ') + cyan(localUrl)),
+          ...(networkUrl ? [line(dim('Network: ') + cyan(networkUrl))] : []),
+          border('╰'),
+          '',
+        ];
+        console.log(out.join('\n'));
+      });
+    },
+  };
+}
+
 /** Config per flow.config.ts. Client + Vite; server opzionale con server: flowServer(). */
 export default function config(
   options: FlowConfigOptions = {}
@@ -57,11 +112,24 @@ export default function config(
   const { port = DEFAULTS.port, host = DEFAULTS.host, server = DEFAULTS.server, plugins = DEFAULTS.plugins } = options;
   return async () => {
     const { flow } = await import('./vite.js');
-    const allPlugins = server ? [server, flow(), ...plugins] : [flow(), ...plugins];
+    const allPlugins = [
+      flowServerUrlPlugin(host === true),
+      ...(server ? [server, flow(), ...plugins] : [flow(), ...plugins]),
+    ];
     const alias = resolveAlias();
+    const baseLogger = createLogger('info');
+    const customLogger = {
+      ...baseLogger,
+      info: (msg: string, opts?: { clear?: boolean }) => {
+        const t = msg.replace(/\s+/g, ' ');
+        if (/VITE\s+v?\d|ready\s+in|Local:\s*http|Network:\s*http|press\s+h\s+enter/i.test(t)) return;
+        baseLogger.info(msg, opts);
+      },
+    };
     return {
       resolve: Object.keys(alias).length ? { alias } : {},
-      server: { port, host },
+      server: { port, host, strictPort: false },
+      customLogger,
       build: {
         rollupOptions: {
           external: ['@flow.os/server', /^@flow.os\/server\/.+/],

package/profiles/client/packages/client/preview.ts

@@ -0,0 +1,14 @@
+#!/usr/bin/env bun
+import { pathToFileURL } from 'node:url';
+import { join } from 'node:path';
+import { preview } from 'vite';
+
+const cwd = process.cwd();
+const configPath = join(cwd, 'flow.config.ts');
+const mod = await import(pathToFileURL(configPath).href).catch((e: Error) => {
+  console.error('Flow: could not load flow.config.ts:', e.message);
+  process.exit(1);
+});
+const getConfig = mod.default;
+const config = typeof getConfig === 'function' ? await getConfig() : getConfig;
+await preview(config);

package/profiles/client/packages/client/start-dev.ts

@@ -0,0 +1,23 @@
+#!/usr/bin/env bun
+/**
+ * Flow OS dev server runner. Loads flow.config.ts and starts the dev server.
+ * Usage: bun node_modules/@flow.os/client/start-dev.ts  (or bun packages/client/start-dev.ts in monorepo)
+ */
+
+import { pathToFileURL } from 'node:url';
+import { join } from 'node:path';
+import { createServer } from 'vite';
+
+const cwd = process.cwd();
+const configPath = join(cwd, 'flow.config.ts');
+const configUrl = pathToFileURL(configPath).href;
+
+const mod = await import(configUrl).catch((e: Error) => {
+  console.error('Flow: could not load flow.config.ts:', e.message);
+  process.exit(1);
+});
+const getConfig = mod.default;
+const config = typeof getConfig === 'function' ? await getConfig() : getConfig;
+const server = await createServer(config);
+await server.listen();
+server.watcher.on('change', () => {});

package/profiles/full/dev.ts

@@ -0,0 +1,5 @@
+#!/usr/bin/env bun
+import { pathToFileURL } from 'node:url';
+import { join } from 'node:path';
+
+await import(pathToFileURL(join(import.meta.dir, 'packages/client/start-dev.ts')).href);

package/profiles/full/package.json

@@ -4,9 +4,9 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "bunx --bun vite --config flow.config.ts",
-    "build": "tsc -b && bunx --bun vite build --config flow.config.ts",
-    "preview": "bunx --bun vite preview --config flow.config.ts",
+    "dev": "bun dev.ts",
+    "build": "tsc -b && bun packages/client/build.ts",
+    "preview": "bun packages/client/preview.ts",
     "start": "bun node_modules/@flow.os/server/start.ts",
     "lint": "oxlint .",
     "fmt": "oxfmt",

package/profiles/full/packages/client/build.ts

@@ -0,0 +1,14 @@
+#!/usr/bin/env bun
+import { pathToFileURL } from 'node:url';
+import { join } from 'node:path';
+import { build } from 'vite';
+
+const cwd = process.cwd();
+const configPath = join(cwd, 'flow.config.ts');
+const mod = await import(pathToFileURL(configPath).href).catch((e: Error) => {
+  console.error('Flow: could not load flow.config.ts:', e.message);
+  process.exit(1);
+});
+const getConfig = mod.default;
+const config = typeof getConfig === 'function' ? await getConfig() : getConfig;
+await build(config);

package/profiles/full/packages/client/config.ts

@@ -1,6 +1,26 @@
 import fs from 'node:fs';
 import path from 'node:path';
+import os from 'node:os';
 import type { Plugin } from 'vite';
+import { createLogger } from 'vite';
+
+const cyan = (s: string) => `\x1b[36m${s}\x1b[0m`;
+const bold = (s: string) => `\x1b[1m${s}\x1b[0m`;
+const dim = (s: string) => `\x1b[2m${s}\x1b[0m`;
+const stripAnsi = (s: string) => s.replace(/\x1b\[[0-9;]*m/g, '');
+const CONTENT_W = 48;
+const BORDER_W = 52;
+
+function getNetworkUrl(port: number): string | null {
+  const ifaces = os.networkInterfaces();
+  for (const list of Object.values(ifaces ?? {})) {
+    if (!list) continue;
+    for (const i of list) {
+      if (i.family === 'IPv4' && !i.internal) return `http://${i.address}:${port}/`;
+    }
+  }
+  return null;
+}
 
 /** Solo in monorepo (esiste packages/): Rollup in Docker non segue i symlink, quindi alias a path assoluti. Generico: legge packages/ e mappa tutto. Fuori monorepo (npm) ritorna {}. */
 function resolveAlias(): Record<string, string> {
@@ -50,6 +70,41 @@ const DEFAULTS = {
   plugins: [] as Plugin[],
 };
 
+/** Banner Flow OS: sostituisce l'output di Vite con uno custom (Local + Network, box, colori). */
+function flowServerUrlPlugin(hostEnabled: boolean): Plugin {
+  return {
+    name: 'flow:server-url',
+    configureServer(server) {
+      (server as { printUrls?: () => void }).printUrls = () => {};
+      server.httpServer?.once('listening', () => {
+        const addr = server.httpServer?.address();
+        if (!addr || typeof addr !== 'object' || !('port' in addr)) return;
+        const port = (addr as { port: number }).port;
+        const host = (addr as { address: string }).address;
+        const localHost = host === '::' || host === '0.0.0.0' ? 'localhost' : host;
+        const localUrl = `http://${localHost}:${port}/`;
+        const networkUrl = hostEnabled ? getNetworkUrl(port) : null;
+
+        const line = (content: string) => {
+          const pad = Math.max(0, CONTENT_W - stripAnsi(content).length);
+          return dim('  │  ') + content + ' '.repeat(pad) + dim('  │');
+        };
+        const border = (c: string) => dim('  ' + c + '─'.repeat(BORDER_W) + (c === '╭' ? '╮' : '╯'));
+        const out: string[] = [
+          '',
+          border('╭'),
+          line(bold('Flow OS') + dim('  is running')),
+          line(cyan('◆') + '  ' + dim('Local:   ') + cyan(localUrl)),
+          ...(networkUrl ? [line(dim('Network: ') + cyan(networkUrl))] : []),
+          border('╰'),
+          '',
+        ];
+        console.log(out.join('\n'));
+      });
+    },
+  };
+}
+
 /** Config per flow.config.ts. Client + Vite; server opzionale con server: flowServer(). */
 export default function config(
   options: FlowConfigOptions = {}
@@ -57,11 +112,24 @@ export default function config(
   const { port = DEFAULTS.port, host = DEFAULTS.host, server = DEFAULTS.server, plugins = DEFAULTS.plugins } = options;
   return async () => {
     const { flow } = await import('./vite.js');
-    const allPlugins = server ? [server, flow(), ...plugins] : [flow(), ...plugins];
+    const allPlugins = [
+      flowServerUrlPlugin(host === true),
+      ...(server ? [server, flow(), ...plugins] : [flow(), ...plugins]),
+    ];
     const alias = resolveAlias();
+    const baseLogger = createLogger('info');
+    const customLogger = {
+      ...baseLogger,
+      info: (msg: string, opts?: { clear?: boolean }) => {
+        const t = msg.replace(/\s+/g, ' ');
+        if (/VITE\s+v?\d|ready\s+in|Local:\s*http|Network:\s*http|press\s+h\s+enter/i.test(t)) return;
+        baseLogger.info(msg, opts);
+      },
+    };
     return {
       resolve: Object.keys(alias).length ? { alias } : {},
-      server: { port, host },
+      server: { port, host, strictPort: false },
+      customLogger,
       build: {
         rollupOptions: {
           external: ['@flow.os/server', /^@flow.os\/server\/.+/],

package/profiles/full/packages/client/preview.ts

@@ -0,0 +1,14 @@
+#!/usr/bin/env bun
+import { pathToFileURL } from 'node:url';
+import { join } from 'node:path';
+import { preview } from 'vite';
+
+const cwd = process.cwd();
+const configPath = join(cwd, 'flow.config.ts');
+const mod = await import(pathToFileURL(configPath).href).catch((e: Error) => {
+  console.error('Flow: could not load flow.config.ts:', e.message);
+  process.exit(1);
+});
+const getConfig = mod.default;
+const config = typeof getConfig === 'function' ? await getConfig() : getConfig;
+await preview(config);

package/profiles/full/packages/client/start-dev.ts

@@ -0,0 +1,23 @@
+#!/usr/bin/env bun
+/**
+ * Flow OS dev server runner. Loads flow.config.ts and starts the dev server.
+ * Usage: bun node_modules/@flow.os/client/start-dev.ts  (or bun packages/client/start-dev.ts in monorepo)
+ */
+
+import { pathToFileURL } from 'node:url';
+import { join } from 'node:path';
+import { createServer } from 'vite';
+
+const cwd = process.cwd();
+const configPath = join(cwd, 'flow.config.ts');
+const configUrl = pathToFileURL(configPath).href;
+
+const mod = await import(configUrl).catch((e: Error) => {
+  console.error('Flow: could not load flow.config.ts:', e.message);
+  process.exit(1);
+});
+const getConfig = mod.default;
+const config = typeof getConfig === 'function' ? await getConfig() : getConfig;
+const server = await createServer(config);
+await server.listen();
+server.watcher.on('change', () => {});

package/profiles/server/dev.ts

@@ -0,0 +1,5 @@
+#!/usr/bin/env bun
+import { pathToFileURL } from 'node:url';
+import { join } from 'node:path';
+
+await import(pathToFileURL(join(import.meta.dir, 'packages/client/start-dev.ts')).href);

package/profiles/server/package.json

@@ -4,9 +4,9 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "dev": "bunx --bun vite --config flow.config.ts",
-    "build": "tsc -b && bunx --bun vite build --config flow.config.ts",
-    "preview": "bunx --bun vite preview --config flow.config.ts",
+    "dev": "bun dev.ts",
+    "build": "tsc -b && bun packages/client/build.ts",
+    "preview": "bun packages/client/preview.ts",
     "start": "bun node_modules/@flow.os/server/start.ts",
     "lint": "oxlint .",
     "fmt": "oxfmt",