@flow.os/client 0.0.1-dev.1771668924 → 0.0.1-dev.1771669831

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,19 +70,36 @@ const DEFAULTS = {
   plugins: [] as Plugin[],
 };
 
-/** Plugin che stampa l'URL effettivo quando il server è in ascolto (utile quando Vite usa una porta diversa, es. 3001). */
-function flowServerUrlPlugin(): 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) {
-          const port = (addr as { port: number }).port;
-          const host = (addr as { address: string }).address;
-          const hostDisplay = host === '::' || host === '0.0.0.0' ? 'localhost' : host;
-          console.log(`\n  Flow OS: http://${hostDisplay}:${port}/\n`);
-        }
+        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'));
       });
     },
   };
@@ -76,13 +113,23 @@ export default function config(
   return async () => {
     const { flow } = await import('./vite.js');
     const allPlugins = [
-      flowServerUrlPlugin(),
+      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, 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.1771668924",
+  "version": "0.0.1-dev.1771669831",
   "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', () => {});