@flight-framework/cli 0.2.0 → 0.3.0

package/templates/react/src/context/RouterContext.tsx

@@ -1,63 +1,63 @@
-import { createContext, useState, useEffect, useContext, type ReactNode } from 'react';
-
-interface RouterContextValue {
-    path: string;
-    navigate: (to: string) => void;
-}
-
-/**
- * Router Context for SSR-safe path sharing
- * - Server: receives URL from request
- * - Client: syncs with browser location
- */
-const RouterContext = createContext<RouterContextValue>({
-    path: '/',
-    navigate: () => { },
-});
-
-export function useRouter() {
-    return useContext(RouterContext);
-}
-
-interface RouterProviderProps {
-    children: ReactNode;
-    initialPath?: string;
-}
-
-/**
- * Router Provider - wraps app to provide current path
- * 
- * Usage:
- * - Server: <RouterProvider initialPath={url}><App /></RouterProvider>
- * - Client: <RouterProvider><App /></RouterProvider>
- */
-export function RouterProvider({ children, initialPath = '/' }: RouterProviderProps) {
-    const isClient = typeof window !== 'undefined';
-
-    const [path, setPath] = useState(
-        isClient ? window.location.pathname : initialPath
-    );
-
-    const navigate = (to: string) => {
-        if (isClient) {
-            window.history.pushState({}, '', to);
-            setPath(to);
-        }
-    };
-
-    useEffect(() => {
-        if (!isClient) return;
-
-        const handlePopState = () => setPath(window.location.pathname);
-        window.addEventListener('popstate', handlePopState);
-        return () => window.removeEventListener('popstate', handlePopState);
-    }, [isClient]);
-
-    return (
-        <RouterContext.Provider value={{ path, navigate }}>
-            {children}
-        </RouterContext.Provider>
-    );
-}
-
-export default RouterProvider;
+import { createContext, useState, useEffect, useContext, type ReactNode } from 'react';
+
+interface RouterContextValue {
+    path: string;
+    navigate: (to: string) => void;
+}
+
+/**
+ * Router Context for SSR-safe path sharing
+ * - Server: receives URL from request
+ * - Client: syncs with browser location
+ */
+const RouterContext = createContext<RouterContextValue>({
+    path: '/',
+    navigate: () => { },
+});
+
+export function useRouter() {
+    return useContext(RouterContext);
+}
+
+interface RouterProviderProps {
+    children: ReactNode;
+    initialPath?: string;
+}
+
+/**
+ * Router Provider - wraps app to provide current path
+ * 
+ * Usage:
+ * - Server: <RouterProvider initialPath={url}><App /></RouterProvider>
+ * - Client: <RouterProvider><App /></RouterProvider>
+ */
+export function RouterProvider({ children, initialPath = '/' }: RouterProviderProps) {
+    const isClient = typeof window !== 'undefined';
+
+    const [path, setPath] = useState(
+        isClient ? window.location.pathname : initialPath
+    );
+
+    const navigate = (to: string) => {
+        if (isClient) {
+            window.history.pushState({}, '', to);
+            setPath(to);
+        }
+    };
+
+    useEffect(() => {
+        if (!isClient) return;
+
+        const handlePopState = () => setPath(window.location.pathname);
+        window.addEventListener('popstate', handlePopState);
+        return () => window.removeEventListener('popstate', handlePopState);
+    }, [isClient]);
+
+    return (
+        <RouterContext.Provider value={{ path, navigate }}>
+            {children}
+        </RouterContext.Provider>
+    );
+}
+
+export default RouterProvider;

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

