@flow.os/client 0.0.1-dev.1771668141 → 0.0.1-dev.1771669629

package/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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flow.os/client",
-  "version": "0.0.1-dev.1771668141",
+  "version": "0.0.1-dev.1771669629",
   "type": "module",
   "main": "./index.ts",
   "types": "./index.ts",

package/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/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', () => {});