@aex.is/zero 0.1.1 → 0.1.3

package/dist/ui/components/SelectList.js

@@ -0,0 +1,67 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+export function SelectList({ items, selectedIds, onChange, onSubmit, multi = false, hint }) {
+    const [index, setIndex] = useState(0);
+    const selectedSet = useMemo(() => new Set(selectedIds), [selectedIds]);
+    const move = useCallback((delta) => {
+        setIndex((current) => {
+            const next = current + delta;
+            if (next < 0) {
+                return items.length - 1;
+            }
+            if (next >= items.length) {
+                return 0;
+            }
+            return next;
+        });
+    }, [items.length]);
+    const toggle = useCallback((itemId) => {
+        if (multi) {
+            const next = new Set(selectedSet);
+            if (next.has(itemId)) {
+                next.delete(itemId);
+            }
+            else {
+                next.add(itemId);
+            }
+            onChange(Array.from(next));
+        }
+        else {
+            onChange([itemId]);
+        }
+    }, [multi, onChange, selectedSet]);
+    useInput((input, key) => {
+        if (key.upArrow) {
+            move(-1);
+            return;
+        }
+        if (key.downArrow) {
+            move(1);
+            return;
+        }
+        if (input === ' ') {
+            const item = items[index];
+            if (item) {
+                toggle(item.id);
+            }
+            return;
+        }
+        if (key.return) {
+            onSubmit();
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { flexDirection: "column", children: items.map((item, idx) => {
+                    const isSelected = selectedSet.has(item.id);
+                    const isActive = idx === index;
+                    const prefix = isActive ? '>' : ' ';
+                    const marker = multi
+                        ? isSelected
+                            ? '[x]'
+                            : '[ ]'
+                        : isSelected
+                            ? '(x)'
+                            : '( )';
+                    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: isActive ? 'cyan' : undefined, children: [prefix, " ", marker, " ", item.label] }), item.description ? (_jsxs(Text, { color: "gray", children: ["  ", item.description] })) : null] }, item.id));
+                }) }), hint ? _jsx(Text, { color: "gray", children: hint }) : null] }));
+}

package/dist/ui/screens/Confirm.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text } from 'ink';
+import { SelectList } from '../components/SelectList.js';
+import { frameworks } from '../../config/frameworks.js';
+import { modules } from '../../config/modules.js';
+const actionItems = [
+    { id: 'continue', label: 'Continue' },
+    { id: 'edit-name', label: 'Edit name' },
+    { id: 'edit-domain', label: 'Edit domain' },
+    { id: 'edit-framework', label: 'Edit framework' },
+    { id: 'edit-modules', label: 'Edit modules' },
+    { id: 'cancel', label: 'Cancel' }
+];
+export function Confirm({ name, domain, framework, modules: selectedModules, onAction }) {
+    const [selection, setSelection] = useState('continue');
+    const frameworkLabel = frameworks.find((item) => item.id === framework)?.label ?? framework;
+    const moduleLabels = selectedModules
+        .map((id) => modules.find((item) => item.id === id)?.label ?? id)
+        .join(', ');
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "cyan", children: "Confirm" }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { children: ["App name: ", name] }), _jsxs(Text, { children: ["Domain: ", domain || 'None'] }), _jsxs(Text, { children: ["Framework: ", frameworkLabel] }), _jsxs(Text, { children: ["Modules: ", moduleLabels || 'None'] })] }), _jsx(Box, { marginTop: 1, children: _jsx(SelectList, { items: actionItems, selectedIds: [selection], onChange: (next) => setSelection(next[0]), onSubmit: () => onAction(selection), multi: false, hint: "Select an action and press Enter." }) })] }));
+}

