# FX Create App - run `fx` ```sh PS C:\any\path\> fx _____ __ __ | ___|\ \ / / | |_ \ V / | _| > < |_| /_/\_\ CLI v1.0.0 Effects Framework - Project Generator No FX project found in current directory ? What would you like to do? ❯ 🚀 Create new FX project 📋 List available plugins ℹ️ Show help ❌ Exit ``` ## Listing available plugins Seelct the 2nd option ```sh ? What would you like to do? 🚀 Create new FX project ❯ 📋 List available plugins ℹ️ Show help ❌ Exit ``` Output ```sh What would you like to do? » 📋 List available plugins 📦 FX Plugins No plugins installed Available: Plugin Version Category Description ⬜ fx-serialize 2.0.0 core Node serialization and deserialization ⬜ fx-flow 1.0.0 core Cross-realm reactive flows ⬜ fx-hono 1.0.0 server Hono server integration ⬜ fx-dom-dollar 1.0.0 client DOM manipulation and reactive bindings ⬜ fx-api 1.0.0 client API helpers and utilities ⬜ fx-orm 3.1.0 data Zero-latency database with reactive models ⬜ fx-scout 2.0.0 tools Advanced module loading and caching ⬜ fx-devtools 1.0.0 tools Quake-style developer console ⬜ fx-visualizer 1.0.0 tools Live node graph visualization ⬜ fx-cache 1.0.0 performance Multi-tier caching with IndexedDB ⬜ fx-safe 1.0.0 reliability Circuit breakers and retry patterns ⬜ fx-router 1.0.0 client Page routing and navigation ⬜ fx-react 2.0.0 integration React hooks for FX state ⬜ fx-jsx 2.0.0 client Native JSX with FX reactivity ⬜ fx-components 1.0.0 client Declarative components with .fxc files ⬜ fx-pages 1.0.0 client Page management and lifecycle ⬜ fx-time-travel 1.0.0 tools State snapshots and time-travel debugging ⬜ fx-atomics 3.0.0 advanced SharedArrayBuffer and Atomics utilities ⬜ fx-reality-engine 1.1.0 experimental Reality bubbles, quantum superpositions, and consciousness ⬜ fx-filesystem 1.0.0 server Mirror FX nodes to filesystem for inter-process sharing ⬜ fx-markdown 1.0.0 client Markdown to HTML with runnable code blocks Use 'fx add ' to install ``` ## Show help Seelct the 3rd option ```sh ? What would you like to do? 🚀 Create new FX project 📋 List available plugins ❯ ℹ️ Show help ❌ Exit ``` ### Output ```sh ? What would you like to do? » ℹ️ Show help FX CLI Commands: fx create [name] - Create new project fx add - Add plugins fx remove - Remove plugins fx list - List plugins fx update - Update plugins fx --help - Show detailed help ``` ## Ceate new app Seelct the 1st option ```sh ? What would you like to do? ❯ 🚀 Create new FX project 📋 List available plugins ℹ️ Show help ❌ Exit ``` ### Output Enter project and [enter] for default ``` ⚡ FX CLI - Project Generator ? Project name: (my-fx-app) » ``` ### Output Selecting Full Stack ```sh ? Project name: (my-fx-app) » fx-final ? Select project template: Basic - FX core only - minimal setup Client - Browser app with DOM manipulation Server - API/Backend with Hono ❯ Full-Stack - Interactive documentation with runnable examples ``` ### Output Select VITE for HMR (Hot module replacement) ``` ⚡ FX CLI - Project Generator ? Project name: (my-fx-app) » fx-final ? Select project template: » Full-Stack - Interactive documentation with runnable examples ? Select bundler: (Vite (recommended for client apps)) ❯ Vite (recommended for client apps) esbuild (fast and simple) TypeScript only (no bundler) None (manual setup) ``` ## Output Use [space] to select / unselect pluins, then press enter ``` ⚡ FX CLI - Project Generator ? Project name: (my-fx-app) » fx-final ? Select project template: » Full-Stack - Interactive documentation with runnable examples ? Select bundler: (Vite (recommended for client apps)) » Vite (recommended for client apps) ? Select plugins (space to toggle, enter to confirm): ❯ √ fx-serialize (2.0.0) - core √ fx-flow (1.0.0) - core √ fx-hono (1.0.0) - server √ fx-dom-dollar (1.0.0) - client √ fx-api (1.0.0) - client × fx-orm (3.1.0) - data × fx-scout (2.0.0) - tools √ fx-devtools (1.0.0) - tools √ fx-visualizer (1.0.0) - tools × fx-cache (1.0.0) - performance √ fx-safe (1.0.0) - reliability √ fx-router (1.0.0) - client √ fx-react (2.0.0) - integration √ fx-jsx (2.0.0) - client √ fx-components (1.0.0) - client √ fx-pages (1.0.0) - client √ fx-time-travel (1.0.0) - tools √ fx-atomics (3.0.0) - advanced √ fx-reality-engine (1.1.0) - experimental √ fx-filesystem (1.0.0) - server √ fx-markdown (1.0.0) - client ``` ### Output ``` Press ↵ again to submit. To check or uncheck the selected option press space. ``` ### Output ``` ? Project name: (my-fx-app) » fx-final ? Select project template: » Full-Stack - Interactive documentation with runnable examples ? Select bundler: (Vite (recommended for client apps)) » Vite (recommended for client apps) ? Select plugins (space to toggle, enter to confirm): » fx-serialize (2.0.0) - core, fx-flow (1.0.0) - core, fx-hono (1.0.0) - server, fx-dom-dollar (1.0.0) - client, fx-api (1.0.0) - client, fx-orm (3.1.0) - data, fx-scout (2.0.0) - tools, fx-devtools (1.0.0) - tools, fx-visualizer (1.0.0) - tools, fx-cache (1.0.0) - performance, fx-safe (1.0.0) - reliability, fx-router (1.0.0) - client, fx-react (2.0.0) - integration, fx-jsx (2.0.0) - client, fx-components (1.0.0) - client, fx-pages (1.0.0) - client, fx-time-travel (1.0.0) - tools, fx-atomics (3.0.0) - advanced, fx-reality-engine (1.1.0) - experimental, fx-filesystem (1.0.0) - server, fx-markdown (1.0.0) - client ? Install dependencies? (Y/n) » Yes ? Initialize git repository? (Y/n) » ```? Install dependencies? (Y/n) » Yes ? Initialize git repository? (Y/n) » Yes ? Include example code? (Y/n) » Yes Creating project... 📦 Installing FX core + 21 plugins... 📡 Downloading files from GitHub (temp clone)... ✓ fx.ts ✓ fx-serialize.ts ✓ fx-flow.ts ✓ fx-hono.ts ✓ fx-dom-dollar.ts ✓ fx-api.ts ✓ fx-orm.ts ✓ fx-scout.ts ✓ fx-devtools.ts ✓ fx-visualizer.ts ✓ fx-cache.ts ✓ fx-safe.ts ✓ fx-router.ts ✓ fx-react.ts ✓ fx-jsx.ts ✓ fx-components.ts ✓ fx-pages.ts ✓ fx-time-travel.ts ✓ fx-atomics.v3.ts ✓ fx-reality-engine.ts ✓ fx-filesystem.js ✓ fx-markdown.ts ✅ Downloaded 22/22 files ✅ Installed 22 files ⚠️ Could not copy fx.md ⚠️ Could not copy fx-api.md ⚠️ Could not copy fx-atomics.v3.md ⚠️ Could not copy fx-dom-dollar.md ⚠️ Could not copy fx-flow.md ⚠️ Could not copy fx-hono.md ⚠️ Could not copy fx-jsx.md ⚠️ Could not copy fx-orm.md ⚠️ Could not copy fx-react.md ✅ Copied 9 documentation files 🔧 Initializing git... 📦 Installing dependencies.. added 115 packages, and audited 116 packages in 16s 10 packages are looking for funding run `npm fund` for details 2 moderate severity vulnerabilities To address all issues (including breaking changes), run: npm audit fix --force Run `npm audit` for details. ✨ Project created successfully! Next steps: cd fx-final npm run dev Happy coding! 🚀 ```