npm - create-termui-app - Versions diffs - 0.1.3 → 0.1.5 - Mend

create-termui-app 0.1.3 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md CHANGED Viewed

@@ -17,23 +17,28 @@ The CLI walks you through a few choices, then generates a working project.
 | Template | What you get |
 |----------|-------------|
-| Empty | One file, no dependencies beyond core. Start from scratch |
-| Dashboard | Real-time gauges, tables, and a status bar |
-| Interactive Tool | Forms, selects, prompts. Good for CLI wizards |
+| Empty | One file, no dependencies beyond core. Start fresh |
+| Dashboard | Real-time gauges, tables, a status bar, and Grid layout |
+| Interactive Tool | Forms, selects, and prompts. Good for CLI wizards |
 | CLI Wrapper | Wraps an existing shell command in a TermUI interface |
+All templates include:
+- `AutoThemeProvider` at the app root for automatic theme detection
+- `ErrorBoundary` wrapping for crash recovery
+- `useKeymap` for all key handling instead of raw `useInput`
 ## Themes
-Choose one of five built-in themes during setup: Default, Cyberpunk, Nord, Dracula, or Catppuccin. You can change it later in `termui.config.ts`.
+Choose one of six built-in themes during setup: Default, Cyberpunk, Nord, Dracula, Catppuccin, or Solarized. Change it later in `termui.config.ts` or switch at runtime with `useTheme()`.
 ## Optional features
 The CLI asks which extras to include:
-- **Screen Router** — file-based navigation between screens
-- **Data Providers** — CPU, memory, disk monitoring out of the box
-- **Hot Reload** — auto-restart on save via `@termuijs/dev-server`
-- **Testing** — Vitest config with `@termuijs/testing` ready to go
+- **Screen Router** - File-based navigation between screens
+- **Data Providers** - CPU, memory, disk monitoring via `@termuijs/data` hooks
+- **Hot Reload** - Auto-restart on save via `@termuijs/dev-server`
+- **Testing** - Vitest config with `@termuijs/testing` ready to go
 ## Generated project
