@flight-framework/cli 0.0.1 → 0.0.2

package/package.json

@@ -1,51 +1,54 @@
-{
-  "name": "@flight-framework/cli",
-  "version": "0.0.1",
-  "description": "Command-line interface for Flight Framework",
-  "keywords": [
-    "flight",
-    "cli",
-    "framework"
-  ],
-  "license": "MIT",
-  "author": "Flight Contributors",
-  "type": "module",
-  "bin": {
-    "flight": "./dist/bin.js"
-  },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    }
-  },
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "dependencies": {
-    "cac": "^6.7.14",
-    "picocolors": "^1.1.0",
-    "prompts": "^2.4.2",
-    "@flight-framework/core": "0.0.1"
-  },
-  "devDependencies": {
-    "@types/node": "^22.0.0",
-    "@types/prompts": "^2.4.9",
-    "rimraf": "^6.0.0",
-    "tsup": "^8.0.0",
-    "typescript": "^5.7.0",
-    "vitest": "^2.0.0"
-  },
-  "peerDependencies": {
-    "vite": "^6.0.0 || ^7.0.0"
-  },
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "test": "vitest run",
-    "lint": "eslint src/",
-    "clean": "rimraf dist"
-  }
+{
+    "name": "@flight-framework/cli",
+    "version": "0.0.2",
+    "description": "Command-line interface for Flight Framework",
+    "keywords": [
+        "flight",
+        "cli",
+        "framework"
+    ],
+    "license": "MIT",
+    "author": "Flight Contributors",
+    "type": "module",
+    "bin": {
+        "flight": "./dist/bin.js"
+    },
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/index.js"
+        }
+    },
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "files": [
+        "dist",
+        "templates"
+    ],
+    "scripts": {
+        "build": "tsup",
+        "dev": "tsup --watch",
+        "test": "vitest run",
+        "lint": "eslint src/",
+        "clean": "rimraf dist",
+        "typecheck": "tsc --noEmit"
+    },
+    "dependencies": {
+        "@flight-framework/core": "workspace:*",
+        "@flight-framework/http": "workspace:*",
+        "cac": "^6.7.14",
+        "picocolors": "^1.1.0",
+        "prompts": "^2.4.2"
+    },
+    "devDependencies": {
+        "@types/node": "^22.0.0",
+        "@types/prompts": "^2.4.9",
+        "rimraf": "^6.0.0",
+        "tsup": "^8.0.0",
+        "typescript": "^5.7.0",
+        "vitest": "^2.0.0"
+    },
+    "peerDependencies": {
+        "vite": "^6.0.0 || ^7.0.0"
+    }
 }

package/templates/base/README.md.template

@@ -0,0 +1,26 @@
+# {{PROJECT_NAME}}
+
+A Flight application.
+
+## Development
+
+```bash
+npm run dev
+```
+
+## Build
+
+```bash
+npm run build
+npm run preview
+```
+
+## Stack
+
+- **UI**: {{UI_FRAMEWORK}}
+- **Build**: Vite 6
+- **Language**: {{LANGUAGE}}
+
+---
+
+*Built with [Flight Framework](https://github.com/EliosLT/Flight-framework) - Maximum flexibility. Zero lock-in.*

package/templates/base/_gitignore

@@ -0,0 +1,25 @@
+# Dependencies
+node_modules/
+
+# Build output
+dist/
+.output/
+
+# Environment
+.env
+.env.*
+!.env.example
+
+# Logs
+*.log
+npm-debug.log*
+
+# Editor
+.vscode/
+.idea/
+*.swp
+*.swo
+
+# OS
+.DS_Store
+Thumbs.db

package/templates/base/flight.config.ts.template

@@ -0,0 +1,10 @@
+// Flight Framework Configuration
+
+export default {
+    ui: {
+        framework: '{{UI_FRAMEWORK}}',
+    },
+    rendering: {
+        default: 'ssr',
+    },
+};

package/templates/base/styles/global.css

@@ -0,0 +1,58 @@
+/* Flight - Minimal CSS */
+
+:root {
+    --color-bg: #0a0a0f;
+    --color-text: #f0f0f5;
+    --color-muted: #8888a0;
+    --color-primary: #6366f1;
+    --font-sans: system-ui, -apple-system, sans-serif;
+    --font-mono: 'Fira Code', monospace;
+}
+
+*, *::before, *::after {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    font-family: var(--font-sans);
+    background: var(--color-bg);
+    color: var(--color-text);
+    line-height: 1.6;
+    min-height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+main {
+    text-align: center;
+    padding: 2rem;
+}
+
+h1 {
+    font-size: 2.5rem;
+    margin-bottom: 1rem;
+}
+
+p {
+    color: var(--color-muted);
+    margin-bottom: 0.5rem;
+}
+
+code {
+    font-family: var(--font-mono);
+    background: rgba(99, 102, 241, 0.1);
+    padding: 0.2rem 0.5rem;
+    border-radius: 4px;
+    color: var(--color-primary);
+}
+
+@media (prefers-color-scheme: light) {
+    :root {
+        --color-bg: #fafafa;
+        --color-text: #1a1a2e;
+        --color-muted: #64648a;
+    }
+}

package/templates/htmx/index.html

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{PROJECT_NAME}}</title>
+    <link rel="stylesheet" href="/src/styles/global.css" />
+    <script src="https://unpkg.com/htmx.org@2.0.0"></script>
+</head>
+
+<body hx-boost="true">
+    <main>
+        <h1>Flight ✈️</h1>
+        <p>Edit <code>index.html</code> to get started.</p>
+    </main>
+</body>
+
+</html>

package/templates/htmx/package.json.template

@@ -0,0 +1,14 @@
+{
+    "name": "{{PROJECT_NAME}}",
+    "version": "0.0.1",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build",
+        "preview": "vite preview"
+    },
+    "devDependencies": {
+        "vite": "^6.0.0"
+    }
+}