package/dist/ui/screens/DomainPrompt.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text } from 'ink';
+import TextInput from 'ink-text-input';
+export function DomainPrompt({ initialValue, onSubmit }) {
+    const [value, setValue] = useState(initialValue);
+    const handleSubmit = () => {
+        onSubmit(value.trim());
+    };
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "cyan", children: "Domain (optional)" }), _jsx(Text, { color: "gray", children: "Press Enter to continue or leave blank." }), _jsx(TextInput, { value: value, onChange: setValue, onSubmit: handleSubmit, placeholder: "example.com" })] }));
+}

package/dist/ui/screens/FrameworkSelect.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { SelectList } from '../components/SelectList.js';
+import { frameworks } from '../../config/frameworks.js';
+export function FrameworkSelect({ value, onChange, onConfirm }) {
+    const items = frameworks.map((framework) => ({
+        id: framework.id,
+        label: framework.label,
+        description: framework.description
+    }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "cyan", children: "Framework" }), _jsx(Text, { color: "gray", children: "Use arrows to move, space to select, Enter to confirm." }), _jsx(SelectList, { items: items, selectedIds: [value], onChange: (next) => onChange(next[0]), onSubmit: onConfirm, multi: false, hint: "( ) radio select" })] }));
+}

package/dist/ui/screens/Intro.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useInput } from 'ink';
+const introArt = [
+    '   _____',
+    '  / ___ \\ ',
+    ' / / _ \\ \\ ',
+    ' | |/ /| |',
+    ' \\ \\_/ / /',
+    '  \\___/_/'
+].join('\n');
+export function Intro({ onContinue }) {
+    useInput((input, key) => {
+        if (key.return || input === ' ') {
+            onContinue();
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: introArt }), _jsx(Text, { color: "cyan", children: "Aexis Zero" }), _jsx(Text, { color: "gray", children: "Press Enter to begin." })] }));
+}

package/dist/ui/screens/ModuleSelect.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { SelectList } from '../components/SelectList.js';
+import { modules } from '../../config/modules.js';
+export function ModuleSelect({ value, onChange, onConfirm }) {
+    const items = modules.map((module) => ({
+        id: module.id,
+        label: module.label,
+        description: module.description
+    }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "cyan", children: "Modules" }), _jsx(Text, { color: "gray", children: "Use arrows to move, space to toggle, Enter to confirm." }), _jsx(SelectList, { items: items, selectedIds: value, onChange: (next) => onChange(next), onSubmit: onConfirm, multi: true, hint: "[ ] multi-select" })] }));
+}

package/dist/ui/screens/NamePrompt.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text } from 'ink';
+import TextInput from 'ink-text-input';
+export function NamePrompt({ initialValue, onSubmit }) {
+    const [value, setValue] = useState(initialValue);
+    const [error, setError] = useState('');
+    const handleSubmit = () => {
+        const trimmed = value.trim();
+        if (!trimmed) {
+            setError('App name is required.');
+            return;
+        }
+        setError('');
+        onSubmit(trimmed);
+    };
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "cyan", children: "App name" }), _jsx(Text, { color: "gray", children: "Required. Press Enter to continue." }), _jsx(TextInput, { value: value, onChange: setValue, onSubmit: handleSubmit, placeholder: "my-app" }), error ? _jsx(Text, { color: "red", children: error }) : null] }));
+}

package/package.json

@@ -1,16 +1,15 @@
 {
   "name": "@aex.is/zero",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Aexis Zero scaffolding CLI",
   "license": "UNLICENSED",
   "type": "module",
   "bin": {
-    "zero": "src/index.ts"
+    "zero": "dist/index.js"
   },
   "main": "dist/index.js",
   "files": [
     "dist",
-    "src",
     "README.md",
     "LICENSE"
   ],
@@ -19,8 +18,9 @@
   },
   "scripts": {
     "build": "tsc -p tsconfig.json",
-    "dev": "bun run src/index.ts",
-    "start": "node dist/index.js"
+    "dev": "bun run src/index.tsx",
+    "start": "node dist/index.js",
+    "prepublishOnly": "npm run build"
   },
   "dependencies": {
     "execa": "^8.0.1",
@@ -34,6 +34,7 @@
     "@types/node": "^20.11.30",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
+    "@types/which": "^3.0.3",
     "typescript": "^5.5.4"
   }
 }