@@ -48,8 +53,47 @@ my-app/
     index.tsx
 ```
-Everything is TypeScript, and the dev server is preconfigured in the `dev` script.
+Everything is TypeScript. The dev server is preconfigured in the `dev` script.
+## Modern patterns in generated code
+All templates use current TermUI patterns:
+```tsx
+// Generated entry file example (dashboard template)
+import { AutoThemeProvider, ErrorBoundary } from '@termuijs/jsx'
+import { useKeymap } from '@termuijs/jsx'
+import { useCpu, useMemory } from '@termuijs/data'
+import { useNotifications } from '@termuijs/ui'
+function App() {
+    const { notify } = useNotifications()
+    useKeymap({
+        'ctrl+c': () => process.exit(0),
+        'r':      () => notify('Refreshed', { type: 'success' }),
+    })
+    const cpu = useCpu(1000)
+    const mem = useMemory(1000)
+    return (
+        <Box flexDirection="column" gap={1}>
+            <Text bold>System Monitor</Text>
+            <gauge label="CPU" value={cpu.usage / 100} />
+            <gauge label="MEM" value={mem.used / mem.total} />
+        </Box>
+    )
+}
+render(
+    <AutoThemeProvider fallback="dracula">
+        <ErrorBoundary fallback={(e) => <Text color="red">{e.message}</Text>}>
+            <App />
+        </ErrorBoundary>
+    </AutoThemeProvider>
+)
+```
 ## Documentation

package/dist/index.js CHANGED Viewed

@@ -54,9 +54,9 @@ function generateProject(config) {
       private: true,
       type: "module",
       scripts: {
-        dev: "tsx --watch src/index.tsx",
+        dev: "bun --watch src/index.tsx",
         build: "tsup src/index.tsx --format esm",
-        start: "node dist/index.js"
+        start: "bun dist/index.js"
       },
       dependencies: {
         "@termuijs/core": "latest",
@@ -70,9 +70,12 @@ function generateProject(config) {
         ...config.features.router ? { "@termuijs/router": "latest" } : {}
       },
       devDependencies: {
-        tsx: "^4.0.0",
+        "@types/bun": "latest",
         tsup: "^8.0.0",
         typescript: "^5.3.0"
+      },
+      engines: {
+        bun: ">=1.3.0"
       }
     }, null, 2) + "\n"
   });
@@ -126,94 +129,374 @@ export default defineConfig({
 function generateEmptyTemplate(config) {
   return [{
     path: "src/index.tsx",
-    content: `import { app, text } from '@termuijs/quick';
-app('${config.name}')
-    .rows(
-        text('Hello from TermUI! Edit src/index.tsx to get started.'),
-    )
-    .keys({ q: 'quit' })
-    .run();
+    content: `/** @jsxImportSource @termuijs/jsx */
+import { render, useState, useKeymap, ErrorBoundary } from '@termuijs/jsx';
+import { AutoThemeProvider } from '@termuijs/tss';
+function App() {
+    const [count, setCount] = useState(0);
+    useKeymap([
+        { key: 'q', action: () => process.exit(0), description: 'Quit' },
+        { key: 'c', ctrl: true, action: () => process.exit(0), description: 'Quit' },
+        { key: '+', action: () => setCount(c => c + 1), description: 'Increment' },
+        { key: '-', action: () => setCount(c => Math.max(0, c - 1)), description: 'Decrement' },
+    ]);
+    return (
+        <AutoThemeProvider>
+            <ErrorBoundary fallback={(err) => <text color="red">{err.message}</text>}>
+                <box border="single" padding={1}>
+                    <text bold>Welcome to ${config.name}!</text>
+                    <text>Edit src/index.tsx to get started.</text>
+                    <text>Count: {count}  (+/- to change, q to quit)</text>
+                </box>
+            </ErrorBoundary>
+        </AutoThemeProvider>
+    );
+}
+render(<App />, { title: '${config.name}' });
 `
   }];
 }
 function generateDashboardTemplate(config) {
   return [{
     path: "src/index.tsx",
-    content: `import { app, gauge, table, sparkline } from '@termuijs/quick';
-${config.features.dataProviders ? "import { cpu, memory, disk, processes } from '@termuijs/data';" : ""}
-// Sample data for demo
-let cpuVal = 0.45;
-let memVal = 0.62;
-let dskVal = 0.38;
-app('\u26A1 ${config.name}')
-    .rows(
-        // Row 1: Gauges
-        gauge('CPU', () => ${config.features.dataProviders ? "cpu.percent / 100" : "cpuVal"}),
-        gauge('MEM', () => ${config.features.dataProviders ? "memory.percent / 100" : "memVal"}),
-        gauge('DSK', () => ${config.features.dataProviders ? "disk.percent / 100" : "dskVal"}),
-        // Row 2: Table
-        table('Processes',
-            () => ${config.features.dataProviders ? `processes.top(10).map(p => ({
-                Name: p.name.slice(0, 18),
-                PID: p.pid,
-                'CPU%': p.cpu.toFixed(1),
-                'MEM%': p.mem.toFixed(1),
-            }))` : `[
-                { Name: 'node', PID: 1234, 'CPU%': '5.0', 'MEM%': '2.1' },
-                { Name: 'chrome', PID: 5678, 'CPU%': '12.3', 'MEM%': '8.4' },
-            ]`},
-            ['Name', 'PID', 'CPU%', 'MEM%'],
-        ),
-    )
-    .keys({ q: 'quit', r: 'refresh' })
-    .refresh('1s')
-    .run();
+    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>
+    );
+}
+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 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>
+    );
+}
+render(<App />, { title: '${config.name}' });
 `
   }];
 }
 function generateInteractiveTemplate(config) {
   return [{
     path: "src/index.tsx",
-    content: `import { app, text, list, input } from '@termuijs/quick';
-const items = ['Option 1', 'Option 2', 'Option 3'];
-app('\u{1F527} ${config.name}')
-    .rows(
-        text('Select an option or type a command:'),
-        list(() => items),
-        input('Type here...', {
-            onSubmit: (value) => items.push(value),
-        }),
-    )
-    .keys({ q: 'quit' })
-    .run();
+    content: `/** @jsxImportSource @termuijs/jsx */
+import { render, useState, useKeymap, useRef, ErrorBoundary } from '@termuijs/jsx';
+import { AutoThemeProvider, useTheme } from '@termuijs/tss';
+import { caps } from '@termuijs/core';
+// ASCII-safe symbols
+const CHECK  = caps.unicode ? '\u2713' : 'v';
+const BULLET = caps.unicode ? '\u203A' : '>';
+const SEP    = caps.unicode ? '\u2500'.repeat(40) : '-'.repeat(40);
+const INITIAL_ITEMS = ['Option A', 'Option B', 'Option C'];
+function InteractiveTool() {
+    const [items,    setItems]    = useState<string[]>(INITIAL_ITEMS);
+    const [selected, setSelected] = useState(0);
+    const [input,    setInput]    = useState('');
+    const [done,     setDone]     = useState<string[]>([]);
+    const theme = useTheme();
+    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: '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: () => {
+            const item = items[selected];
+            if (item) setDone(d => d.includes(item) ? d.filter(x => x !== item) : [...d, item]);
+        }, description: 'Toggle selected' },
+        { key: 'Backspace',  action: () => setInput(v => v.slice(0, -1)),  description: 'Delete char' },
+        { key: 'n',          action: () => {
+            if (input.trim()) {
+                setItems(prev => [...prev, input.trim()]);
+                setInput('');
+            }
+        }, description: 'Add new item' },
+    ]);
+    return (
+        <box flexDirection="column" padding={1}>
+            <text bold color={theme.colors.primary}>${config.name}</text>
+            <text color={theme.colors.muted}>j/k or arrows: navigate | Enter: toggle | n: add | q: quit</text>
+            <text>{SEP}</text>
+            <box flexDirection="column">
+                {items.map((item, i) => (
+                    <row key={item} gap={1}>
+                        <text color={i === selected ? theme.colors.primary : undefined}>
+                            {i === selected ? BULLET : ' '}
+                        </text>
+                        <text color={done.includes(item) ? theme.colors.success : undefined}>
+                            {done.includes(item) ? CHECK + ' ' : '  '}{item}
+                        </text>
+                    </row>
+                ))}
+            </box>
+            <text>{SEP}</text>
+            <row gap={1}>
+                <text color={theme.colors.muted}>New item:</text>
+                <text>{input}_</text>
+            </row>
+            <text color={theme.colors.muted} dim>Type letters then press n to add</text>
+        </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>
+            )}>
+                <InteractiveTool />
+            </ErrorBoundary>
+        </AutoThemeProvider>
+    );
+}
+render(<App />, { title: '${config.name}' });
 `
   }];
 }
 function generateCliWrapperTemplate(config) {
   return [{
     path: "src/index.tsx",
-    content: `import { app, text, logView } from '@termuijs/quick';
-// CLI wrapper \u2014 displays log output
-const logs: string[] = [
-    'INFO  Application started',
-    'INFO  Waiting for input...',
-    'DEBUG Press q to quit',
-];
-app('\u{1F4DF} ${config.name}')
-    .rows(
-        text('Command output:'),
-        logView(() => logs),
-    )
-    .keys({ q: 'quit' })
-    .refresh('1s')
-    .run();
+    content: `/** @jsxImportSource @termuijs/jsx */
+import { render, useState, useEffect, useKeymap, ErrorBoundary } from '@termuijs/jsx';
+import { AutoThemeProvider, useTheme } from '@termuijs/tss';
+import { caps } from '@termuijs/core';
+import { spawn } from 'node:child_process';
+// ASCII-safe symbols for terminals without full unicode support
+const ICON_RUN  = caps.unicode ? '>' : '>';
+const ICON_DONE = caps.unicode ? '*' : '*';
+const ICON_ERR  = caps.unicode ? '!' : '!';
+const SEP       = '-'.repeat(60);
+type LogLevel = 'info' | 'debug' | 'error' | 'warn';
+interface LogLine {
+    level: LogLevel;
+    text: string;
+    ts: number;
+}
+function levelColor(level: LogLevel): string {
+    switch (level) {
+        case 'info':  return 'green';
+        case 'debug': return 'cyan';
+        case 'warn':  return 'yellow';
+        case 'error': return 'red';
+    }
+}
+function CliWrapper() {
+    const [logs, setLogs]       = useState<LogLine[]>([
+        { level: 'info',  text: 'Application started', ts: Date.now() },
+        { level: 'debug', text: 'Press r to re-run, q to quit',   ts: Date.now() },
+    ]);
+    const [running, setRunning] = useState(false);
+    const [exitCode, setExitCode] = useState<number | null>(null);
+    const procRef = useRef<any>(null);
+    const theme = useTheme();
+    const addLog = (level: LogLevel, text: string) =>
+        setLogs(prev => [...prev.slice(-200), { level, text, ts: Date.now() }]);
+    // Example: run 'echo hello' \u2014 replace with your real command
+    const runCommand = () => {
+        if (running) return;
+        setRunning(true);
+        setExitCode(null);
+        addLog('info', \`\${ICON_RUN} Running command...\`);
+        const proc = spawn('echo', ['Hello from CLI wrapper!']);
+        procRef.current = proc;
+        proc.stdout.on('data', (d: Buffer) => {
+            for (const line of d.toString().split('\\n').filter(Boolean)) {
+                addLog('info', line);
+            }
+        });
+        proc.stderr.on('data', (d: Buffer) => {
+            for (const line of d.toString().split('\\n').filter(Boolean)) {
+                addLog('error', line);
+            }
+        });
+        proc.on('close', (code: number | null) => {
+            setRunning(false);
+            setExitCode(code);
+            addLog(code === 0 ? 'info' : 'error',
+                \`\${code === 0 ? ICON_DONE : ICON_ERR} Process exited with code \${code ?? 'null'}\`);
+            procRef.current = null;
+        });
+    };
+    // Auto-run on mount, kill process on unmount
+    useEffect(() => {
+        runCommand();
+        return () => {
+            if (procRef.current) {
+                procRef.current.kill();
+                procRef.current = null;
+            }
+        };
+    }, []);
+    useKeymap([
+        { key: 'q',          action: () => process.exit(0),  description: 'Quit' },
+        { key: 'c', ctrl: true, action: () => process.exit(0), description: 'Quit' },
+        { key: 'r',          action: runCommand,             description: 'Re-run command' },
+        { key: 'l',          action: () => setLogs([]),       description: 'Clear logs' },
+    ]);
+    return (
+        <box flexDirection="column" padding={1}>
+            <row gap={2}>
+                <text bold color={theme.colors.primary}>${config.name}</text>
+                <text color={running ? theme.colors.warning : theme.colors.muted}>
+                    {running ? 'Running...' : exitCode === null ? 'Ready' : \`Exit: \${exitCode}\`}
+                </text>
+                <spacer />
+                <text color={theme.colors.muted}>r: re-run | l: clear | q: quit</text>
+            </row>
+            <text>{SEP}</text>
+            <box flexDirection="column" flexGrow={1}>
+                {logs.map((line, i) => (
+                    <row key={i} gap={1}>
+                        <text color={theme.colors.muted} dim>
+                            {new Date(line.ts).toLocaleTimeString()}
+                        </text>
+                        <text color={levelColor(line.level)} bold>
+                            {line.level.toUpperCase().padEnd(5)}
+                        </text>
+                        <text>{line.text}</text>
+                    </row>
+                ))}
+            </box>
+            {!caps.color && (
+                <text color="yellow" dim>
+                    Note: running in a terminal without color support (TERM={process.env.TERM ?? 'unset'})
+                </text>
+            )}
+        </box>
+    );
+}
+function App() {
+    return (
+        <AutoThemeProvider>
+            <ErrorBoundary fallback={(err) => (
+                <box border="single" borderColor="red" padding={1}>
+                    <text color="red" bold>CLI Wrapper Error</text>
+                    <text>{err.message}</text>
+                    <text color="yellow">Check that the command exists and is executable.</text>
+                </box>
+            )}>
+                <CliWrapper />
+            </ErrorBoundary>
+        </AutoThemeProvider>
+    );
+}
+render(<App />, { title: '${config.name}' });
 `
   }];
 }