package/templates/htmx/vite.config.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+    server: { port: 5173 },
+    build: { target: 'es2022' },
+});

package/templates/lit/index.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{PROJECT_NAME}}</title>
+</head>
+
+<body>
+    <div id="root"><!--ssr-outlet--></div>
+    <script type="module" src="/src/entry-client.ts"></script>
+</body>
+
+</html>

package/templates/lit/package.json.template

@@ -0,0 +1,19 @@
+{
+    "name": "{{PROJECT_NAME}}",
+    "version": "0.0.1",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build",
+        "preview": "vite preview"
+    },
+    "dependencies": {
+        "lit": "^3.2.0"
+    },
+    "devDependencies": {
+        "@lit-labs/ssr": "^3.3.0",
+        "typescript": "^5.7.0",
+        "vite": "^6.0.0"
+    }
+}

package/templates/lit/src/app-root.ts

@@ -0,0 +1,18 @@
+import { LitElement, html, css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+
+@customElement('app-root')
+export class AppRoot extends LitElement {
+    static styles = css`
+        :host { display: block; }
+    `;
+
+    render() {
+        return html`
+            <main>
+                <h1>Flight ✈️</h1>
+                <p>Edit <code>src/app-root.ts</code> to get started.</p>
+            </main>
+        `;
+    }
+}

package/templates/lit/src/entry-client.ts

@@ -0,0 +1,5 @@
+import './app-root.js';
+import './styles/global.css';
+
+// Lit Web Components are self-hydrating via Declarative Shadow DOM
+console.log('Lit app ready');

package/templates/lit/src/entry-server.ts

@@ -0,0 +1,9 @@
+import { render } from '@lit-labs/ssr';
+import { html } from 'lit';
+import { collectResult } from '@lit-labs/ssr/lib/render-result.js';
+import './app-root.js';
+
+export async function render(_url: string): Promise<string> {
+    const result = render(html`<app-root></app-root>`);
+    return collectResult(result);
+}

package/templates/lit/tsconfig.json

@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "target": "ES2022",
+        "module": "ESNext",
+        "moduleResolution": "bundler",
+        "lib": [
+            "ES2022",
+            "DOM"
+        ],
+        "strict": true,
+        "noEmit": true,
+        "skipLibCheck": true,
+        "experimentalDecorators": true,
+        "useDefineForClassFields": false
+    },
+    "include": [
+        "src"
+    ]
+}

package/templates/lit/vite.config.ts

@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+    server: { port: 5173 },
+    build: { target: 'es2022' },
+});

package/templates/preact/index.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{PROJECT_NAME}}</title>
+</head>
+
+<body>
+    <div id="root"><!--ssr-outlet--></div>
+    <script type="module" src="/src/entry-client.tsx"></script>
+</body>
+
+</html>

package/templates/preact/package.json.template

@@ -0,0 +1,20 @@
+{
+    "name": "{{PROJECT_NAME}}",
+    "version": "0.0.1",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build",
+        "preview": "vite preview"
+    },
+    "dependencies": {
+        "preact": "^10.25.0"
+    },
+    "devDependencies": {
+        "@preact/preset-vite": "^2.9.0",
+        "preact-render-to-string": "^6.5.0",
+        "typescript": "^5.7.0",
+        "vite": "^6.0.0"
+    }
+}

package/templates/preact/src/App.tsx

@@ -0,0 +1,8 @@
+export default function App() {
+    return (
+        <main>
+            <h1>Flight ✈️</h1>
+            <p>Edit <code>src/App.tsx</code> to get started.</p>
+        </main>
+    );
+}

package/templates/preact/src/entry-client.tsx

@@ -0,0 +1,11 @@
+import { hydrate, render } from 'preact';
+import App from './App';
+import './styles/global.css';
+
+const root = document.getElementById('root')!;
+
+if (root.innerHTML.trim()) {
+    hydrate(<App />, root);
+} else {
+    render(<App />, root);
+}

package/templates/preact/src/entry-server.tsx

@@ -0,0 +1,6 @@
+import renderToString from 'preact-render-to-string';
+import App from './App';
+
+export function render(_url: string): string {
+    return renderToString(<App />);
+}

package/templates/preact/tsconfig.json