@@ -1,19 +1,19 @@
-import { hydrateRoot, createRoot } from 'react-dom/client';
-import { RouterProvider } from './context/RouterContext';
-import App from './App';
-import './styles/global.css';
-
-const root = document.getElementById('root')!;
-
-const app = (
-    <RouterProvider>
-        <App />
-    </RouterProvider>
-);
-
-// Hydrate SSR content or render client-only
-if (root.innerHTML.trim()) {
-    hydrateRoot(root, app);
-} else {
-    createRoot(root).render(app);
-}
+import { hydrateRoot, createRoot } from 'react-dom/client';
+import { RouterProvider } from './context/RouterContext';
+import App from './App';
+import './styles/global.css';
+
+const root = document.getElementById('root')!;
+
+const app = (
+    <RouterProvider>
+        <App />
+    </RouterProvider>
+);
+
+// Hydrate SSR content or render client-only
+if (root.innerHTML.trim()) {
+    hydrateRoot(root, app);
+} else {
+    createRoot(root).render(app);
+}

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

@@ -1,17 +1,17 @@
-import { renderToString } from 'react-dom/server';
-import { RouterProvider } from './context/RouterContext';
-import App from './App';
-
-/**
- * Server-side render function
- * Called by Flight for each page request
- * 
- * @param url - Request URL path (e.g., '/about', '/products/123')
- */
-export function render(url: string): string {
-    return renderToString(
-        <RouterProvider initialPath={url}>
-            <App />
-        </RouterProvider>
-    );
-}
+import { renderToString } from 'react-dom/server';
+import { RouterProvider } from './context/RouterContext';
+import App from './App';
+
+/**
+ * Server-side render function
+ * Called by Flight for each page request
+ * 
+ * @param url - Request URL path (e.g., '/about', '/products/123')
+ */
+export function render(url: string): string {
+    return renderToString(
+        <RouterProvider initialPath={url}>
+            <App />
+        </RouterProvider>
+    );
+}

package/templates/react/tsconfig.json

@@ -1,20 +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"
-    ]
+{
+    "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"
+    ]
 }

package/templates/react/vite.config.ts

@@ -1,12 +1,12 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-
-export default defineConfig({
-    plugins: [react()],
-    server: {
-        port: 5173,
-    },
-    build: {
-        target: 'es2022',
-    },
-});
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+
+export default defineConfig({
+    plugins: [react()],
+    server: {
+        port: 5173,
+    },
+    build: {
+        target: 'es2022',
+    },
+});

package/templates/solid/index.html

@@ -1,15 +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>
-
+<!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/solid/package.json.template

@@ -1,21 +1,21 @@
-{
-    "name": "{{PROJECT_NAME}}",
-    "version": "0.0.1",
-    "private": true,
-    "type": "module",
-    "scripts": {
-        "dev": "flight dev",
-        "build": "flight build",
-        "preview": "flight preview"
-    },
-    "dependencies": {
-        "@flight-framework/core": "^0.0.1",
-        "{{BUNDLER_PACKAGE}}": "^0.0.1",
-        "solid-js": "^1.9.0"
-    },
-    "devDependencies": {
-        "vite-plugin-solid": "^2.10.0",
-        "typescript": "^5.7.0",
-        "vite": "^6.0.0"
-    }
-}
+{
+    "name": "{{PROJECT_NAME}}",
+    "version": "0.0.1",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "dev": "flight dev",
+        "build": "flight build",
+        "preview": "flight preview"
+    },
+    "dependencies": {
+        "@flight-framework/core": "^0.0.1",
+        "{{BUNDLER_PACKAGE}}": "^0.0.1",
+        "solid-js": "^1.9.0"
+    },
+    "devDependencies": {
+        "vite-plugin-solid": "^2.10.0",
+        "typescript": "^5.7.0",
+        "vite": "^6.0.0"
+    }
+}

package/templates/solid/src/App.tsx

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

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

@@ -1,11 +1,11 @@
-import { hydrate, render } from 'solid-js/web';
-import App from './App';
-import './styles/global.css';
-
-const root = document.getElementById('root')!;
-
-if (root.innerHTML.trim()) {
-    hydrate(() => <App />, root);
-} else {
-    render(() => <App />, root);
-}
+import { hydrate, render } from 'solid-js/web';
+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/solid/src/entry-server.tsx

