create-termui-app 0.1.4 → 0.1.6

package/dist/index.js

@@ -1,20 +1,21 @@
 #!/usr/bin/env node
 
 // src/index.ts
-import { resolve, join } from "path";
-import { mkdirSync, writeFileSync, existsSync } from "fs";
+import { dirname as dirname3, resolve as resolve4, join as join3 } from "path";
+import { fileURLToPath as fileURLToPath2 } from "url";
+import { mkdirSync as mkdirSync2, writeFileSync as writeFileSync2, existsSync as existsSync2 } from "fs";
 import { getBuiltinThemeNames } from "@termuijs/tss";
 
 // src/prompts.ts
 import { createInterface } from "readline";
 var rl = () => createInterface({ input: process.stdin, output: process.stdout });
 async function textPrompt(question, defaultValue) {
-  return new Promise((resolve2) => {
+  return new Promise((resolve5) => {
     const r = rl();
     const suffix = defaultValue ? ` (${defaultValue})` : "";
     r.question(`  ${question}${suffix}: `, (answer) => {
       r.close();
-      resolve2(answer.trim() || defaultValue || "");
+      resolve5(answer.trim() || defaultValue || "");
     });
   });
 }
@@ -28,6 +29,12 @@ async function selectPrompt(question, options) {
   const idx = parseInt(answer) - 1;
   return Math.max(0, Math.min(idx, options.length - 1));
 }
+async function confirmPrompt(question, defaultValue = true) {
+  const suffix = defaultValue ? "(Y/n)" : "(y/N)";
+  const answer = await textPrompt(`${question} ${suffix}`);
+  if (!answer) return defaultValue;
+  return answer.toLowerCase().startsWith("y");
+}
 async function multiSelectPrompt(question, options, defaults = []) {
   console.log(`
   ${question} (comma-separated numbers, or 'all')`);
@@ -44,37 +51,16 @@ async function multiSelectPrompt(question, options, defaults = []) {
 
 // src/templates.ts
 import { getBuiltinTheme } from "@termuijs/tss";
+import { readdirSync, readFileSync } from "fs";
+import { dirname, join, relative, resolve } from "path";
+import { fileURLToPath } from "url";
+var __dirname = dirname(fileURLToPath(import.meta.url));
+var TEMPLATES_ROOT = resolve(__dirname, "../templates");
 function generateProject(config) {
   const files = [];
   files.push({
     path: "package.json",
-    content: JSON.stringify({
-      name: config.name,
-      version: "0.1.0",
-      private: true,
-      type: "module",
-      scripts: {
-        dev: "tsx --watch src/index.tsx",
-        build: "tsup src/index.tsx --format esm",
-        start: "node dist/index.js"
-      },
-      dependencies: {
-        "@termuijs/core": "latest",
-        "@termuijs/widgets": "latest",
-        "@termuijs/ui": "latest",
-        "@termuijs/jsx": "latest",
-        "@termuijs/tss": "latest",
-        "@termuijs/quick": "latest",
-        "@termuijs/motion": "latest",
-        ...config.features.dataProviders ? { "@termuijs/data": "latest" } : {},
-        ...config.features.router ? { "@termuijs/router": "latest" } : {}
-      },
-      devDependencies: {
-        tsx: "^4.0.0",
-        tsup: "^8.0.0",
-        typescript: "^5.3.0"
-      }
-    }, null, 2) + "\n"
+    content: createPackageJson(config)
   });
   files.push({
     path: "tsconfig.json",
@@ -118,11 +104,139 @@ export default defineConfig({
     case "cli-wrapper":
       files.push(...generateCliWrapperTemplate(config));
       break;
+    case "cli-tool":
+      files.push(...generateCliToolTemplate(config));
+      break;
+    case "ai-assistant":
+      files.push(...generateAiAssistantTemplate(config));
+      break;
+    case "file-manager":
+      files.push(...generateFileManagerTemplate(config));
+      break;
+    case "form-wizard":
+      files.push(...generateFormWizardTemplate(config));
+      break;
     default:
       files.push(...generateEmptyTemplate(config));
   }
   return files;
 }
+function createPackageJson(config) {
+  const isFileManager = config.template === "file-manager";
+  const isAiAssistant = config.template === "ai-assistant";
+  return JSON.stringify({
+    name: config.name,
+    version: "0.1.0",
+    private: true,
+    type: "module",
+    scripts: {
+      dev: "bun --watch src/index.tsx",
+      build: "tsup src/index.tsx --format esm",
+      start: "bun dist/index.js"
+    },
+    dependencies: isAiAssistant ? {
+      "@termuijs/core": "latest",
+      "@termuijs/widgets": "latest",
+      "@termuijs/ui": "latest",
+      "@termuijs/jsx": "latest",
+      "@termuijs/tss": "latest"
+    } : isFileManager ? {
+      "@termuijs/core": "latest",
+      "@termuijs/widgets": "latest",
+      "@termuijs/ui": "latest",
+      "@termuijs/jsx": "latest",
+      "@termuijs/tss": "latest"
+    } : {
+      "@termuijs/core": "latest",
+      "@termuijs/widgets": "latest",
+      "@termuijs/ui": "latest",
+      "@termuijs/jsx": "latest",
+      "@termuijs/tss": "latest",
+      "@termuijs/quick": "latest",
+      "@termuijs/motion": "latest",
+      ...config.features.dataProviders ? { "@termuijs/data": "latest" } : {},
+      ...config.features.router ? { "@termuijs/router": "latest" } : {}
+    },
+    devDependencies: {
+      "@types/bun": "latest",
+      tsup: "^8.0.0",
+      typescript: "^5.3.0"
+    },
+    engines: {
+      bun: ">=1.3.0"
+    }
+  }, null, 2) + "\n";
+}
+function generateFormWizardTemplate(config) {
+  return [
+    {
+      path: "src/index.tsx",
+      content: `/** @jsxImportSource @termuijs/jsx */
+import { render, useState } from '@termuijs/jsx';
+import { Wizard } from '@termuijs/ui';
+import { TextInput, Spinner } from '@termuijs/widgets';
+
+function App() {
+    const [name, setName] = useState('');
+    const [theme, setTheme] = useState('');
+    const [submitting, setSubmitting] = useState(false);
+
+    const handleComplete = async () => {
+        setSubmitting(true);
+
+        const data = {
+            name,
+            theme,
+        };
+
+        console.log(JSON.stringify(data, null, 2));
+
+        setTimeout(() => {
+            setSubmitting(false);
+        }, 1000);
+    };
+
+    return (
+        <box flexDirection="column" padding={1}>
+            <text bold>Form Wizard</text>
+
+            <Wizard
+                steps={['Info', 'Preferences', 'Confirm']}
+                onComplete={handleComplete}
+            >
+                <box flexDirection="column">
+                    <text>Name</text>
+                    <TextInput
+                        value={name}
+                        onChange={setName}
+                    />
+                </box>
+
+                <box flexDirection="column">
+                    <text>Theme</text>
+                    <TextInput
+                        value={theme}
+                        onChange={setTheme}
+                    />
+                </box>
+
+                <box flexDirection="column">
+                    <text>Confirm Details</text>
+                    <text>Name: {name}</text>
+                    <text>Theme: {theme}</text>
+                </box>
+            </Wizard>
+
+            {submitting && <Spinner />}
+        </box>
+    );
+}
+
+render(<App />, { title: '${config.name}' });
+`
+    }
+  ];
+}
 function generateEmptyTemplate(config) {
   return [{
     path: "src/index.tsx",
@@ -158,109 +272,32 @@ render(<App />, { title: '${config.name}' });
   }];
 }
 function generateDashboardTemplate(config) {
-  return [{
-    path: "src/index.tsx",
-    content: `/** @jsxImportSource @termuijs/jsx */
-import { render, useState, useEffect, useKeymap, ErrorBoundary } from '@termuijs/jsx';
-import { AutoThemeProvider, useTheme } from '@termuijs/tss';
-${config.features.dataProviders ? "import { useCpu, useMemory, useDisk } from '@termuijs/data';" : ""}
-
-// \u2500\u2500 Sample static data (replace with live hooks when dataProviders = true) \u2500\u2500
-${config.features.dataProviders ? "" : `const SAMPLE_PROCS = [
-    { Name: 'node',   PID: 1234, 'CPU%': '5.0',  'MEM%': '2.1' },
-    { Name: 'chrome', PID: 5678, 'CPU%': '12.3', 'MEM%': '8.4' },
-    { Name: 'bash',   PID: 9012, 'CPU%': '0.1',  'MEM%': '0.3' },
-];`}
-
-function GaugeRow({ label, value }: { label: string; value: number }) {
-    const theme = useTheme();
-    const filled = Math.round(value * 20);
-    const empty  = 20 - filled;
-    const bar = '[' + '#'.repeat(filled) + '-'.repeat(empty) + ']';
-    return (
-        <row gap={2}>
-            <text color={theme.colors.primary}>{label.padEnd(4)}</text>
-            <text>{bar}</text>
-            <text>{(value * 100).toFixed(1).padStart(5)}%</text>
-        </row>
-    );
+  return loadTemplateFiles("dashboard", config);
 }
-
-function Dashboard() {
-    const [tick, setTick] = useState(0);
-${config.features.dataProviders ? `    const cpu  = useCpu();
-    const mem  = useMemory();
-    const disk = useDisk();
-    const cpuVal  = (cpu.percent  ?? 0) / 100;
-    const memVal  = (mem.percent  ?? 0) / 100;
-    const diskVal = (disk.percent ?? 0) / 100;` : `    const [cpuVal,  setCpuVal]  = useState(0.45);
-    const [memVal,  setMemVal]  = useState(0.62);
-    const [diskVal, setDiskVal] = useState(0.38);
-
-    // Simulate live updates
-    useEffect(() => {
-        const id = setInterval(() => {
-            setCpuVal(v  => Math.min(1, Math.max(0, v  + (Math.random() - 0.5) * 0.05)));
-            setMemVal(v  => Math.min(1, Math.max(0, v  + (Math.random() - 0.5) * 0.02)));
-            setDiskVal(v => Math.min(1, Math.max(0, v  + (Math.random() - 0.5) * 0.01)));
-            setTick(t => t + 1);
-        }, 1000);
-        return () => clearInterval(id);
-    }, []);`}
-
-    useKeymap([
-        { key: 'q',          action: () => process.exit(0), description: 'Quit' },
-        { key: 'c', ctrl: true, action: () => process.exit(0), description: 'Quit' },
-        { key: 'r',          action: () => setTick(t => t + 1), description: 'Refresh' },
-    ]);
-
-    const theme = useTheme();
-
-    return (
-        <box flexDirection="column" padding={1}>
-            <text bold color={theme.colors.primary}>${config.name} Dashboard</text>
-            <divider />
-
-            <grid columns={12} gap={1}>
-                {/* Gauges \u2014 top row */}
-                <box width="100%" flexDirection="column" border="single" padding={1} flexGrow={4}>
-                    <text bold>System Resources</text>
-                    <GaugeRow label="CPU"  value={cpuVal} />
-                    <GaugeRow label="MEM"  value={memVal} />
-                    <GaugeRow label="DISK" value={diskVal} />
-                </box>
-
-                {/* Info panel */}
-                <box width="100%" flexDirection="column" border="single" padding={1} flexGrow={8}>
-                    <text bold>Process Summary</text>
-                    <text color={theme.colors.muted}>Press r to refresh, q to quit</text>
-                    <text>Tick: {tick}</text>
-${config.features.dataProviders ? `                    <skeleton variant="shimmer" />` : `                    <text>node    PID:1234  CPU: {(cpuVal * 100).toFixed(1)}%</text>
-                    <text>chrome  PID:5678  MEM: {(memVal * 100).toFixed(1)}%</text>`}
-                </box>
-            </grid>
-        </box>
-    );
+function loadTemplateFiles(templateName, config) {
+  const templatePath = resolve(TEMPLATES_ROOT, templateName);
+  return walkTemplateDirectory(templatePath, templatePath, config);
 }
-
-function App() {
-    return (
-        <AutoThemeProvider>
-            <ErrorBoundary fallback={(err) => (
-                <box border="single" borderColor="red" padding={1}>
-                    <text color="red" bold>Dashboard Error</text>
-                    <text>{err.message}</text>
-                </box>
-            )}>
-                <Dashboard />
-            </ErrorBoundary>
-        </AutoThemeProvider>
-    );
+function walkTemplateDirectory(rootPath, currentPath, config) {
+  const entries = readdirSync(currentPath, { withFileTypes: true });
+  const files = [];
+  for (const entry of entries) {
+    const entryPath = join(currentPath, entry.name);
+    if (entry.isDirectory()) {
+      files.push(...walkTemplateDirectory(rootPath, entryPath, config));
+      continue;
+    }
+    if (entry.name === "package.json") {
+      continue;
+    }
+    const relativePath = relative(rootPath, entryPath).replace(/\\/g, "/");
+    const content = replaceTemplatePlaceholders(readFileSync(entryPath, "utf8"), config);
+    files.push({ path: relativePath, content });
+  }
+  return files;
 }
-
-render(<App />, { title: '${config.name}' });
-`
-  }];
+function replaceTemplatePlaceholders(content, config) {
+  return content.replace(/{{name}}/g, config.name);
 }
 function generateInteractiveTemplate(config) {
   return [{
@@ -287,11 +324,11 @@ function InteractiveTool() {
     useKeymap([
         { key: 'q',          action: () => process.exit(0),               description: 'Quit' },
         { key: 'c', ctrl: true, action: () => process.exit(0),            description: 'Quit' },
-        { key: 'ArrowUp',    action: () => setSelected(s => Math.max(0, s - 1)),              description: 'Move up' },
-        { key: 'ArrowDown',  action: () => setSelected(s => Math.min(items.length - 1, s + 1)), description: 'Move down' },
+        { key: 'up',         action: () => setSelected(s => Math.max(0, s - 1)),              description: 'Move up' },
+        { key: 'down',       action: () => setSelected(s => Math.min(items.length - 1, s + 1)), description: 'Move down' },
         { key: 'k',          action: () => setSelected(s => Math.max(0, s - 1)),              description: 'Move up (vim)' },
         { key: 'j',          action: () => setSelected(s => Math.min(items.length - 1, s + 1)), description: 'Move down (vim)' },
-        { key: 'Enter',      action: () => {
+        { key: 'enter',      action: () => {
             const item = items[selected];
             if (item) setDone(d => d.includes(item) ? d.filter(x => x !== item) : [...d, item]);
         }, description: 'Toggle selected' },
@@ -348,6 +385,24 @@ function App() {
     );
 }
 
+render(<App />, { title: '${config.name}' });
+`
+  }];
+}
+function generateCliToolTemplate(config) {
+  return [{
+    path: "src/index.tsx",
+    content: `/** @jsxImportSource @termuijs/jsx */
+import { render, useKeymap } from '@termuijs/jsx';
+function App() {
+    useKeymap([{ key: 'q', action: () => process.exit(0), description: 'Quit' }]);
+    return (
+        <box flexDirection="column">
+            <text bold>${config.name}</text>
+            <text dim>Press q to quit</text>
+        </box>
+    );
+}
 render(<App />, { title: '${config.name}' });
 `
   }];
@@ -390,7 +445,7 @@ function CliWrapper() {
     ]);
     const [running, setRunning] = useState(false);
     const [exitCode, setExitCode] = useState<number | null>(null);
-    const procRef = useRef<any>(null);
+    const procRef = useRef<ReturnType<typeof spawn> | null>(null);
     const theme = useTheme();
 
     const addLog = (level: LogLevel, text: string) =>
@@ -493,33 +548,823 @@ function App() {
     );
 }
 
+render(<App />, { title: '${config.name}' });
+`
+  }];
+}
+function generateFileManagerTemplate(config) {
+  return [{
+    path: "src/index.tsx",
+    content: `/** @jsxImportSource @termuijs/jsx */
+import * as fs from 'node:fs';
+import * as path from 'node:path';
+import { render, useEffect, useKeymap, useMemo, useRef, useState, ErrorBoundary } from '@termuijs/jsx';
+import { AutoThemeProvider } from '@termuijs/tss';
+import { AppShell, FilePicker } from '@termuijs/ui';
+import { Box, DiffView, Tree, Text, type DiffLine, type TreeNode } from '@termuijs/widgets';
+
+type Pane = 'tree' | 'picker' | 'preview';
+
+function escapeText(value: string): string {
+    return value.replace(/\r/g, '');
+}
+
+function readPreview(filePath: string): DiffLine[] {
+    try {
+        const content = fs.readFileSync(filePath, 'utf8');
+        const lines = escapeText(content).split('
+');
+        return lines.map((line, index) => ({ type: 'context' as const, content: line || ' ', lineNo: index + 1 }));
+    } catch (error) {
+        const message = error instanceof Error ? error.message : String(error);
+        return [{ type: 'context', content: message }];
+    }
+}
+
+function findFirstPreviewPath(rootPath: string): string {
+    try {
+        const entries = fs.readdirSync(rootPath, { withFileTypes: true });
+        for (const entry of entries) {
+            if (entry.isDirectory() || entry.name.startsWith('.')) continue;
+            return path.join(rootPath, entry.name);
+        }
+    } catch {
+        // Fall back to the current directory path when reading fails.
+    }
+    return rootPath;
+}
+
+function buildTree(rootPath: string, depth = 0, maxDepth = 3): TreeNode[] {
+    const entries: TreeNode[] = [];
+
+    if (depth === 0) {
+        entries.push({ label: path.basename(rootPath) || rootPath, expanded: true, children: buildTree(rootPath, depth + 1, maxDepth) });
+        return entries;
+    }
+
+    if (depth > maxDepth) {
+        return entries;
+    }
+
+    try {
+        const dirents = fs.readdirSync(rootPath, { withFileTypes: true });
+        const sorted = [...dirents].sort((left, right) => left.name.localeCompare(right.name));
+
+        for (const entry of sorted) {
+            if (entry.name.startsWith('.')) continue;
+            const fullPath = path.join(rootPath, entry.name);
+            if (entry.isDirectory()) {
+                entries.push({
+                    label: entry.name,
+                    expanded: depth < 2,
+                    data: { path: fullPath, type: 'directory' },
+                    children: buildTree(fullPath, depth + 1, maxDepth),
+                });
+            } else {
+                entries.push({
+                    label: entry.name,
+                    data: { path: fullPath, type: 'file' },
+                });
+            }
+        }
+    } catch (error) {
+        entries.push({
+            label: error instanceof Error ? error.message : String(error),
+            data: { path: rootPath, type: 'error' },
+        });
+    }
+
+    return entries;
+}
+
+function setPaneFocus(widget: Box, focused: boolean): void {
+    widget.setStyle({
+        borderColor: focused ? { type: 'named', name: 'cyan' } : { type: 'named', name: 'brightBlack' },
+    });
+}
+
+function FileManager() {
+    const initialPath = process.cwd();
+    const [cwd, setCwd] = useState(initialPath);
+    const [previewPath, setPreviewPath] = useState(findFirstPreviewPath(initialPath));
+    const [focusedPane, setFocusedPane] = useState<Pane>('picker');
+
+    const tree = useRef<Tree>(new Tree({
+        nodes: buildTree(initialPath),
+        onSelect: (node) => {
+            const payload = node.data as { path?: string; type?: string } | undefined;
+            if (!payload?.path) return;
+            if (payload.type === 'file') {
+                setPreviewPath(payload.path);
+            }
+        },
+    }, { flexGrow: 1 }));
+
+    const filePicker = useRef(new FilePicker({
+        startPath: initialPath,
+        onSelect: (selectedPath: string) => {
+            setPreviewPath(selectedPath);
+        },
+        onCancel: () => process.exit(0),
+    }));
+    const preview = useRef(new DiffView({ lines: readPreview(findFirstPreviewPath(initialPath)) }, { flexGrow: 1 }));
+
+    const header = useMemo(() => new Box({
+        flexDirection: 'row',
+        border: 'single',
+        padding: 1,
+    }), []);
+
+    const footer = useMemo(() => new Box({
+        flexDirection: 'row',
+        border: 'single',
+        padding: 1,
+    }), []);
+
+    const leftPane = useMemo(() => new Box({
+        flexDirection: 'column',
+        border: 'single',
+        padding: 1,
+        flexGrow: 1,
+    }), []);
+
+    const centerPane = useMemo(() => new Box({
+        flexDirection: 'column',
+        border: 'single',
+        padding: 1,
+        flexGrow: 1,
+    }), []);
+
+    const rightPane = useMemo(() => new Box({
+        flexDirection: 'column',
+        border: 'single',
+        padding: 1,
+        flexGrow: 1,
+    }), []);
+
+    const mainArea = useMemo(() => new Box({
+        flexDirection: 'row',
+        gap: 1,
+        flexGrow: 1,
+    }), []);
+
+    const shell = useMemo(() => new AppShell({
+        header,
+        footer,
+        sidebar: leftPane,
+        main: mainArea,
+        sidebarWidth: 32,
+    }), [footer, header, leftPane, mainArea]);
+
+    useEffect(() => {
+        header.clearChildren();
+        header.addChild(new Text('Path: ' + cwd));
+        header.addChild(new Text('Focus: ' + focusedPane));
+    }, [cwd, focusedPane, header]);
+
+    useEffect(() => {
+        footer.clearChildren();
+        footer.addChild(new Text('Tab / Shift+Tab: switch panes'));
+        footer.addChild(new Text('Enter: open item | q: quit'));
+    }, [footer]);
+
+    useEffect(() => {
+        tree.current.setNodes(buildTree(cwd));
+    }, [cwd]);
+
+    useEffect(() => {
+        preview.current.setLines(readPreview(previewPath));
+    }, [previewPath]);
+
+    useEffect(() => {
+        setPaneFocus(leftPane, focusedPane === 'tree');
+        setPaneFocus(centerPane, focusedPane === 'picker');
+        setPaneFocus(rightPane, focusedPane === 'preview');
+    }, [centerPane, focusedPane, leftPane, rightPane]);
+
+    useEffect(() => {
+        leftPane.clearChildren();
+        leftPane.addChild(tree.current);
+
+        centerPane.clearChildren();
+        centerPane.addChild(filePicker.current);
+
+        rightPane.clearChildren();
+        rightPane.addChild(preview.current);
+
+        mainArea.clearChildren();
+        mainArea.addChild(centerPane);
+        mainArea.addChild(rightPane);
+
+        setPaneFocus(leftPane, focusedPane === 'tree');
+        setPaneFocus(centerPane, focusedPane === 'picker');
+        setPaneFocus(rightPane, focusedPane === 'preview');
+    }, [centerPane, focusedPane, leftPane, mainArea, rightPane]);
+
+    const cyclePane = (direction: 1 | -1): void => {
+        const order: Pane[] = ['tree', 'picker', 'preview'];
+        const index = order.indexOf(focusedPane);
+        const next = order[(index + direction + order.length) % order.length];
+        setFocusedPane(next);
+    };
+
+    const syncPickerPath = (): void => {
+        setCwd(filePicker.current.currentPath);
+        const selected = filePicker.current.selectedEntry;
+        setPreviewPath(
+            selected && !selected.isDir
+                ? selected.fullPath
+                : findFirstPreviewPath(filePicker.current.currentPath),
+        );
+    };
+
+    useKeymap([
+        { key: 'tab', action: () => cyclePane(1), description: 'Next pane' },
+        { key: 'tab', shift: true, action: () => cyclePane(-1), description: 'Previous pane' },
+        { key: 'enter', action: () => {
+            if (focusedPane === 'tree') {
+                tree.current.handleKey('enter');
+                const selected = tree.current.selectedNode;
+                const payload = selected?.data as { path?: string; type?: string } | undefined;
+                if (payload?.type === 'file' && payload.path) {
+                    setPreviewPath(payload.path);
+                }
+                return;
+            }
+
+            if (focusedPane === 'picker') {
+                filePicker.current.confirm();
+                syncPickerPath();
+                return;
+            }
+
+            preview.current.handleKey('enter');
+        }, description: 'Open item' },
+        { key: 'up', action: () => {
+            if (focusedPane === 'tree') tree.current.handleKey('up');
+            else if (focusedPane === 'picker') filePicker.current.selectPrev();
+            else preview.current.handleKey('up');
+        }, description: 'Move up' },
+        { key: 'down', action: () => {
+            if (focusedPane === 'tree') tree.current.handleKey('down');
+            else if (focusedPane === 'picker') filePicker.current.selectNext();
+            else preview.current.handleKey('down');
+        }, description: 'Move down' },
+        { key: 'left', action: () => {
+            if (focusedPane === 'tree') tree.current.handleKey('left');
+            else if (focusedPane === 'picker') {
+                filePicker.current.goUp();
+                syncPickerPath();
+            }
+        }, description: 'Collapse or go up' },
+        { key: 'right', action: () => {
+            if (focusedPane === 'tree') tree.current.handleKey('right');
+            else if (focusedPane === 'picker') {
+                filePicker.current.confirm();
+                syncPickerPath();
+            }
+        }, description: 'Expand or open' },
+        { key: 'backspace', action: () => {
+            if (focusedPane === 'picker') {
+                filePicker.current.goUp();
+                syncPickerPath();
+            }
+        }, description: 'Parent directory' },
+        { key: 'q', action: () => process.exit(0), description: 'Quit' },
+        { key: 'c', ctrl: true, action: () => process.exit(0), description: 'Quit' },
+    ]);
+
+    return shell;
+}
+
+function App() {
+    return (
+        <AutoThemeProvider>
+            <ErrorBoundary fallback={(err) => (
+                <box border="single" borderColor="red" padding={1}>
+                    <text color="red" bold>File Manager Error</text>
+                    <text>{err.message}</text>
+                </box>
+            )}>
+                <FileManager />
+            </ErrorBoundary>
+        </AutoThemeProvider>
+    );
+}
+
+render(<App />, { title: '${config.name}' });
+`
+  }];
+}
+function generateAiAssistantTemplate(config) {
+  return [{
+    path: "src/index.tsx",
+    content: `/** @jsxImportSource @termuijs/jsx */
+import { render, useState, useKeymap, useEffect, ErrorBoundary } from '@termuijs/jsx';
+import { AutoThemeProvider, useTheme } from '@termuijs/tss';
+
+// \u2500\u2500 Types \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+
+interface Message { role: 'user' | 'assistant'; content: string; }
+interface TokenUsageData { inputTokens: number; outputTokens: number; }
+
+// \u2500\u2500 Mock adapter (works without ANTHROPIC_API_KEY) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+
+const MOCK_REPLIES = [
+    'Hello! Running in mock mode. Set ANTHROPIC_API_KEY for real Claude.',
+    'Mock mode active \u2014 your message was received!',
+    'No API key needed in mock mode. Real Claude would answer here.',
+];
+
+async function* mockStream(_prompt: string): AsyncGenerator<string> {
+    const reply = MOCK_REPLIES[Math.floor(Math.random() * MOCK_REPLIES.length)];
+    for (const ch of reply) {
+        yield ch;
+        await new Promise(r => setTimeout(r, 20));
+    }
+}
+
+async function* claudeStream(
+    messages: Message[],
+    onUsage: (u: TokenUsageData) => void,
+): AsyncGenerator<string> {
+    const res = await fetch('https://api.anthropic.com/v1/messages', {
+        method: 'POST',
+        headers: {
+            'content-type': 'application/json',
+            'x-api-key': process.env.ANTHROPIC_API_KEY ?? '',
+            'anthropic-version': '2023-06-01',
+        },
+        body: JSON.stringify({
+            model: 'claude-3-5-haiku-20241022',
+            max_tokens: 1024,
+            stream: true,
+            messages: messages.map(m => ({ role: m.role, content: m.content })),
+        }),
+    });
+    if (!res.ok) throw new Error('Claude API ' + res.status + ': ' + res.statusText);
+    const reader = res.body!.getReader();
+    const dec = new TextDecoder();
+    let buf = '';
+    while (true) {
+        const { done, value } = await reader.read();
+        if (done) break;
+        buf += dec.decode(value, { stream: true });
+        const lines = buf.split('\\n');
+        buf = lines.pop() ?? '';
+        for (const line of lines) {
+            if (!line.startsWith('data: ')) continue;
+            const raw = line.slice(6).trim();
+            if (raw === '[DONE]') return;
+            try {
+                const ev = JSON.parse(raw);
+                if (ev.type === 'content_block_delta' && ev.delta?.type === 'text_delta') yield ev.delta.text as string;
+                if (ev.type === 'message_delta' && ev.usage) onUsage({ inputTokens: ev.usage.input_tokens ?? 0, outputTokens: ev.usage.output_tokens ?? 0 });
+            } catch { /* skip */ }
+        }
+    }
+}
+
+// \u2500\u2500 Components \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+
+const IS_MOCK = !process.env.ANTHROPIC_API_KEY;
+
+function AiAssistant() {
+    const theme = useTheme();
+    const [messages, setMessages] = useState<Message[]>([{
+        role: 'assistant',
+        content: IS_MOCK
+            ? 'Hi! Running in mock mode (no ANTHROPIC_API_KEY). Type and press Enter!'
+            : 'Hi! I am Claude. How can I help you?',
+    }]);
+    const [input, setInput]           = useState('');
+    const [streaming, setStreaming]   = useState('');
+    const [busy, setBusy]             = useState(false);
+    const [usage, setUsage]           = useState<TokenUsageData>({ inputTokens: 0, outputTokens: 0 });
+
+    const send = async () => {
+        const text = input.trim();
+        if (!text || busy) return;
+        const next: Message[] = [...messages, { role: 'user', content: text }];
+        setMessages(next);
+        setInput('');
+        setBusy(true);
+        setStreaming('');
+        try {
+            let full = '';
+            const src = IS_MOCK ? mockStream(text) : claudeStream(next, setUsage);
+            for await (const chunk of src) { full += chunk; setStreaming(full); }
+            setMessages(m => [...m, { role: 'assistant', content: full }]);
+        } catch (e) {
+            const msg = e instanceof Error ? e.message : String(e);
+            setMessages(m => [...m, { role: 'assistant', content: 'Error: ' + msg }]);
+        } finally { setStreaming(''); setBusy(false); }
+    };
+
+    useKeymap([
+        { key: 'enter',     action: () => { void send(); },                   description: 'Send' },
+        { key: 'backspace', action: () => setInput(v => v.slice(0, -1)),       description: 'Delete' },
+        { key: 'c', ctrl: true, action: () => process.exit(0),                description: 'Quit' },
+        ...(' abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789.,!?-_()').split('').map(ch => ({
+            key: ch, action: () => { if (!busy) setInput(v => v + ch); }, description: '',
+        })),
+    ]);
+
+    return (
+        <box flexDirection="column" flexGrow={1} padding={1}>
+            <box border="single" padding={1} flexDirection="row">
+                <text bold>AI Assistant</text>
+                <text> {IS_MOCK ? '[mock mode]' : '[claude-3-5-haiku]'}</text>
+                <text color={theme.colors.muted}> in:{usage.inputTokens} out:{usage.outputTokens}</text>
+            </box>
+
+            <box flexDirection="column" flexGrow={1} padding={1}>
+                {messages.map((m, i) => (
+                    <box key={i} flexDirection="column" marginBottom={1}>
+                        <text bold color={m.role === 'user' ? theme.colors.primary : theme.colors.success}>
+                            {m.role === 'user' ? 'You' : 'Claude'}
+                        </text>
+                        <text>{m.content}</text>
+                    </box>
+                ))}
+                {streaming.length > 0 && (
+                    <box flexDirection="column">
+                        <text bold color={theme.colors.success}>Claude</text>
+                        <text>{streaming}\u2588</text>
+                    </box>
+                )}
+            </box>
+
+            <box border="single" padding={1}>
+                <text color={theme.colors.muted}>&gt; </text>
+                <text>{input}{busy ? '' : '\u2588'}</text>
+                {busy && <text color={theme.colors.muted}> thinking...</text>}
+            </box>
+
+            <box padding={1}>
+                <text dim>Ctrl+C to quit{IS_MOCK ? ' | Set ANTHROPIC_API_KEY for real Claude' : ''}</text>
+            </box>
+        </box>
+    );
+}
+
+function App() {
+    return (
+        <AutoThemeProvider>
+            <ErrorBoundary fallback={(err) => (
+                <box border="single" borderColor="red" padding={1}>
+                    <text color="red" bold>Error</text>
+                    <text>{err.message}</text>
+                </box>
+            )}>
+                <AiAssistant />
+            </ErrorBoundary>
+        </AutoThemeProvider>
+    );
+}
+
 render(<App />, { title: '${config.name}' });
 `
   }];
 }
 
+// src/args.ts
+var TEMPLATE_KEYS = [
+  "empty",
+  "dashboard",
+  "interactive-tool",
+  "cli-wrapper",
+  "cli-tool",
+  "file-manager",
+  "ai-assistant",
+  "form-wizard"
+];
+function getValue(argv, key) {
+  const index = argv.findIndex((a) => a === key || a.startsWith(`${key}=`));
+  if (index === -1) return void 0;
+  const value = argv[index];
+  if (value.includes("=")) {
+    return value.split("=")[1];
+  }
+  return argv[index + 1];
+}
+function parseArgs(argv) {
+  const args = {
+    yes: false,
+    dryRun: false
+  };
+  if (argv[0] === "add") {
+    const positional2 = [];
+    for (let index = 1; index < argv.length; index++) {
+      const value = argv[index];
+      if (value === "--dir") {
+        index++;
+        continue;
+      }
+      if (!value.startsWith("-")) {
+        positional2.push(value);
+      }
+    }
+    args.command = "add";
+    args.component = positional2[0];
+    args.dryRun = argv.includes("--dry-run");
+    args.yes = argv.includes("--yes");
+    const dirValue = getValue(argv, "--dir");
+    if (dirValue) {
+      args.dir = dirValue;
+    }
+    return args;
+  }
+  const positional = argv.find((a) => !a.startsWith("-"));
+  if (positional) {
+    args.name = positional;
+  }
+  if (argv.includes("--yes")) {
+    args.yes = true;
+  }
+  const template = getValue(argv, "--template");
+  if (template) {
+    if (!TEMPLATE_KEYS.includes(template)) {
+      throw new Error(
+        `Invalid template "${template}". Valid: ${TEMPLATE_KEYS.join(", ")}`
+      );
+    }
+    args.template = template;
+  }
+  const theme = getValue(argv, "--theme");
+  if (theme) {
+    args.theme = theme;
+  }
+  if (args.yes) {
+    args.name = args.name ?? "my-termui-app";
+    args.template = args.template ?? "empty";
+    args.theme = args.theme ?? "default";
+  }
+  return args;
+}
+function isNonInteractive(args) {
+  return args.yes === true || !!args.name && !!args.template && !!args.theme;
+}
+
+// src/commands/add.ts
+import { mkdirSync, writeFileSync, existsSync } from "fs";
+import { dirname as dirname2, join as join2, resolve as resolve2, relative as relative2, isAbsolute } from "path";
+import { execFileSync } from "child_process";
+var REGISTRY_BASE_URL = process.env.TERMUI_REGISTRY_URL ?? "https://termui.io";
+async function runAddCommand(options) {
+  const componentName = options.component.trim();
+  if (!componentName) {
+    throw new Error("Component name is required.");
+  }
+  const schema = await fetchRegistrySchema();
+  const componentEntry = findComponentEntry(schema, componentName);
+  if (!componentEntry) {
+    printAvailableComponents(schema);
+    throw new Error(`Component "${componentName}" not found in registry.`);
+  }
+  const outputRoot = resolve2(process.cwd(), options.dir ?? "src/components");
+  const destinationRoot = join2(outputRoot, componentEntry.name);
+  const fileEntries = await downloadComponentFiles(componentEntry);
+  if (options.dryRun) {
+    printDryRunPreview(destinationRoot, fileEntries);
+    return;
+  }
+  if (existsSync(destinationRoot) && !options.yes) {
+    const overwrite = await confirmPrompt(
+      `Component directory already exists at ${destinationRoot}. Overwrite?`,
+      false
+    );
+    if (!overwrite) {
+      throw new Error("Aborted by user.");
+    }
+  }
+  writeComponentFiles(destinationRoot, fileEntries, componentEntry.name);
+  await installPackages(componentEntry);
+  console.log();
+  console.log("  \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510");
+  console.log(`  \u2502  \u2705 ${componentEntry.name} added successfully! \u2502`);
+  console.log("  \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518");
+  console.log();
+  console.log("  Import it with:");
+  console.log(
+    `    import { ${pascalCase(componentEntry.name)} } from './components/${componentEntry.name}';`
+  );
+}
+async function fetchRegistrySchema() {
+  const url = `${REGISTRY_BASE_URL}/registry/schema.json`;
+  const response = await fetch(url);
+  if (!response.ok) {
+    throw new Error(
+      `Failed to fetch registry schema from ${url}: ${response.status} ${response.statusText}`
+    );
+  }
+  return await response.json();
+}
+function findComponentEntry(schema, componentName) {
+  const normalized = componentName.toLowerCase();
+  return schema.components.find(
+    (entry) => entry.name.toLowerCase() === normalized
+  );
+}
+function printAvailableComponents(schema) {
+  const names = schema.components.map((entry) => entry.name).sort((a, b) => a.localeCompare(b));
+  console.log("Available registry components:");
+  for (const name of names) {
+    console.log(`  - ${name}`);
+  }
+}
+async function downloadComponentFiles(entry) {
+  const downloads = entry.files.map(async (filePath) => {
+    const rawUrl = `${REGISTRY_BASE_URL}/${filePath}`;
+    const response = await fetch(rawUrl);
+    if (!response.ok) {
+      throw new Error(
+        `Failed to download ${filePath} from registry: ${response.status} ${response.statusText}`
+      );
+    }
+    return {
+      path: filePath,
+      content: await response.text()
+    };
+  });
+  return await Promise.all(downloads);
+}
+function printDryRunPreview(destinationRoot, fileEntries) {
+  console.log("Dry run preview \u2014 no files will be written.");
+  console.log();
+  for (const file of fileEntries) {
+    const relative4 = getDestinationRelativePath(file.path, destinationRoot);
+    console.log(`  Would create: ${relative4}`);
+    const preview = file.content.split("\n").slice(0, 6).map((line) => `    ${line}`).join("\n");
+    console.log(preview);
+    if (file.content.split("\n").length > 6) {
+      console.log("    ...");
+    }
+    console.log();
+  }
+}
+function writeComponentFiles(destinationRoot, fileEntries, componentName) {
+  for (const file of fileEntries) {
+    const destPath = resolveDestinationPath(
+      destinationRoot,
+      file.path,
+      componentName
+    );
+    const directory = dirname2(destPath);
+    mkdirSync(directory, { recursive: true });
+    writeFileSync(destPath, file.content, "utf-8");
+    console.log(`    \u2713 ${destPath}`);
+  }
+}
+function resolveDestinationPath(destinationRoot, registryFilePath, componentName) {
+  const prefix = `registry/components/${componentName}/`;
+  const relativePath = registryFilePath.startsWith(prefix) ? registryFilePath.slice(prefix.length) : registryFilePath;
+  const destination = resolve2(destinationRoot, relativePath);
+  const rel = relative2(resolve2(destinationRoot), destination);
+  if (rel.startsWith("..") || isAbsolute(rel)) {
+    throw new Error(`Destination ${destination} is outside project root`);
+  }
+  return destination;
+}
+function getDestinationRelativePath(registryFilePath, destinationRoot) {
+  const pathSegments = registryFilePath.split("/");
+  const componentIndex = pathSegments.indexOf("components");
+  if (componentIndex !== -1 && componentIndex + 2 < pathSegments.length) {
+    const relativePath = pathSegments.slice(componentIndex + 2).join("/");
+    return join2(destinationRoot, relativePath);
+  }
+  return join2(destinationRoot, registryFilePath);
+}
+async function installPackages(entry) {
+  const deps = [
+    .../* @__PURE__ */ new Set([...entry.deps ?? [], ...entry.peerDeps ?? []])
+  ];
+  if (deps.length === 0) {
+    return;
+  }
+  execFileSync("bun", ["add", ...deps], {
+    stdio: "inherit"
+  });
+}
+function pascalCase(value) {
+  return value.split(/[^a-zA-Z0-9]+/).filter(Boolean).map((part) => `${part.charAt(0).toUpperCase()}${part.slice(1)}`).join("");
+}
+
+// src/validate.ts
+import { resolve as resolve3, relative as relative3, isAbsolute as isAbsolute2, sep } from "path";
+var VALID_NAME_RE = /^[a-z0-9][a-z0-9_-]*$/;
+function validateProjectName(name) {
+  if (typeof name !== "string") {
+    throw new Error("Project name is required");
+  }
+  const trimmed = name.trim();
+  if (trimmed.length === 0) {
+    throw new Error("Project name cannot be empty");
+  }
+  if (trimmed.startsWith("/") || trimmed.startsWith("\\")) {
+    throw new Error(
+      "Project name cannot be an absolute path"
+    );
+  }
+  if (trimmed.includes("..") || trimmed.includes("/") || trimmed.includes("\\")) {
+    throw new Error(
+      "Project name cannot contain path separators or traversal sequences (/, \\, ..)"
+    );
+  }
+  if (!VALID_NAME_RE.test(trimmed)) {
+    throw new Error(
+      "Project name must contain only lowercase letters, numbers, hyphens, and underscores, and start with a letter or number"
+    );
+  }
+  return trimmed;
+}
+function validateResolvedPath(cwd, projectName) {
+  const resolved = resolve3(cwd, projectName);
+  const cwdNorm = resolve3(cwd);
+  const rel = relative3(cwdNorm, resolved);
+  if (rel === ".." || rel.startsWith(`..${sep}`) || isAbsolute2(rel)) {
+    throw new Error(
+      "Security check failed: resolved path escapes current working directory"
+    );
+  }
+}
+
 // src/index.ts
-var TEMPLATES = ["Empty (start from scratch)", "Dashboard (real-time data)", "Interactive Tool (forms, prompts)", "CLI Wrapper (wrap existing CLI)"];
-var TEMPLATE_KEYS = ["empty", "dashboard", "interactive-tool", "cli-wrapper"];
+var TEMPLATES = [
+  "Empty (start from scratch)",
+  "Dashboard (real-time data)",
+  "Interactive Tool (forms, prompts)",
+  "CLI Wrapper (wrap existing CLI)",
+  "CLI Tool (minimal: box + text + useKeymap)",
+  "File Manager",
+  "AI Assistant (Claude + mock mode)",
+  "Form Wizard"
+];
+var TEMPLATE_KEYS2 = [
+  "empty",
+  "dashboard",
+  "interactive-tool",
+  "cli-wrapper",
+  "cli-tool",
+  "file-manager",
+  "ai-assistant",
+  "form-wizard"
+];
 var FEATURES = ["Screen Router", "Data Providers", "Hot Reload"];
-async function main() {
+async function runCli(argv) {
+  const args = parseArgs(argv);
+  if (args.command === "add") {
+    await runAddCommand({
+      component: args.component ?? "",
+      dir: args.dir,
+      dryRun: args.dryRun,
+      yes: args.yes
+    });
+    return;
+  }
+  await runProjectScaffold(args);
+}
+async function runProjectScaffold(args) {
   console.log();
   console.log("  \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510");
   console.log("  \u2502       create-termui-app           \u2502");
   console.log("  \u2502   The React/Next.js for CLI apps  \u2502");
   console.log("  \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518");
   console.log();
-  let projectName = process.argv[2];
+  const nonInteractive = isNonInteractive(args);
+  let projectName = args.name;
   if (!projectName) {
-    projectName = await textPrompt("Project name", "my-termui-app");
+    if (nonInteractive) {
+      projectName = "my-termui-app";
+    } else {
+      projectName = await textPrompt("Project name", "my-termui-app");
+    }
+  }
+  projectName = validateProjectName(projectName);
+  validateResolvedPath(process.cwd(), projectName);
+  let template;
+  if (args.template) {
+    const templateIdx = TEMPLATE_KEYS2.indexOf(args.template);
+    template = TEMPLATE_KEYS2[templateIdx >= 0 ? templateIdx : 0];
+  } else if (nonInteractive) {
+    template = "empty";
+  } else {
+    const templateIdx = await selectPrompt("What kind of app?", TEMPLATES);
+    template = TEMPLATE_KEYS2[templateIdx >= 0 ? templateIdx : 0];
   }
-  const templateIdx = await selectPrompt("What kind of app?", TEMPLATES);
-  const template = TEMPLATE_KEYS[templateIdx];
   const themes = getBuiltinThemeNames();
-  const themeIdx = await selectPrompt("Choose a theme", themes.map((t) => t.charAt(0).toUpperCase() + t.slice(1)));
-  const theme = themes[themeIdx];
+  let theme;
+  if (args.theme) {
+    const themeIdx = themes.indexOf(args.theme);
+    theme = themes[themeIdx >= 0 ? themeIdx : 0];
+  } else if (nonInteractive) {
+    theme = themes[0] || "default";
+  } else {
+    const themeIdx = await selectPrompt("Choose a theme", themes.map((t) => t.charAt(0).toUpperCase() + t.slice(1)));
+    theme = themes[themeIdx >= 0 ? themeIdx : 0];
+  }
   const featureDefaults = [false, template === "dashboard", true];
-  const featureFlags = await multiSelectPrompt("Features to include", FEATURES, featureDefaults);
+  const featureFlags = nonInteractive ? featureDefaults : await multiSelectPrompt("Features to include", FEATURES, featureDefaults);
   const config = {
     name: projectName,
     template,
@@ -530,8 +1375,8 @@ async function main() {
       hotReload: featureFlags[2]
     }
   };
-  const projectDir = resolve(process.cwd(), projectName);
-  if (existsSync(projectDir)) {
+  const projectDir = resolve4(process.cwd(), projectName);
+  if (existsSync2(projectDir)) {
     console.log(`
   \u26A0  Directory "${projectName}" already exists. Files may be overwritten.
 `);
@@ -540,10 +1385,10 @@ async function main() {
   Creating ${projectName}...`);
   const files = generateProject(config);
   for (const file of files) {
-    const fullPath = join(projectDir, file.path);
-    const dir = fullPath.substring(0, fullPath.lastIndexOf("/"));
-    mkdirSync(dir, { recursive: true });
-    writeFileSync(fullPath, file.content, "utf-8");
+    const fullPath = join3(projectDir, file.path);
+    const dir = dirname3(fullPath);
+    mkdirSync2(dir, { recursive: true });
+    writeFileSync2(fullPath, file.content, "utf-8");
     console.log(`    \u2713 ${file.path}`);
   }
   console.log();
@@ -553,12 +1398,17 @@ async function main() {
   console.log();
   console.log(`  Next steps:`);
   console.log(`    cd ${projectName}`);
-  console.log(`    npm install`);
-  console.log(`    npm run dev`);
+  console.log(`    bun install`);
+  console.log(`    bun run dev`);
   console.log();
 }
-main().catch((err) => {
-  console.error("Error:", err.message);
-  process.exit(1);
-});
+if (process.argv[1] === fileURLToPath2(import.meta.url)) {
+  runCli(process.argv.slice(2)).catch((err) => {
+    console.error("Error:", err.message);
+    process.exit(1);
+  });
+}
+export {
+  runCli
+};
 //# sourceMappingURL=index.js.map