@@ -273,8 +556,8 @@ 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) => {

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/index.ts","../src/prompts.ts","../src/templates.ts"],"sourcesContent":["// ─────────────────────────────────────────────────────\n// create-termui-app — Interactive CLI scaffolding tool\n// ─────────────────────────────────────────────────────\n\nimport { resolve, join } from 'node:path';\nimport { mkdirSync, writeFileSync, existsSync } from 'node:fs';\nimport { getBuiltinThemeNames } from '@termuijs/tss';\nimport { textPrompt, selectPrompt, multiSelectPrompt } from './prompts.js';\nimport { generateProject, type ProjectConfig } from './templates.js';\n\nconst TEMPLATES = ['Empty (start from scratch)', 'Dashboard (real-time data)', 'Interactive Tool (forms, prompts)', 'CLI Wrapper (wrap existing CLI)'];\nconst TEMPLATE_KEYS = ['empty', 'dashboard', 'interactive-tool', 'cli-wrapper'] as const;\nconst FEATURES = ['Screen Router', 'Data Providers', 'Hot Reload'];\n\nasync function main() {\n console.log();\n console.log(' ┌──────────────────────────────────┐');\n console.log(' │ create-termui-app │');\n console.log(' │ The React/Next.js for CLI apps │');\n console.log(' └──────────────────────────────────┘');\n console.log();\n\n // ── Get project name from args or prompt ──\n let projectName = process.argv[2];\n if (!projectName) {\n projectName = await textPrompt('Project name', 'my-termui-app');\n }\n\n // ── Template selection ──\n const templateIdx = await selectPrompt('What kind of app?', TEMPLATES);\n const template = TEMPLATE_KEYS[templateIdx];\n\n // ── Theme selection ──\n const themes = getBuiltinThemeNames();\n const themeIdx = await selectPrompt('Choose a theme', themes.map(t => t.charAt(0).toUpperCase() + t.slice(1)));\n const theme = themes[themeIdx];\n\n // ── Feature selection ──\n const featureDefaults = [false, template === 'dashboard', true]; // Router off, Data on for dashboard, HotReload on\n const featureFlags = await multiSelectPrompt('Features to include', FEATURES, featureDefaults);\n\n const config: ProjectConfig = {\n name: projectName,\n template,\n theme,\n features: {\n router: featureFlags[0],\n dataProviders: featureFlags[1],\n hotReload: featureFlags[2],\n },\n };\n\n // ── Generate project ──\n const projectDir = resolve(process.cwd(), projectName);\n if (existsSync(projectDir)) {\n console.log(`\\n ⚠ Directory \"${projectName}\" already exists. Files may be overwritten.\\n`);\n }\n\n console.log(`\\n Creating ${projectName}...`);\n\n const files = generateProject(config);\n\n for (const file of files) {\n const fullPath = join(projectDir, file.path);\n const dir = fullPath.substring(0, fullPath.lastIndexOf('/'));\n mkdirSync(dir, { recursive: true });\n writeFileSync(fullPath, file.content, 'utf-8');\n console.log(` ✓ ${file.path}`);\n }\n\n console.log();\n console.log(' ┌──────────────────────────────────┐');\n console.log(' │ ✅ Project created successfully! │');\n console.log(' └──────────────────────────────────┘');\n console.log();\n console.log(` Next steps:`);\n console.log(` cd ${projectName}`);\n console.log(` npm install`);\n console.log(` npm run dev`);\n console.log();\n}\n\nmain().catch(err => {\n console.error('Error:', err.message);\n process.exit(1);\n});\n","// ─────────────────────────────────────────────────────\n// Minimal interactive prompts (no external deps)\n// ─────────────────────────────────────────────────────\n\nimport { createInterface } from 'node:readline';\n\nconst rl = () => createInterface({ input: process.stdin, output: process.stdout });\n\nexport async function textPrompt(question: string, defaultValue?: string): Promise<string> {\n return new Promise(resolve => {\n const r = rl();\n const suffix = defaultValue ? ` (${defaultValue})` : '';\n r.question(` ${question}${suffix}: `, answer => {\n r.close();\n resolve(answer.trim() \|\| defaultValue \|\| '');\n });\n });\n}\n\nexport async function selectPrompt(question: string, options: string[]): Promise<number> {\n console.log(`\\n ${question}`);\n for (let i = 0; i < options.length; i++) {\n console.log(` ${i + 1}) ${options[i]}`);\n }\n const answer = await textPrompt('Enter number', '1');\n const idx = parseInt(answer) - 1;\n return Math.max(0, Math.min(idx, options.length - 1));\n}\n\nexport async function confirmPrompt(question: string, defaultValue = true): Promise<boolean> {\n const suffix = defaultValue ? '(Y/n)' : '(y/N)';\n const answer = await textPrompt(`${question} ${suffix}`);\n if (!answer) return defaultValue;\n return answer.toLowerCase().startsWith('y');\n}\n\nexport async function multiSelectPrompt(question: string, options: string[], defaults: boolean[] = []): Promise<boolean[]> {\n console.log(`\\n ${question} (comma-separated numbers, or 'all')`);\n for (let i = 0; i < options.length; i++) {\n const def = defaults[i] ? '✓' : ' ';\n console.log(` ${i + 1}) [${def}] ${options[i]}`);\n }\n const answer = await textPrompt('Enter numbers', defaults.some(d => d) ? 'keep defaults' : 'all');\n if (answer === 'all') return options.map(() => true);\n if (answer === 'keep defaults' \|\| answer === '') return defaults.length ? defaults : options.map(() => true);\n const selected = answer.split(',').map(s => parseInt(s.trim()) - 1);\n return options.map((_, i) => selected.includes(i));\n}\n","// ─────────────────────────────────────────────────────\n// Project Templates — generates files for new apps\n// ─────────────────────────────────────────────────────\n\nimport { getBuiltinTheme } from '@termuijs/tss';\n\nexport interface ProjectConfig {\n name: string;\n template: 'empty' \| 'dashboard' \| 'interactive-tool' \| 'cli-wrapper';\n theme: string;\n features: {\n router: boolean;\n dataProviders: boolean;\n hotReload: boolean;\n };\n}\n\nexport interface GeneratedFile {\n path: string;\n content: string;\n}\n\nexport function generateProject(config: ProjectConfig): GeneratedFile[] {\n const files: GeneratedFile[] = [];\n\n // ── package.json ──\n files.push({\n path: 'package.json',\n content: JSON.stringify({\n name: config.name,\n version: '0.1.0',\n private: true,\n type: 'module',\n scripts: {\n dev: 'tsx --watch src/index.tsx',\n build: 'tsup src/index.tsx --format esm',\n start: 'node dist/index.js',\n },\n dependencies: {\n '@termuijs/core': 'latest',\n '@termuijs/widgets': 'latest',\n '@termuijs/ui': 'latest',\n '@termuijs/jsx': 'latest',\n '@termuijs/tss': 'latest',\n '@termuijs/quick': 'latest',\n '@termuijs/motion': 'latest',\n ...(config.features.dataProviders ? { '@termuijs/data': 'latest' } : {}),\n ...(config.features.router ? { '@termuijs/router': 'latest' } : {}),\n },\n devDependencies: {\n tsx: '^4.0.0',\n tsup: '^8.0.0',\n typescript: '^5.3.0',\n },\n }, null, 2) + '\\n',\n });\n\n // ── tsconfig.json ──\n files.push({\n path: 'tsconfig.json',\n content: JSON.stringify({\n compilerOptions: {\n target: 'ES2022',\n module: 'ESNext',\n moduleResolution: 'bundler',\n jsx: 'react-jsx',\n jsxImportSource: '@termuijs/jsx',\n strict: true,\n esModuleInterop: true,\n outDir: 'dist',\n rootDir: 'src',\n },\n include: ['src'],\n }, null, 2) + '\\n',\n });\n\n // ── termui.config.ts ──\n files.push({\n path: 'termui.config.ts',\n content: `import { defineConfig } from '@termuijs/core';\n\nexport default defineConfig({\n theme: '${config.theme}',\n ${config.features.hotReload ? \"hotReload: true,\" : ''}\n ${config.features.router ? \"router: { dir: './screens' },\" : ''}\n});\n`,\n });\n\n // ── Theme file ──\n const themeSrc = getBuiltinTheme(config.theme);\n if (themeSrc) {\n files.push({ path: `themes/${config.theme}.tss`, content: themeSrc.trim() + '\\n' });\n }\n\n // ── Template-specific files ──\n switch (config.template) {\n case 'dashboard':\n files.push(...generateDashboardTemplate(config));\n break;\n case 'interactive-tool':\n files.push(...generateInteractiveTemplate(config));\n break;\n case 'cli-wrapper':\n files.push(...generateCliWrapperTemplate(config));\n break;\n default:\n files.push(...generateEmptyTemplate(config));\n }\n\n return files;\n}\n\nfunction generateEmptyTemplate(config: ProjectConfig): GeneratedFile[] {\n return [{\n path: 'src/index.tsx',\n content: `import { app, text } from '@termuijs/quick';\n\napp('${config.name}')\n .rows(\n text('Hello from TermUI! Edit src/index.tsx to get started.'),\n )\n .keys({ q: 'quit' })\n .run();\n`,\n }];\n}\n\nfunction generateDashboardTemplate(config: ProjectConfig): GeneratedFile[] {\n return [{\n path: 'src/index.tsx',\n content: `import { app, gauge, table, sparkline } from '@termuijs/quick';\n${config.features.dataProviders ? \"import { cpu, memory, disk, processes } from '@termuijs/data';\" : ''}\n\n// Sample data for demo\nlet cpuVal = 0.45;\nlet memVal = 0.62;\nlet dskVal = 0.38;\n\napp('⚡ ${config.name}')\n .rows(\n // Row 1: Gauges\n gauge('CPU', () => ${config.features.dataProviders ? 'cpu.percent / 100' : 'cpuVal'}),\n gauge('MEM', () => ${config.features.dataProviders ? 'memory.percent / 100' : 'memVal'}),\n gauge('DSK', () => ${config.features.dataProviders ? 'disk.percent / 100' : 'dskVal'}),\n // Row 2: Table\n table('Processes',\n () => ${config.features.dataProviders\n ? `processes.top(10).map(p => ({\n Name: p.name.slice(0, 18),\n PID: p.pid,\n 'CPU%': p.cpu.toFixed(1),\n 'MEM%': p.mem.toFixed(1),\n }))`\n : `[\n { Name: 'node', PID: 1234, 'CPU%': '5.0', 'MEM%': '2.1' },\n { Name: 'chrome', PID: 5678, 'CPU%': '12.3', 'MEM%': '8.4' },\n ]`},\n ['Name', 'PID', 'CPU%', 'MEM%'],\n ),\n )\n .keys({ q: 'quit', r: 'refresh' })\n .refresh('1s')\n .run();\n`,\n }];\n}\n\nfunction generateInteractiveTemplate(config: ProjectConfig): GeneratedFile[] {\n return [{\n path: 'src/index.tsx',\n content: `import { app, text, list, input } from '@termuijs/quick';\n\nconst items = ['Option 1', 'Option 2', 'Option 3'];\n\napp('🔧 ${config.name}')\n .rows(\n text('Select an option or type a command:'),\n list(() => items),\n input('Type here...', {\n onSubmit: (value) => items.push(value),\n }),\n )\n .keys({ q: 'quit' })\n .run();\n`,\n }];\n}\n\nfunction generateCliWrapperTemplate(config: ProjectConfig): GeneratedFile[] {\n return [{\n path: 'src/index.tsx',\n content: `import { app, text, logView } from '@termuijs/quick';\n\n// CLI wrapper — displays log output\nconst logs: string[] = [\n 'INFO Application started',\n 'INFO Waiting for input...',\n 'DEBUG Press q to quit',\n];\n\napp('📟 ${config.name}')\n .rows(\n text('Command output:'),\n logView(() => logs),\n )\n .keys({ q: 'quit' })\n .refresh('1s')\n .run();\n`,\n }];\n}\n\n"],"mappings":"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","names":["resolve"]}
1	+ {"version":3,"sources":["../src/index.ts","../src/prompts.ts","../src/templates.ts"],"sourcesContent":["// ─────────────────────────────────────────────────────\n// create-termui-app — Interactive CLI scaffolding tool\n// ─────────────────────────────────────────────────────\n\nimport { resolve, join } from 'node:path';\nimport { mkdirSync, writeFileSync, existsSync } from 'node:fs';\nimport { getBuiltinThemeNames } from '@termuijs/tss';\nimport { textPrompt, selectPrompt, multiSelectPrompt } from './prompts.js';\nimport { generateProject, type ProjectConfig } from './templates.js';\n\nconst TEMPLATES = ['Empty (start from scratch)', 'Dashboard (real-time data)', 'Interactive Tool (forms, prompts)', 'CLI Wrapper (wrap existing CLI)'];\nconst TEMPLATE_KEYS = ['empty', 'dashboard', 'interactive-tool', 'cli-wrapper'] as const;\nconst FEATURES = ['Screen Router', 'Data Providers', 'Hot Reload'];\n\nasync function main() {\n console.log();\n console.log(' ┌──────────────────────────────────┐');\n console.log(' │ create-termui-app │');\n console.log(' │ The React/Next.js for CLI apps │');\n console.log(' └──────────────────────────────────┘');\n console.log();\n\n // ── Get project name from args or prompt ──\n let projectName = process.argv[2];\n if (!projectName) {\n projectName = await textPrompt('Project name', 'my-termui-app');\n }\n\n // ── Template selection ──\n const templateIdx = await selectPrompt('What kind of app?', TEMPLATES);\n const template = TEMPLATE_KEYS[templateIdx];\n\n // ── Theme selection ──\n const themes = getBuiltinThemeNames();\n const themeIdx = await selectPrompt('Choose a theme', themes.map(t => t.charAt(0).toUpperCase() + t.slice(1)));\n const theme = themes[themeIdx];\n\n // ── Feature selection ──\n const featureDefaults = [false, template === 'dashboard', true]; // Router off, Data on for dashboard, HotReload on\n const featureFlags = await multiSelectPrompt('Features to include', FEATURES, featureDefaults);\n\n const config: ProjectConfig = {\n name: projectName,\n template,\n theme,\n features: {\n router: featureFlags[0],\n dataProviders: featureFlags[1],\n hotReload: featureFlags[2],\n },\n };\n\n // ── Generate project ──\n const projectDir = resolve(process.cwd(), projectName);\n if (existsSync(projectDir)) {\n console.log(`\\n ⚠ Directory \"${projectName}\" already exists. Files may be overwritten.\\n`);\n }\n\n console.log(`\\n Creating ${projectName}...`);\n\n const files = generateProject(config);\n\n for (const file of files) {\n const fullPath = join(projectDir, file.path);\n const dir = fullPath.substring(0, fullPath.lastIndexOf('/'));\n mkdirSync(dir, { recursive: true });\n writeFileSync(fullPath, file.content, 'utf-8');\n console.log(` ✓ ${file.path}`);\n }\n\n console.log();\n console.log(' ┌──────────────────────────────────┐');\n console.log(' │ ✅ Project created successfully! │');\n console.log(' └──────────────────────────────────┘');\n console.log();\n console.log(` Next steps:`);\n console.log(` cd ${projectName}`);\n console.log(` bun install`);\n console.log(` bun run dev`);\n console.log();\n}\n\nmain().catch(err => {\n console.error('Error:', err.message);\n process.exit(1);\n});\n","// ─────────────────────────────────────────────────────\n// Minimal interactive prompts (no external deps)\n// ─────────────────────────────────────────────────────\n\nimport { createInterface } from 'node:readline';\n\nconst rl = () => createInterface({ input: process.stdin, output: process.stdout });\n\nexport async function textPrompt(question: string, defaultValue?: string): Promise<string> {\n return new Promise(resolve => {\n const r = rl();\n const suffix = defaultValue ? ` (${defaultValue})` : '';\n r.question(` ${question}${suffix}: `, answer => {\n r.close();\n resolve(answer.trim() \|\| defaultValue \|\| '');\n });\n });\n}\n\nexport async function selectPrompt(question: string, options: string[]): Promise<number> {\n console.log(`\\n ${question}`);\n for (let i = 0; i < options.length; i++) {\n console.log(` ${i + 1}) ${options[i]}`);\n }\n const answer = await textPrompt('Enter number', '1');\n const idx = parseInt(answer) - 1;\n return Math.max(0, Math.min(idx, options.length - 1));\n}\n\nexport async function confirmPrompt(question: string, defaultValue = true): Promise<boolean> {\n const suffix = defaultValue ? '(Y/n)' : '(y/N)';\n const answer = await textPrompt(`${question} ${suffix}`);\n if (!answer) return defaultValue;\n return answer.toLowerCase().startsWith('y');\n}\n\nexport async function multiSelectPrompt(question: string, options: string[], defaults: boolean[] = []): Promise<boolean[]> {\n console.log(`\\n ${question} (comma-separated numbers, or 'all')`);\n for (let i = 0; i < options.length; i++) {\n const def = defaults[i] ? '✓' : ' ';\n console.log(` ${i + 1}) [${def}] ${options[i]}`);\n }\n const answer = await textPrompt('Enter numbers', defaults.some(d => d) ? 'keep defaults' : 'all');\n if (answer === 'all') return options.map(() => true);\n if (answer === 'keep defaults' \|\| answer === '') return defaults.length ? defaults : options.map(() => true);\n const selected = answer.split(',').map(s => parseInt(s.trim()) - 1);\n return options.map((_, i) => selected.includes(i));\n}\n","// ─────────────────────────────────────────────────────\n// Project Templates — generates files for new apps\n// ─────────────────────────────────────────────────────\n\nimport { getBuiltinTheme } from '@termuijs/tss';\n\nexport interface ProjectConfig {\n name: string;\n template: 'empty' \| 'dashboard' \| 'interactive-tool' \| 'cli-wrapper';\n theme: string;\n features: {\n router: boolean;\n dataProviders: boolean;\n hotReload: boolean;\n };\n}\n\nexport interface GeneratedFile {\n path: string;\n content: string;\n}\n\nexport function generateProject(config: ProjectConfig): GeneratedFile[] {\n const files: GeneratedFile[] = [];\n\n // ── package.json ──\n files.push({\n path: 'package.json',\n content: JSON.stringify({\n name: config.name,\n version: '0.1.0',\n private: true,\n type: 'module',\n scripts: {\n dev: 'bun --watch src/index.tsx',\n build: 'tsup src/index.tsx --format esm',\n start: 'bun dist/index.js',\n },\n dependencies: {\n '@termuijs/core': 'latest',\n '@termuijs/widgets': 'latest',\n '@termuijs/ui': 'latest',\n '@termuijs/jsx': 'latest',\n '@termuijs/tss': 'latest',\n '@termuijs/quick': 'latest',\n '@termuijs/motion': 'latest',\n ...(config.features.dataProviders ? { '@termuijs/data': 'latest' } : {}),\n ...(config.features.router ? { '@termuijs/router': 'latest' } : {}),\n },\n devDependencies: {\n '@types/bun': 'latest',\n tsup: '^8.0.0',\n typescript: '^5.3.0',\n },\n engines: {\n bun: '>=1.3.0',\n },\n }, null, 2) + '\\n',\n });\n\n // ── tsconfig.json ──\n files.push({\n path: 'tsconfig.json',\n content: JSON.stringify({\n compilerOptions: {\n target: 'ES2022',\n module: 'ESNext',\n moduleResolution: 'bundler',\n jsx: 'react-jsx',\n jsxImportSource: '@termuijs/jsx',\n strict: true,\n esModuleInterop: true,\n outDir: 'dist',\n rootDir: 'src',\n },\n include: ['src'],\n }, null, 2) + '\\n',\n });\n\n // ── termui.config.ts ──\n files.push({\n path: 'termui.config.ts',\n content: `import { defineConfig } from '@termuijs/core';\n\nexport default defineConfig({\n theme: '${config.theme}',\n ${config.features.hotReload ? \"hotReload: true,\" : ''}\n ${config.features.router ? \"router: { dir: './screens' },\" : ''}\n});\n`,\n });\n\n // ── Theme file ──\n const themeSrc = getBuiltinTheme(config.theme);\n if (themeSrc) {\n files.push({ path: `themes/${config.theme}.tss`, content: themeSrc.trim() + '\\n' });\n }\n\n // ── Template-specific files ──\n switch (config.template) {\n case 'dashboard':\n files.push(...generateDashboardTemplate(config));\n break;\n case 'interactive-tool':\n files.push(...generateInteractiveTemplate(config));\n break;\n case 'cli-wrapper':\n files.push(...generateCliWrapperTemplate(config));\n break;\n default:\n files.push(...generateEmptyTemplate(config));\n }\n\n return files;\n}\n\nfunction generateEmptyTemplate(config: ProjectConfig): GeneratedFile[] {\n return [{\n path: 'src/index.tsx',\n content: `/** @jsxImportSource @termuijs/jsx /\nimport { render, useState, useKeymap, ErrorBoundary } from '@termuijs/jsx';\nimport { AutoThemeProvider } from '@termuijs/tss';\n\nfunction App() {\n const [count, setCount] = useState(0);\n\n useKeymap([\n { key: 'q', action: () => process.exit(0), description: 'Quit' },\n { key: 'c', ctrl: true, action: () => process.exit(0), description: 'Quit' },\n { key: '+', action: () => setCount(c => c + 1), description: 'Increment' },\n { key: '-', action: () => setCount(c => Math.max(0, c - 1)), description: 'Decrement' },\n ]);\n\n return (\n <AutoThemeProvider>\n <ErrorBoundary fallback={(err) => <text color=\"red\">{err.message}</text>}>\n <box border=\"single\" padding={1}>\n <text bold>Welcome to ${config.name}!</text>\n <text>Edit src/index.tsx to get started.</text>\n <text>Count: {count} (+/- to change, q to quit)</text>\n </box>\n </ErrorBoundary>\n </AutoThemeProvider>\n );\n}\n\nrender(<App />, { title: '${config.name}' });\n`,\n }];\n}\n\nfunction generateDashboardTemplate(config: ProjectConfig): GeneratedFile[] {\n return [{\n path: 'src/index.tsx',\n content: `/* @jsxImportSource @termuijs/jsx /\nimport { render, useState, useEffect, useKeymap, ErrorBoundary } from '@termuijs/jsx';\nimport { AutoThemeProvider, useTheme } from '@termuijs/tss';\n${config.features.dataProviders ? \"import { useCpu, useMemory, useDisk } from '@termuijs/data';\" : ''}\n\n// ── Sample static data (replace with live hooks when dataProviders = true) ──\n${config.features.dataProviders ? '' : `const SAMPLE_PROCS = [\n { Name: 'node', PID: 1234, 'CPU%': '5.0', 'MEM%': '2.1' },\n { Name: 'chrome', PID: 5678, 'CPU%': '12.3', 'MEM%': '8.4' },\n { Name: 'bash', PID: 9012, 'CPU%': '0.1', 'MEM%': '0.3' },\n];`}\n\nfunction GaugeRow({ label, value }: { label: string; value: number }) {\n const theme = useTheme();\n const filled = Math.round(value 20);\n const empty = 20 - filled;\n const bar = '[' + '#'.repeat(filled) + '-'.repeat(empty) + ']';\n return (\n <row gap={2}>\n <text color={theme.colors.primary}>{label.padEnd(4)}</text>\n <text>{bar}</text>\n <text>{(value * 100).toFixed(1).padStart(5)}%</text>\n </row>\n );\n}\n\nfunction Dashboard() {\n const [tick, setTick] = useState(0);\n${config.features.dataProviders\n ? ` const cpu = useCpu();\n const mem = useMemory();\n const disk = useDisk();\n const cpuVal = (cpu.percent ?? 0) / 100;\n const memVal = (mem.percent ?? 0) / 100;\n const diskVal = (disk.percent ?? 0) / 100;`\n : ` const [cpuVal, setCpuVal] = useState(0.45);\n const [memVal, setMemVal] = useState(0.62);\n const [diskVal, setDiskVal] = useState(0.38);\n\n // Simulate live updates\n useEffect(() => {\n const id = setInterval(() => {\n setCpuVal(v => Math.min(1, Math.max(0, v + (Math.random() - 0.5) * 0.05)));\n setMemVal(v => Math.min(1, Math.max(0, v + (Math.random() - 0.5) * 0.02)));\n setDiskVal(v => Math.min(1, Math.max(0, v + (Math.random() - 0.5) * 0.01)));\n setTick(t => t + 1);\n }, 1000);\n return () => clearInterval(id);\n }, []);`}\n\n useKeymap([\n { key: 'q', action: () => process.exit(0), description: 'Quit' },\n { key: 'c', ctrl: true, action: () => process.exit(0), description: 'Quit' },\n { key: 'r', action: () => setTick(t => t + 1), description: 'Refresh' },\n ]);\n\n const theme = useTheme();\n\n return (\n <box flexDirection=\"column\" padding={1}>\n <text bold color={theme.colors.primary}>${config.name} Dashboard</text>\n <divider />\n\n <grid columns={12} gap={1}>\n {/* Gauges — top row /}\n <box width=\"100%\" flexDirection=\"column\" border=\"single\" padding={1} flexGrow={4}>\n <text bold>System Resources</text>\n <GaugeRow label=\"CPU\" value={cpuVal} />\n <GaugeRow label=\"MEM\" value={memVal} />\n <GaugeRow label=\"DISK\" value={diskVal} />\n </box>\n\n {/ Info panel /}\n <box width=\"100%\" flexDirection=\"column\" border=\"single\" padding={1} flexGrow={8}>\n <text bold>Process Summary</text>\n <text color={theme.colors.muted}>Press r to refresh, q to quit</text>\n <text>Tick: {tick}</text>\n${config.features.dataProviders\n ? ` <skeleton variant=\"shimmer\" />`\n : ` <text>node PID:1234 CPU: {(cpuVal 100).toFixed(1)}%</text>\n <text>chrome PID:5678 MEM: {(memVal * 100).toFixed(1)}%</text>`}\n </box>\n </grid>\n </box>\n );\n}\n\nfunction App() {\n return (\n <AutoThemeProvider>\n <ErrorBoundary fallback={(err) => (\n <box border=\"single\" borderColor=\"red\" padding={1}>\n <text color=\"red\" bold>Dashboard Error</text>\n <text>{err.message}</text>\n </box>\n )}>\n <Dashboard />\n </ErrorBoundary>\n </AutoThemeProvider>\n );\n}\n\nrender(<App />, { title: '${config.name}' });\n`,\n }];\n}\n\nfunction generateInteractiveTemplate(config: ProjectConfig): GeneratedFile[] {\n return [{\n path: 'src/index.tsx',\n content: `/** @jsxImportSource @termuijs/jsx /\nimport { render, useState, useKeymap, useRef, ErrorBoundary } from '@termuijs/jsx';\nimport { AutoThemeProvider, useTheme } from '@termuijs/tss';\nimport { caps } from '@termuijs/core';\n\n// ASCII-safe symbols\nconst CHECK = caps.unicode ? '✓' : 'v';\nconst BULLET = caps.unicode ? '›' : '>';\nconst SEP = caps.unicode ? '─'.repeat(40) : '-'.repeat(40);\n\nconst INITIAL_ITEMS = ['Option A', 'Option B', 'Option C'];\n\nfunction InteractiveTool() {\n const [items, setItems] = useState<string[]>(INITIAL_ITEMS);\n const [selected, setSelected] = useState(0);\n const [input, setInput] = useState('');\n const [done, setDone] = useState<string[]>([]);\n const theme = useTheme();\n\n useKeymap([\n { key: 'q', action: () => process.exit(0), description: 'Quit' },\n { key: 'c', ctrl: true, action: () => process.exit(0), description: 'Quit' },\n { key: 'ArrowUp', action: () => setSelected(s => Math.max(0, s - 1)), description: 'Move up' },\n { key: 'ArrowDown', action: () => setSelected(s => Math.min(items.length - 1, s + 1)), description: 'Move down' },\n { key: 'k', action: () => setSelected(s => Math.max(0, s - 1)), description: 'Move up (vim)' },\n { key: 'j', action: () => setSelected(s => Math.min(items.length - 1, s + 1)), description: 'Move down (vim)' },\n { key: 'Enter', action: () => {\n const item = items[selected];\n if (item) setDone(d => d.includes(item) ? d.filter(x => x !== item) : [...d, item]);\n }, description: 'Toggle selected' },\n { key: 'Backspace', action: () => setInput(v => v.slice(0, -1)), description: 'Delete char' },\n { key: 'n', action: () => {\n if (input.trim()) {\n setItems(prev => [...prev, input.trim()]);\n setInput('');\n }\n }, description: 'Add new item' },\n ]);\n\n return (\n <box flexDirection=\"column\" padding={1}>\n <text bold color={theme.colors.primary}>${config.name}</text>\n <text color={theme.colors.muted}>j/k or arrows: navigate \| Enter: toggle \| n: add \| q: quit</text>\n <text>{SEP}</text>\n\n <box flexDirection=\"column\">\n {items.map((item, i) => (\n <row key={item} gap={1}>\n <text color={i === selected ? theme.colors.primary : undefined}>\n {i === selected ? BULLET : ' '}\n </text>\n <text color={done.includes(item) ? theme.colors.success : undefined}>\n {done.includes(item) ? CHECK + ' ' : ' '}{item}\n </text>\n </row>\n ))}\n </box>\n\n <text>{SEP}</text>\n <row gap={1}>\n <text color={theme.colors.muted}>New item:</text>\n <text>{input}_</text>\n </row>\n <text color={theme.colors.muted} dim>Type letters then press n to add</text>\n </box>\n );\n}\n\nfunction App() {\n return (\n <AutoThemeProvider>\n <ErrorBoundary fallback={(err) => (\n <box border=\"single\" borderColor=\"red\" padding={1}>\n <text color=\"red\" bold>Error</text>\n <text>{err.message}</text>\n </box>\n )}>\n <InteractiveTool />\n </ErrorBoundary>\n </AutoThemeProvider>\n );\n}\n\nrender(<App />, { title: '${config.name}' });\n`,\n }];\n}\n\nfunction generateCliWrapperTemplate(config: ProjectConfig): GeneratedFile[] {\n return [{\n path: 'src/index.tsx',\n content: `/* @jsxImportSource @termuijs/jsx /\nimport { render, useState, useEffect, useKeymap, ErrorBoundary } from '@termuijs/jsx';\nimport { AutoThemeProvider, useTheme } from '@termuijs/tss';\nimport { caps } from '@termuijs/core';\nimport { spawn } from 'node:child_process';\n\n// ASCII-safe symbols for terminals without full unicode support\nconst ICON_RUN = caps.unicode ? '>' : '>';\nconst ICON_DONE = caps.unicode ? '' : '*';\nconst ICON_ERR = caps.unicode ? '!' : '!';\nconst SEP = '-'.repeat(60);\n\ntype LogLevel = 'info' \| 'debug' \| 'error' \| 'warn';\ninterface LogLine {\n level: LogLevel;\n text: string;\n ts: number;\n}\n\nfunction levelColor(level: LogLevel): string {\n switch (level) {\n case 'info': return 'green';\n case 'debug': return 'cyan';\n case 'warn': return 'yellow';\n case 'error': return 'red';\n }\n}\n\nfunction CliWrapper() {\n const [logs, setLogs] = useState<LogLine[]>([\n { level: 'info', text: 'Application started', ts: Date.now() },\n { level: 'debug', text: 'Press r to re-run, q to quit', ts: Date.now() },\n ]);\n const [running, setRunning] = useState(false);\n const [exitCode, setExitCode] = useState<number \| null>(null);\n const procRef = useRef<any>(null);\n const theme = useTheme();\n\n const addLog = (level: LogLevel, text: string) =>\n setLogs(prev => [...prev.slice(-200), { level, text, ts: Date.now() }]);\n\n // Example: run 'echo hello' — replace with your real command\n const runCommand = () => {\n if (running) return;\n setRunning(true);\n setExitCode(null);\n addLog('info', \\`\\${ICON_RUN} Running command...\\`);\n\n const proc = spawn('echo', ['Hello from CLI wrapper!']);\n procRef.current = proc;\n proc.stdout.on('data', (d: Buffer) => {\n for (const line of d.toString().split('\\\\n').filter(Boolean)) {\n addLog('info', line);\n }\n });\n proc.stderr.on('data', (d: Buffer) => {\n for (const line of d.toString().split('\\\\n').filter(Boolean)) {\n addLog('error', line);\n }\n });\n proc.on('close', (code: number \| null) => {\n setRunning(false);\n setExitCode(code);\n addLog(code === 0 ? 'info' : 'error',\n \\`\\${code === 0 ? ICON_DONE : ICON_ERR} Process exited with code \\${code ?? 'null'}\\`);\n procRef.current = null;\n });\n };\n\n // Auto-run on mount, kill process on unmount\n useEffect(() => {\n runCommand();\n return () => {\n if (procRef.current) {\n procRef.current.kill();\n procRef.current = null;\n }\n };\n }, []);\n\n useKeymap([\n { key: 'q', action: () => process.exit(0), description: 'Quit' },\n { key: 'c', ctrl: true, action: () => process.exit(0), description: 'Quit' },\n { key: 'r', action: runCommand, description: 'Re-run command' },\n { key: 'l', action: () => setLogs([]), description: 'Clear logs' },\n ]);\n\n return (\n <box flexDirection=\"column\" padding={1}>\n <row gap={2}>\n <text bold color={theme.colors.primary}>${config.name}</text>\n <text color={running ? theme.colors.warning : theme.colors.muted}>\n {running ? 'Running...' : exitCode === null ? 'Ready' : \\`Exit: \\${exitCode}\\`}\n </text>\n <spacer />\n <text color={theme.colors.muted}>r: re-run \| l: clear \| q: quit</text>\n </row>\n <text>{SEP}</text>\n\n <box flexDirection=\"column\" flexGrow={1}>\n {logs.map((line, i) => (\n <row key={i} gap={1}>\n <text color={theme.colors.muted} dim>\n {new Date(line.ts).toLocaleTimeString()}\n </text>\n <text color={levelColor(line.level)} bold>\n {line.level.toUpperCase().padEnd(5)}\n </text>\n <text>{line.text}</text>\n </row>\n ))}\n </box>\n\n {!caps.color && (\n <text color=\"yellow\" dim>\n Note: running in a terminal without color support (TERM={process.env.TERM ?? 'unset'})\n </text>\n )}\n </box>\n );\n}\n\nfunction App() {\n return (\n <AutoThemeProvider>\n <ErrorBoundary fallback={(err) => (\n <box border=\"single\" borderColor=\"red\" padding={1}>\n <text color=\"red\" bold>CLI Wrapper Error</text>\n <text>{err.message}</text>\n <text color=\"yellow\">Check that the command exists and is executable.</text>\n </box>\n )}>\n <CliWrapper />\n </ErrorBoundary>\n </AutoThemeProvider>\n );\n}\n\nrender(<App />, { title: '${config.name}' });\n`,\n }];\n}\n\n"],"mappings":"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","names":["resolve"]}

package/package.json CHANGED Viewed

@@ -5,7 +5,7 @@
     "type": "git",
     "url": "https://github.com/Karanjot786/TermUI"
   },
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Scaffold a new TermUI project with templates, themes, and dev server",
   "type": "module",
   "bin": {
@@ -15,8 +15,12 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
   "dependencies": {
-    "@termuijs/tss": "0.1.3"
+    "@termuijs/tss": "0.1.4"
   },
   "devDependencies": {
     "tsup": "^8.0.0",
@@ -30,9 +34,8 @@
     "create-app",
     "generator"
   ],
-  "license": "MIT",
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch"
-  }
-}
+  "engines": {
+    "bun": ">=1.3.0"
+  },
+  "license": "MIT"
+}

package/LICENSE DELETED Viewed

@@ -1,21 +0,0 @@
-MIT License
-Copyright (c) 2026 Karanjot Singh
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.