@@ -1,6 +1,6 @@
-import { renderToString } from 'solid-js/web';
-import App from './App';
-
-export function render(_url: string): string {
-    return renderToString(() => <App />);
-}
+import { renderToString } from 'solid-js/web';
+import App from './App';
+
+export function render(_url: string): string {
+    return renderToString(() => <App />);
+}

package/templates/solid/tsconfig.json

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

package/templates/solid/vite.config.ts

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

package/templates/svelte/index.html

@@ -1,15 +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>
-
+<!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/svelte/package.json.template

@@ -1,21 +1,21 @@
-{
-    "name": "{{PROJECT_NAME}}",
-    "version": "0.0.1",
-    "private": true,
-    "type": "module",
-    "scripts": {
-        "dev": "flight dev",
-        "build": "flight build",
-        "preview": "flight preview"
-    },
-    "dependencies": {
-        "@flight-framework/core": "^0.0.1",
-        "{{BUNDLER_PACKAGE}}": "^0.0.1",
-        "svelte": "^5.0.0"
-    },
-    "devDependencies": {
-        "@sveltejs/vite-plugin-svelte": "^4.0.0",
-        "typescript": "^5.7.0",
-        "vite": "^6.0.0"
-    }
-}
+{
+    "name": "{{PROJECT_NAME}}",
+    "version": "0.0.1",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "dev": "flight dev",
+        "build": "flight build",
+        "preview": "flight preview"
+    },
+    "dependencies": {
+        "@flight-framework/core": "^0.0.1",
+        "{{BUNDLER_PACKAGE}}": "^0.0.1",
+        "svelte": "^5.0.0"
+    },
+    "devDependencies": {
+        "@sveltejs/vite-plugin-svelte": "^4.0.0",
+        "typescript": "^5.7.0",
+        "vite": "^6.0.0"
+    }
+}

package/templates/svelte/src/App.svelte

@@ -1,4 +1,4 @@
-<main>
-    <h1>Flight ✈️</h1>
-    <p>Edit <code>src/App.svelte</code> to get started.</p>
-</main>
+<main>
+    <h1>Flight ✈️</h1>
+    <p>Edit <code>src/App.svelte</code> to get started.</p>
+</main>

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

@@ -1,7 +1,7 @@
-import App from './App.svelte';
-import './styles/global.css';
-
-const target = document.getElementById('root')!;
-const hasSSR = target.innerHTML.trim() !== '';
-
-new App({ target, hydrate: hasSSR });
+import App from './App.svelte';
+import './styles/global.css';
+
+const target = document.getElementById('root')!;
+const hasSSR = target.innerHTML.trim() !== '';
+
+new App({ target, hydrate: hasSSR });

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

@@ -1,7 +1,7 @@
-import { render } from 'svelte/server';
-import App from './App.svelte';
-
-export function render(_url: string): string {
-    const { body } = render(App, { props: {} });
-    return body;
-}
+import { render } from 'svelte/server';
+import App from './App.svelte';
+
+export function render(_url: string): string {
+    const { body } = render(App, { props: {} });
+    return body;
+}

package/templates/svelte/tsconfig.json

@@ -1,18 +1,18 @@
-{
-    "compilerOptions": {
-        "target": "ES2022",
-        "module": "ESNext",
-        "moduleResolution": "bundler",
-        "lib": [
-            "ES2022",
-            "DOM"
-        ],
-        "strict": true,
-        "noEmit": true,
-        "skipLibCheck": true
-    },
-    "include": [
-        "src/**/*.ts",
-        "src/**/*.svelte"
-    ]
+{
+    "compilerOptions": {
+        "target": "ES2022",
+        "module": "ESNext",
+        "moduleResolution": "bundler",
+        "lib": [
+            "ES2022",
+            "DOM"
+        ],
+        "strict": true,
+        "noEmit": true,
+        "skipLibCheck": true
+    },
+    "include": [
+        "src/**/*.ts",
+        "src/**/*.svelte"
+    ]
 }

package/templates/svelte/vite.config.ts

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