create-flow-os 0.0.1-dev.1771780350 → 0.0.1-dev.1771781977

package/README.md

@@ -1,7 +1,26 @@
 # create-flow-os
 
-CLI per creare progetti Flow. Package npm: **create-flow-os**. I progetti generati usano i package **@flow.os/** (core, client, server, router, style).
+CLI per generare progetti Flow.os da profili e pacchetti.
 
-**Uso:** `bun create flow-os [nome-progetto]` oppure `bunx create-flow-os [nome-progetto]`.
+## Cosa modificare
 
-**Dev (chi sviluppa il framework):** da root: `bun run publish:dev` (tutti i package con tag **dev**); per release stabile: `bun run release` (tag **latest**, aumenta le versioni nei package prima). Per provare la versione dev: `bun create flow-os mio-app --dev`.
+- **`config.json`** — unica configurazione da editare: profili, pacchetti, dipendenze, tag `@flow:`.
+- **`index.ts`** — entry della CLI create (solo se cambi logica di scaffold).
+- **`lib/utils.ts`** — helper condivisi (copy, transform, findPackageDir).
+- **`templates/`** — `flow.config.client.ts`, `flow.config.server.ts` (usati da gen per i profili).
+
+## Cosa non toccare
+
+- **`scripts/`** — `gen.ts` (genera profiles + packages da config), `publish-dev.ts`, `publish.ts`, `version.ts`.
+- **`bin/`** — output di `bun run build`; non editare.
+- **`profiles/`** e **`packages/`** — generati da `bun run gen`; eventuali modifiche vanno fatte nei sorgenti del repo e nei tag nei file, poi rigenerare.
+
+## Comandi
+
+- `bun run gen` — rigenera profiles e packages da `config.json`.
+- `bun run build` — compila `index.ts` in `bin/`.
+- `bun run publish:dev` — gen + build + publish su tag `dev`.
+- `bun run version -- patch|minor|major|X.Y.Z` — imposta versioni.
+- `bun run release` — publish su tag `latest`.
+
+Il README non è incluso nei file pubblicati su npm (`files` in package.json).

package/bin/index.js

@@ -782,7 +782,7 @@ var _2 = () => {
 // index.ts
 var import_picocolors3 = __toESM(require_picocolors(), 1);
 
-// utils.ts
+// lib/utils.ts
 import { mkdir, readdir } from "fs/promises";
 import { join } from "path";
 function transformPackageJson(pkg, projectName, extraPackages = {}, useWorkspace = false) {

package/lib/utils.ts

@@ -0,0 +1,91 @@
+import { mkdir, readdir } from "node:fs/promises";
+import { join } from "node:path";
+
+export function transformPackageJson(
+  pkg: Record<string, unknown>,
+  projectName: string,
+  extraPackages: Record<string, string> = {},
+  useWorkspace = false
+): Record<string, unknown> {
+  const out = { ...pkg };
+  out.name = projectName;
+  out.private = true;
+  delete out.workspaces;
+  const deps = (out.dependencies as Record<string, string>) || {};
+  const next: Record<string, string> = {};
+  for (const [k, v] of Object.entries(deps)) {
+    const isFlow = k.startsWith("@flow.os/") || k === "@flow.os";
+    if (v === "workspace:*" || (isFlow && typeof v === "string" && (v.startsWith("file:./packages/") || v.startsWith("file:../")))) {
+      next[k] = useWorkspace && isFlow ? "workspace:*" : "^0.0.1";
+    } else {
+      next[k] = v;
+    }
+  }
+  for (const [k, v] of Object.entries(extraPackages)) {
+    if (!(k in next)) next[k] = v;
+  }
+  out.dependencies = next;
+  const devDeps = out.devDependencies as Record<string, string> | undefined;
+  if (devDeps) {
+    const nextDev: Record<string, string> = {};
+    for (const [k, v] of Object.entries(devDeps)) {
+      if (k === "vite-plugin-oxlint" || k === "oxlint" || k === "oxfmt") continue;
+      nextDev[k] = v;
+    }
+    out.devDependencies = nextDev;
+  }
+  return out;
+}
+
+/** Scripts in created projects: drop monorepo-only; server start → "server". */
+export function transformScriptsForCreatedProject(scripts: Record<string, string> | undefined): Record<string, string> | undefined {
+  if (!scripts) return scripts;
+  const drop = new Set(["release", "version"]);
+  const out: Record<string, string> = {};
+  for (const [key, value] of Object.entries(scripts)) {
+    if (drop.has(key)) continue;
+    let s = value;
+    if (key === "start" && /@flow\.os\/server\/start\.ts/.test(s)) s = "server";
+    out[key] = s;
+  }
+  return Object.keys(out).length ? out : undefined;
+}
+
+export async function copyWithExclude(srcDir: string, destDir: string, exclude: string[]): Promise<void> {
+  const set = new Set(exclude.map((e) => e.toLowerCase()));
+  async function w(dir: string, rel: string): Promise<void> {
+    const entries = await readdir(dir, { withFileTypes: true });
+    for (const ent of entries) {
+      const name = ent.name;
+      if (set.has(name.toLowerCase())) continue;
+      const relPath = rel ? join(rel, name) : name;
+      const srcPath = join(dir, name);
+      const destPath = join(destDir, relPath);
+      if (ent.isDirectory()) {
+        await mkdir(destPath, { recursive: true });
+        await w(srcPath, relPath);
+      } else {
+        await mkdir(join(destDir, rel), { recursive: true });
+        await Bun.write(destPath, Bun.file(srcPath));
+      }
+    }
+  }
+  await mkdir(destDir, { recursive: true });
+  await w(srcDir, "");
+}
+
+export async function findPackageDir(repoRoot: string, packageName: string): Promise<string | null> {
+  const packagesDir = join(repoRoot, "packages");
+  try {
+    const entries = await readdir(packagesDir, { withFileTypes: true });
+    for (const ent of entries) {
+      if (!ent.isDirectory()) continue;
+      const pkgPath = join(packagesDir, ent.name, "package.json");
+      try {
+        const pkg = (await Bun.file(pkgPath).json()) as { name?: string };
+        if (pkg.name === packageName) return join(packagesDir, ent.name);
+      } catch {}
+    }
+  } catch {}
+  return null;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-flow-os",
-  "version": "0.0.1-dev.1771780350",
+  "version": "0.0.1-dev.1771781977",
   "type": "module",
   "bin": {
     "create-flow-os": "bin/index.js"
@@ -8,19 +8,20 @@
   "files": [
     "bin",
     "config.json",
-    "flow.config.client.ts",
+    "lib",
+    "templates",
     "profiles",
     "packages",
     "LICENSE"
   ],
   "license": "PolyForm-Shield-1.0.0",
   "scripts": {
-    "gen": "bun gen.ts",
+    "gen": "bun scripts/gen.ts",
     "create": "bun index.ts",
     "build": "bun build ./index.ts --outdir=bin --target=bun",
-    "publish:dev": "bun publish-dev.ts",
-    "version": "bun version.ts",
-    "release": "bun publish.ts"
+    "publish:dev": "bun scripts/publish-dev.ts",
+    "version": "bun scripts/version.ts",
+    "release": "bun scripts/publish.ts"
   },
   "dependencies": {
     "@clack/prompts": "^0.8.2",

package/profiles/client/package.json

@@ -7,7 +7,7 @@
     "dev": "flow-os-dev",
     "build": "tsc -b && flow-os-build",
     "preview": "flow-os-preview",
-    "start": "bun node_modules/@flow.os/server/start.ts",
+    "start": "bun packages/server/scripts/start.ts",
     "lint": "oxlint .",
     "fmt": "oxfmt",
     "fmt:check": "oxfmt --check",

package/profiles/{full/packages/client → client/packages/client/build}/config.ts

@@ -41,16 +41,17 @@ function getNetworkUrl(port: number): string | null {
   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 {}. */
+/** Monorepo: alias a path assoluti (Rollup in Docker non segue symlink). Fuori monorepo ritorna {}. */
 function resolveAlias(): Record<string, string> {
   const root = path.resolve(process.cwd());
   const packagesDir = path.join(root, 'packages');
   if (!fs.existsSync(packagesDir)) return {};
   const alias: Record<string, string> = {};
-  const clientJsx = path.join(root, 'packages', 'client', 'jsx-runtime.ts');
-  if (fs.existsSync(clientJsx)) {
-    alias['@flow.os/client/jsx-runtime'] = clientJsx;
-    alias['@flow.os/client/jsx-dev-runtime'] = path.join(root, 'packages', 'client', 'jsx-dev-runtime.ts');
+  const clientRuntime = path.join(root, 'packages', 'client', 'runtime');
+  const jrx = path.join(clientRuntime, 'jsx-runtime.ts');
+  if (fs.existsSync(jrx)) {
+    alias['@flow.os/client/jsx-runtime'] = jrx;
+    alias['@flow.os/client/jsx-dev-runtime'] = path.join(clientRuntime, 'jsx-dev-runtime.ts');
   }
   for (const name of fs.readdirSync(packagesDir)) {
     const dir = path.join(packagesDir, name);
@@ -89,7 +90,6 @@ 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',

package/profiles/client/packages/client/index.ts

@@ -1,4 +1,6 @@
-/// <reference path="./jsx-types.d.ts" />
-export { Fragment, jsx, jsxs, jsxDEV } from './jsx.js';
-export { normalizeChild, setContent } from './dom.js';
-export { default as config } from './config.js';
+/// <reference path="./runtime/jsx-types.d.ts" />
+// API pubblica: tutto da qui o da subpath (./config, ./vite, ./jsx-runtime, ./jsx-dev-runtime)
+export { Fragment, jsx, jsxs, jsxDEV } from './runtime/jsx.js';
+export { normalizeChild, setContent } from './runtime/dom.js';
+export { default as config } from './build/config.js';
+export { applyClassFlow, applyClassAndClassList, applyStyle, applyStyleFlow, applyAttrs } from './features/index.js';

package/profiles/client/packages/client/package.json

@@ -6,9 +6,9 @@
   "main": "./index.ts",
   "types": "./index.ts",
   "bin": {
-    "flow-os-dev": "./start-dev.ts",
-    "flow-os-build": "./build.ts",
-    "flow-os-preview": "./preview.ts"
+    "flow-os-dev": "./scripts/start-dev.ts",
+    "flow-os-build": "./scripts/build.ts",
+    "flow-os-preview": "./scripts/preview.ts"
   },
   "dependencies": {
     "@flow.os/core": "workspace:*",
@@ -25,24 +25,24 @@
       "default": "./index.ts"
     },
     "./config": {
-      "types": "./config.ts",
-      "import": "./config.ts",
-      "default": "./config.ts"
+      "types": "./build/config.ts",
+      "import": "./build/config.ts",
+      "default": "./build/config.ts"
     },
     "./vite": {
-      "types": "./vite.ts",
-      "import": "./vite.ts",
-      "default": "./vite.ts"
+      "types": "./build/vite.ts",
+      "import": "./build/vite.ts",
+      "default": "./build/vite.ts"
     },
     "./jsx-runtime": {
-      "types": "./jsx.ts",
-      "import": "./jsx.ts",
-      "default": "./jsx.ts"
+      "types": "./runtime/jsx.ts",
+      "import": "./runtime/jsx.ts",
+      "default": "./runtime/jsx.ts"
     },
     "./jsx-dev-runtime": {
-      "types": "./jsx.ts",
-      "import": "./jsx.ts",
-      "default": "./jsx.ts"
+      "types": "./runtime/jsx.ts",
+      "import": "./runtime/jsx.ts",
+      "default": "./runtime/jsx.ts"
     }
   }
 }

package/profiles/client/packages/client/runtime/dom.ts

@@ -0,0 +1,2 @@
+/** Re-export DOM helpers da @flow.os/core. */
+export { normalizeChild, setContent } from '@flow.os/core';

package/profiles/{full/packages/client → client/packages/client/runtime}/jsx.ts

@@ -1,13 +1,13 @@
 /// <reference path="./jsx-types.d.ts" />
 import { effect } from '@flow.os/core';
-import { isGetter } from './features/utils.js';
+import { isGetter } from '../features/utils.js';
 import {
   applyClassFlow,
   applyClassAndClassList,
   applyStyle,
   applyStyleFlow,
   applyAttrs,
-} from './features/index.js';
+} from '../features/index.js';
 
 export const Fragment = Symbol.for('flow.fragment');
 

package/profiles/client/packages/client/{start-dev.ts → scripts/start-dev.ts}

@@ -1,8 +1,5 @@
 #!/usr/bin/env bun
-/**
- * Flow OS dev server runner. Loads flow.config.ts and starts the dev server.
- * Trova una porta libera (3000, 3001, …) prima di avviare, così Vite non si blocca su "trying another one".
- */
+/** Dev server: carica flow.config.ts e avvia Vite. Porta libera 3000–3020. */
 
 import { pathToFileURL } from 'node:url';
 import { join } from 'node:path';

package/profiles/full/package.json

@@ -7,7 +7,7 @@
     "dev": "flow-os-dev",
     "build": "tsc -b && flow-os-build",
     "preview": "flow-os-preview",
-    "start": "bun node_modules/@flow.os/server/start.ts",
+    "start": "bun packages/server/scripts/start.ts",
     "lint": "oxlint .",
     "fmt": "oxfmt",
     "fmt:check": "oxfmt --check",

package/profiles/{client/packages/client → full/packages/client/build}/config.ts

@@ -41,16 +41,17 @@ function getNetworkUrl(port: number): string | null {
   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 {}. */
+/** Monorepo: alias a path assoluti (Rollup in Docker non segue symlink). Fuori monorepo ritorna {}. */
 function resolveAlias(): Record<string, string> {
   const root = path.resolve(process.cwd());
   const packagesDir = path.join(root, 'packages');
   if (!fs.existsSync(packagesDir)) return {};
   const alias: Record<string, string> = {};
-  const clientJsx = path.join(root, 'packages', 'client', 'jsx-runtime.ts');
-  if (fs.existsSync(clientJsx)) {
-    alias['@flow.os/client/jsx-runtime'] = clientJsx;
-    alias['@flow.os/client/jsx-dev-runtime'] = path.join(root, 'packages', 'client', 'jsx-dev-runtime.ts');
+  const clientRuntime = path.join(root, 'packages', 'client', 'runtime');
+  const jrx = path.join(clientRuntime, 'jsx-runtime.ts');
+  if (fs.existsSync(jrx)) {
+    alias['@flow.os/client/jsx-runtime'] = jrx;
+    alias['@flow.os/client/jsx-dev-runtime'] = path.join(clientRuntime, 'jsx-dev-runtime.ts');
   }
   for (const name of fs.readdirSync(packagesDir)) {
     const dir = path.join(packagesDir, name);
@@ -89,7 +90,6 @@ 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',

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

@@ -1,4 +1,6 @@
-/// <reference path="./jsx-types.d.ts" />
-export { Fragment, jsx, jsxs, jsxDEV } from './jsx.js';
-export { normalizeChild, setContent } from './dom.js';
-export { default as config } from './config.js';
+/// <reference path="./runtime/jsx-types.d.ts" />
+// API pubblica: tutto da qui o da subpath (./config, ./vite, ./jsx-runtime, ./jsx-dev-runtime)
+export { Fragment, jsx, jsxs, jsxDEV } from './runtime/jsx.js';
+export { normalizeChild, setContent } from './runtime/dom.js';
+export { default as config } from './build/config.js';
+export { applyClassFlow, applyClassAndClassList, applyStyle, applyStyleFlow, applyAttrs } from './features/index.js';

package/profiles/full/packages/client/package.json

@@ -6,9 +6,9 @@
   "main": "./index.ts",
   "types": "./index.ts",
   "bin": {
-    "flow-os-dev": "./start-dev.ts",
-    "flow-os-build": "./build.ts",
-    "flow-os-preview": "./preview.ts"
+    "flow-os-dev": "./scripts/start-dev.ts",
+    "flow-os-build": "./scripts/build.ts",
+    "flow-os-preview": "./scripts/preview.ts"
   },
   "dependencies": {
     "@flow.os/core": "workspace:*",
@@ -25,24 +25,24 @@
       "default": "./index.ts"
     },
     "./config": {
-      "types": "./config.ts",
-      "import": "./config.ts",
-      "default": "./config.ts"
+      "types": "./build/config.ts",
+      "import": "./build/config.ts",
+      "default": "./build/config.ts"
     },
     "./vite": {
-      "types": "./vite.ts",
-      "import": "./vite.ts",
-      "default": "./vite.ts"
+      "types": "./build/vite.ts",
+      "import": "./build/vite.ts",
+      "default": "./build/vite.ts"
     },
     "./jsx-runtime": {
-      "types": "./jsx.ts",
-      "import": "./jsx.ts",
-      "default": "./jsx.ts"
+      "types": "./runtime/jsx.ts",
+      "import": "./runtime/jsx.ts",
+      "default": "./runtime/jsx.ts"
     },
     "./jsx-dev-runtime": {
-      "types": "./jsx.ts",
-      "import": "./jsx.ts",
-      "default": "./jsx.ts"
+      "types": "./runtime/jsx.ts",
+      "import": "./runtime/jsx.ts",
+      "default": "./runtime/jsx.ts"
     }
   }
 }

package/profiles/full/packages/client/runtime/dom.ts

@@ -0,0 +1,2 @@
+/** Re-export DOM helpers da @flow.os/core. */
+export { normalizeChild, setContent } from '@flow.os/core';

package/profiles/{client/packages/client → full/packages/client/runtime}/jsx.ts

@@ -1,13 +1,13 @@
 /// <reference path="./jsx-types.d.ts" />
 import { effect } from '@flow.os/core';
-import { isGetter } from './features/utils.js';
+import { isGetter } from '../features/utils.js';
 import {
   applyClassFlow,
   applyClassAndClassList,
   applyStyle,
   applyStyleFlow,
   applyAttrs,
-} from './features/index.js';
+} from '../features/index.js';
 
 export const Fragment = Symbol.for('flow.fragment');
 

package/profiles/full/packages/client/{start-dev.ts → scripts/start-dev.ts}

@@ -1,8 +1,5 @@
 #!/usr/bin/env bun
-/**
- * Flow OS dev server runner. Loads flow.config.ts and starts the dev server.
- * Trova una porta libera (3000, 3001, …) prima di avviare, così Vite non si blocca su "trying another one".
- */
+/** Dev server: carica flow.config.ts e avvia Vite. Porta libera 3000–3020. */
 
 import { pathToFileURL } from 'node:url';
 import { join } from 'node:path';

package/profiles/full/packages/server/package.json

@@ -6,7 +6,7 @@
   "main": "./index.ts",
   "types": "./index.ts",
   "bin": {
-    "server": "./start.ts"
+    "server": "./scripts/start.ts"
   },
   "dependencies": {},
   "peerDependencies": {

package/profiles/full/packages/server/scripts/start.ts

@@ -0,0 +1,11 @@
+#!/usr/bin/env bun
+/** Entry produzione: statici + API. Uso: bunx @flow.os/server */
+import { runProductionServer } from '../production.js';
+
+const port = process.env['PORT'] ? Number(process.env['PORT']) : 3000;
+runProductionServer({
+  routesDir: 'server/routes',
+  staticDir: 'dist',
+  port,
+  hostname: '0.0.0.0',
+});

package/profiles/server/packages/server/package.json

@@ -6,7 +6,7 @@
   "main": "./index.ts",
   "types": "./index.ts",
   "bin": {
-    "server": "./start.ts"
+    "server": "./scripts/start.ts"
   },
   "dependencies": {},
   "peerDependencies": {

package/profiles/server/packages/server/scripts/start.ts

@@ -0,0 +1,11 @@
+#!/usr/bin/env bun
+/** Entry produzione: statici + API. Uso: bunx @flow.os/server */
+import { runProductionServer } from '../production.js';
+
+const port = process.env['PORT'] ? Number(process.env['PORT']) : 3000;
+runProductionServer({
+  routesDir: 'server/routes',
+  staticDir: 'dist',
+  port,
+  hostname: '0.0.0.0',
+});

package/templates/flow.config.server.ts

@@ -0,0 +1,6 @@
+/**
+ * Server-only: no Vite client. When you add a frontend (e.g. React), add flow.config.ts
+ * with: import { config } from '@flow.os/client'; import { flowServer } from '@flow.os/server';
+ * export default config({ server: flowServer() });
+ */
+export default {};

package/profiles/client/packages/client/dom.ts

@@ -1,5 +0,0 @@
-/**
- * Re-export degli helper DOM da @flow.os (normalizeChild, setContent).
- * Usato dal runtime client e da chi importa da @flow.os/client.
- */
-export { normalizeChild, setContent } from '@flow.os/core';

package/profiles/client/packages/style/extension/README.md

@@ -1,7 +0,0 @@
-# Flow Style — Color Picker
-
-- **Pallino** (cerchio) prima di ogni colore `#hex` o `rgb(...)`.
-- **Quadratino** dell’editor sul colore: **click** → picker nativo inline.
-- Alternativa: **Ctrl+Shift+C** con cursore sul colore → input hex/rgb.
-
-Installazione: Install from VSIX → `flow-style-colors-0.0.1.vsix`.

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

@@ -1,5 +0,0 @@
-/**
- * Re-export degli helper DOM da @flow.os (normalizeChild, setContent).
- * Usato dal runtime client e da chi importa da @flow.os/client.
- */
-export { normalizeChild, setContent } from '@flow.os/core';

package/profiles/full/packages/server/start.ts

@@ -1,15 +0,0 @@
-#!/usr/bin/env bun
-/**
- * Entry produzione: lancia il server (statici + API).
- * Uso: bunx @flow.os/server oppure "start": "bunx @flow.os/server" in package.json.
- */
-import { runProductionServer } from './production.js';
-
-const port = process.env['PORT'] ? Number(process.env['PORT']) : 3000;
-
-runProductionServer({
-  routesDir: 'server/routes',
-  staticDir: 'dist',
-  port,
-  hostname: '0.0.0.0',
-});

package/profiles/full/packages/style/extension/README.md

@@ -1,7 +0,0 @@
-# Flow Style — Color Picker
-
-- **Pallino** (cerchio) prima di ogni colore `#hex` o `rgb(...)`.
-- **Quadratino** dell’editor sul colore: **click** → picker nativo inline.
-- Alternativa: **Ctrl+Shift+C** con cursore sul colore → input hex/rgb.
-
-Installazione: Install from VSIX → `flow-style-colors-0.0.1.vsix`.

package/profiles/server/packages/server/start.ts

@@ -1,15 +0,0 @@
-#!/usr/bin/env bun
-/**
- * Entry produzione: lancia il server (statici + API).
- * Uso: bunx @flow.os/server oppure "start": "bunx @flow.os/server" in package.json.
- */
-import { runProductionServer } from './production.js';
-
-const port = process.env['PORT'] ? Number(process.env['PORT']) : 3000;
-
-runProductionServer({
-  routesDir: 'server/routes',
-  staticDir: 'dist',
-  port,
-  hostname: '0.0.0.0',
-});

package/profiles/server/packages/style/extension/README.md

@@ -1,7 +0,0 @@
-# Flow Style — Color Picker
-
-- **Pallino** (cerchio) prima di ogni colore `#hex` o `rgb(...)`.
-- **Quadratino** dell’editor sul colore: **click** → picker nativo inline.
-- Alternativa: **Ctrl+Shift+C** con cursore sul colore → input hex/rgb.
-
-Installazione: Install from VSIX → `flow-style-colors-0.0.1.vsix`.