package/src/config/frameworks.ts

@@ -1,110 +0,0 @@
-import type { FrameworkId } from '../types.js';
-
-export interface FrameworkDefinition {
-  id: FrameworkId;
-  label: string;
-  description: string;
-  packages: string[];
-  scaffold: {
-    command: string;
-    packageName: string;
-    argSets: string[][];
-  };
-}
-
-export const frameworks: FrameworkDefinition[] = [
-  {
-    id: 'nextjs',
-    label: 'Next.js',
-    description: 'React framework with App Router and Tailwind.',
-    packages: [
-      'class-variance-authority',
-      'clsx',
-      'lucide-react',
-      'tailwind-merge',
-      'tailwindcss-animate',
-      '@radix-ui/react-slot'
-    ],
-    scaffold: {
-      command: 'bunx',
-      packageName: 'create-next-app@latest',
-      argSets: [
-        [
-          '--ts',
-          '--eslint',
-          '--tailwind',
-          '--turbo',
-          '--app',
-          '--no-src-dir',
-          '--import-alias',
-          '@/*',
-          '--use-bun',
-          '--skip-install'
-        ],
-        [
-          '--ts',
-          '--eslint',
-          '--tailwind',
-          '--turbo',
-          '--app',
-          '--no-src-dir',
-          '--import-alias',
-          '@/*',
-          '--use-bun'
-        ],
-        [
-          '--ts',
-          '--eslint',
-          '--tailwind',
-          '--turbo',
-          '--app',
-          '--no-src-dir',
-          '--import-alias',
-          '@/*'
-        ],
-        [
-          '--ts',
-          '--eslint',
-          '--tailwind',
-          '--app',
-          '--no-src-dir',
-          '--import-alias',
-          '@/*'
-        ]
-      ]
-    }
-  },
-  {
-    id: 'expo',
-    label: 'Expo (React Native)',
-    description: 'Expo app with Router and EAS configuration.',
-    packages: [
-      'expo-router',
-      'tamagui',
-      '@tamagui/config',
-      '@tamagui/animations-react-native',
-      '@tamagui/metro-plugin',
-      '@tamagui/babel-plugin',
-      'react-native-svg'
-    ],
-    scaffold: {
-      command: 'bunx',
-      packageName: 'create-expo-app',
-      argSets: [
-        ['--template', 'expo-router', '--yes', '--no-install'],
-        ['--template', 'expo-router', '--yes'],
-        ['--yes', '--no-install'],
-        ['--yes'],
-        []
-      ]
-    }
-  }
-];
-
-export function getFrameworkDefinition(id: FrameworkId): FrameworkDefinition {
-  const framework = frameworks.find((item) => item.id === id);
-  if (!framework) {
-    throw new Error(`Unknown framework: ${id}`);
-  }
-  return framework;
-}

package/src/config/modules.ts