@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "target": "ES2022",
+        "module": "ESNext",
+        "moduleResolution": "bundler",
+        "lib": [
+            "ES2022",
+            "DOM"
+        ],
+        "strict": true,
+        "noEmit": true,
+        "skipLibCheck": true,
+        "jsx": "react-jsx",
+        "jsxImportSource": "preact"
+    },
+    "include": [
+        "src"
+    ]
+}

package/templates/preact/vite.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite';
+import preact from '@preact/preset-vite';
+
+export default defineConfig({
+    plugins: [preact()],
+    server: { port: 5173 },
+    build: { target: 'es2022' },
+});

package/templates/qwik/index.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{PROJECT_NAME}}</title>
+</head>
+
+<body>
+    <div id="root"><!--ssr-outlet--></div>
+    <script type="module" src="/src/entry-client.tsx"></script>
+</body>
+
+</html>

package/templates/qwik/package.json.template

@@ -0,0 +1,18 @@
+{
+    "name": "{{PROJECT_NAME}}",
+    "version": "0.0.1",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build",
+        "preview": "vite preview"
+    },
+    "dependencies": {
+        "@builder.io/qwik": "^2.0.0"
+    },
+    "devDependencies": {
+        "typescript": "^5.7.0",
+        "vite": "^6.0.0"
+    }
+}

package/templates/qwik/src/App.tsx

@@ -0,0 +1,10 @@
+import { component$ } from '@builder.io/qwik';
+
+export default component$(() => {
+    return (
+        <main>
+            <h1>Flight ✈️</h1>
+            <p>Edit <code>src/App.tsx</code> to get started.</p>
+        </main>
+    );
+});

package/templates/qwik/src/entry-client.tsx

@@ -0,0 +1,4 @@
+import './styles/global.css';
+
+// Qwik uses resumability - no hydration needed
+console.log('Qwik app resumed');

package/templates/qwik/src/entry-server.tsx

@@ -0,0 +1,9 @@
+import { renderToString } from '@builder.io/qwik/server';
+import App from './App';
+
+export async function render(_url: string): Promise<string> {
+    const { html } = await renderToString(<App />, {
+        containerTagName: 'div',
+    });
+    return html;
+}

package/templates/qwik/tsconfig.json

@@ -0,0 +1,19 @@
+{
+    "compilerOptions": {
+        "target": "ES2022",
+        "module": "ESNext",
+        "moduleResolution": "bundler",
+        "lib": [
+            "ES2022",
+            "DOM"
+        ],
+        "strict": true,
+        "noEmit": true,
+        "skipLibCheck": true,
+        "jsx": "react-jsx",
+        "jsxImportSource": "@builder.io/qwik"
+    },
+    "include": [
+        "src"
+    ]
+}

package/templates/qwik/vite.config.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'vite';
+import { qwikVite } from '@builder.io/qwik/optimizer';
+
+export default defineConfig({
+    plugins: [qwikVite()],
+    server: { port: 5173 },
+    build: { target: 'es2022' },
+});

package/templates/react/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{{PROJECT_NAME}}</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+</head>
+<body>
+    <div id="root"><!--ssr-outlet--></div>
+    <script type="module" src="/src/entry-client.tsx"></script>
+</body>
+</html>

package/templates/react/package.json.template

@@ -0,0 +1,22 @@
+{
+    "name": "{{PROJECT_NAME}}",
+    "version": "0.0.1",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build",
+        "preview": "vite preview"
+    },
+    "dependencies": {
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
+    },
+    "devDependencies": {
+        "@vitejs/plugin-react": "^4.3.0",
+        "@types/react": "^19.0.0",
+        "@types/react-dom": "^19.0.0",
+        "typescript": "^5.7.0",
+        "vite": "^6.0.0"
+    }
+}

package/templates/react/src/App.tsx

@@ -0,0 +1,8 @@
+export default function App() {
+    return (
+        <main>
+            <h1>Flight ✈️</h1>
+            <p>Edit <code>src/App.tsx</code> to get started.</p>
+        </main>
+    );
+}

package/templates/react/src/entry-client.tsx

@@ -0,0 +1,11 @@
+import { hydrateRoot, createRoot } from 'react-dom/client';
+import App from './App';
+import './styles/global.css';
+
+const root = document.getElementById('root')!;
+
+if (root.innerHTML.trim()) {
+    hydrateRoot(root, <App />);
+} else {
+    createRoot(root).render(<App />);
+}

package/templates/react/src/entry-server.tsx

@@ -0,0 +1,6 @@
+import { renderToString } from 'react-dom/server';
+import App from './App';
+
+export function render(_url: string): string {
+    return renderToString(<App />);
+}

package/templates/react/tsconfig.json

@@ -0,0 +1,20 @@
+{
+    "compilerOptions": {
+        "target": "ES2022",
+        "module": "ESNext",
+        "moduleResolution": "bundler",
+        "lib": [
+            "ES2022",
+            "DOM",
+            "DOM.Iterable"
+        ],
+        "strict": true,
+        "noEmit": true,
+        "esModuleInterop": true,
+        "skipLibCheck": true,
+        "jsx": "react-jsx"
+    },
+    "include": [
+        "src"
+    ]
+}