create-flow-os 0.0.1-dev.1771668924 → 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}
@@ -906,71 +902,11 @@ function box(lines) {
 ` + bottom + `
 `;
 }
-var LOCAL_URL_RE = /https?:\/\/localhost(:\d+)?(?:\/[^\s]*)?/i;
-function flowBanner(url) {
-  const link = c2.brand(url);
-  return [
-    "",
-    c2.cyan("  \u256D\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256E"),
-    c2.cyan("  \u2502  ") + c2.bold("Flow OS") + c2.cyan("  is running                        \u2502"),
-    c2.cyan("  \u2570\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u256F"),
-    "",
-    "  Open: " + link,
-    ""
-  ].join(`
-`);
-}
-async function runDevWithBanner(cwd) {
+async function runDev(cwd) {
   const devProc = Bun.spawn(["bun", "run", "dev"], {
     cwd,
-    stdout: "pipe",
-    stderr: "pipe",
-    stdio: ["inherit", "pipe", "pipe"]
+    stdio: ["inherit", "inherit", "inherit"]
   });
-  let bannerShown = false;
-  const decoder = new TextDecoder;
-  let outBuf = "";
-  const drain = (stream, isErr) => {
-    const target = isErr ? process.stderr : process.stdout;
-    const reader = stream.getReader();
-    function read() {
-      return reader.read().then(({ done, value }) => {
-        const text = value ? decoder.decode(value, { stream: !done }) : "";
-        if (isErr) {
-          if (text)
-            target.write(text);
-          return done ? undefined : read();
-        }
-        if (text)
-          outBuf += text;
-        const lines = outBuf.split(/\r?\n/);
-        outBuf = done ? "" : lines.pop() ?? "";
-        for (const line of lines) {
-          const urlMatch = line.match(LOCAL_URL_RE);
-          if (!bannerShown && urlMatch) {
-            bannerShown = true;
-            process.stdout.write(flowBanner(urlMatch[0]));
-          }
-          target.write(line + `
-`);
-        }
-        if (done && outBuf) {
-          const urlMatch = outBuf.match(LOCAL_URL_RE);
-          if (!bannerShown && urlMatch) {
-            bannerShown = true;
-            process.stdout.write(flowBanner(urlMatch[0]));
-          }
-          target.write(outBuf);
-        }
-        return done ? undefined : read();
-      });
-    }
-    return read();
-  };
-  await Promise.all([
-    drain(devProc.stdout, false),
-    drain(devProc.stderr, true)
-  ]).catch(() => {});
   await devProc.exited;
 }
 function optsForProfile(config, profileId) {
@@ -984,13 +920,11 @@ function optsForProfile(config, profileId) {
   });
 }
 async function main() {
-  const devBadge = useDevTag ? c2.brand(" \xB7 dev") : "";
-  const introLines = [
-    c2.bold("Flow") + devBadge,
-    "",
-    c2.cyan("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) {
@@ -1146,7 +1080,7 @@ async function main() {
   const startDev = !noStart && !noInstall;
   if (startDev) {
     ge(c2.cyan(ICON.rocket + "  Starting dev server\u2026"));
-    await runDevWithBanner(projectPath);
+    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.1771668924",
+  "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",