@@ -1,82 +0,0 @@
-import type { FrameworkId, ModuleId } from '../types.js';
-
-export interface ModuleDefinition {
-  id: ModuleId;
-  label: string;
-  description: string;
-  envVars: string[];
-  packages: Record<FrameworkId, string[]>;
-}
-
-export const modules: ModuleDefinition[] = [
-  {
-    id: 'neon',
-    label: 'Database (Neon)',
-    description: 'Serverless Postgres with Neon.',
-    envVars: ['DATABASE_URL'],
-    packages: {
-      nextjs: ['@neondatabase/serverless'],
-      expo: ['@neondatabase/serverless']
-    }
-  },
-  {
-    id: 'clerk',
-    label: 'Auth (Clerk)',
-    description: 'Authentication with Clerk.',
-    envVars: ['CLERK_PUBLISHABLE_KEY', 'CLERK_SECRET_KEY'],
-    packages: {
-      nextjs: ['@clerk/nextjs'],
-      expo: ['@clerk/clerk-expo']
-    }
-  },
-  {
-    id: 'payload',
-    label: 'CMS (Payload)',
-    description: 'Headless CMS using Payload.',
-    envVars: ['PAYLOAD_SECRET', 'DATABASE_URL'],
-    packages: {
-      nextjs: ['payload'],
-      expo: ['payload']
-    }
-  },
-  {
-    id: 'stripe',
-    label: 'Payments (Stripe)',
-    description: 'Payments via Stripe SDK.',
-    envVars: ['STRIPE_SECRET_KEY', 'STRIPE_WEBHOOK_SECRET'],
-    packages: {
-      nextjs: ['stripe'],
-      expo: ['stripe']
-    }
-  }
-];
-
-export function getModuleDefinition(id: ModuleId): ModuleDefinition {
-  const module = modules.find((item) => item.id === id);
-  if (!module) {
-    throw new Error(`Unknown module: ${id}`);
-  }
-  return module;
-}
-
-export function getModulePackages(moduleIds: ModuleId[], framework: FrameworkId): string[] {
-  const packages = new Set<string>();
-  for (const id of moduleIds) {
-    const module = getModuleDefinition(id);
-    for (const pkg of module.packages[framework]) {
-      packages.add(pkg);
-    }
-  }
-  return Array.from(packages).sort();
-}
-
-export function getModuleEnvVars(moduleIds: ModuleId[]): string[] {
-  const envVars = new Set<string>();
-  for (const id of moduleIds) {
-    const module = getModuleDefinition(id);
-    for (const envVar of module.envVars) {
-      envVars.add(envVar);
-    }
-  }
-  return Array.from(envVars).sort();
-}

package/src/engine/env.ts

@@ -1,12 +0,0 @@
-import path from 'path';
-import { promises as fs } from 'fs';
-import type { ModuleId } from '../types.js';
-import { getModuleEnvVars } from '../config/modules.js';
-
-export async function writeEnvExample(moduleIds: ModuleId[], targetDir: string): Promise<void> {
-  const envVars = getModuleEnvVars(moduleIds);
-  const lines = envVars.map((key) => `${key}=`);
-  const content = lines.length > 0 ? `${lines.join('\n')}\n` : '';
-  const envPath = path.join(targetDir, '.env.example');
-  await fs.writeFile(envPath, content, 'utf8');
-}

package/src/engine/installers.ts

@@ -1,44 +0,0 @@
-import { execa } from 'execa';
-import type { FrameworkId, ModuleId } from '../types.js';
-import { getModulePackages } from '../config/modules.js';
-
-const baseEnv = {
-  ...process.env,
-  CI: '1'
-};
-
-export async function installBaseDependencies(targetDir: string, extraPackages: string[] = []): Promise<void> {
-  if (extraPackages.length > 0) {
-    const packages = Array.from(new Set(extraPackages)).sort();
-    await execa('bun', ['add', ...packages], {
-      cwd: targetDir,
-      stdio: 'inherit',
-      env: baseEnv,
-      shell: false
-    });
-    return;
-  }
-  await execa('bun', ['install'], {
-    cwd: targetDir,
-    stdio: 'inherit',
-    env: baseEnv,
-    shell: false
-  });
-}
-
-export async function installModulePackages(
-  framework: FrameworkId,
-  moduleIds: ModuleId[],
-  targetDir: string
-): Promise<void> {
-  const packages = getModulePackages(moduleIds, framework);
-  if (packages.length === 0) {
-    return;
-  }
-  await execa('bun', ['add', ...packages], {
-    cwd: targetDir,
-    stdio: 'inherit',
-    env: baseEnv,
-    shell: false
-  });
-}