@aex.is/zero 0.1.4 → 0.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aex.is/zero",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Aexis Zero scaffolding CLI",
   "license": "UNLICENSED",
   "type": "module",
@@ -17,7 +17,7 @@
     "access": "public"
   },
   "scripts": {
-    "build": "tsc -p tsconfig.json",
+    "build": "node scripts/clean-dist.cjs && tsc -p tsconfig.json",
     "dev": "bun run src/index.ts",
     "start": "node dist/index.js",
     "prepublishOnly": "npm run build"

package/dist/ui/App.js

@@ -1,75 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useRef, useState } from 'react';
-import { Box, Text, useApp } from 'ink';
-import { Intro } from './screens/Intro.js';
-import { NamePrompt } from './screens/NamePrompt.js';
-import { DomainPrompt } from './screens/DomainPrompt.js';
-import { FrameworkSelect } from './screens/FrameworkSelect.js';
-import { ModuleSelect } from './screens/ModuleSelect.js';
-import { Confirm } from './screens/Confirm.js';
-export function App({ onComplete }) {
-    const { exit } = useApp();
-    const [step, setStep] = useState('intro');
-    const [resumeStep, setResumeStep] = useState(null);
-    const [name, setName] = useState('');
-    const [domain, setDomain] = useState('');
-    const [framework, setFramework] = useState('nextjs');
-    const [modules, setModules] = useState([]);
-    const completedRef = useRef(false);
-    const finish = useCallback((config) => {
-        if (completedRef.current) {
-            return;
-        }
-        completedRef.current = true;
-        onComplete(config);
-        exit();
-    }, [exit, onComplete]);
-    const goNext = useCallback((next) => {
-        if (resumeStep) {
-            setStep(resumeStep);
-            setResumeStep(null);
-            return;
-        }
-        setStep(next);
-    }, [resumeStep]);
-    const handleConfirmAction = useCallback((action) => {
-        switch (action) {
-            case 'continue':
-                finish({
-                    appName: name,
-                    domain,
-                    framework,
-                    modules
-                });
-                return;
-            case 'cancel':
-                finish(null);
-                return;
-            case 'edit-name':
-                setResumeStep('confirm');
-                setStep('name');
-                return;
-            case 'edit-domain':
-                setResumeStep('confirm');
-                setStep('domain');
-                return;
-            case 'edit-framework':
-                setResumeStep('confirm');
-                setStep('framework');
-                return;
-            case 'edit-modules':
-                setResumeStep('confirm');
-                setStep('modules');
-                return;
-            default:
-                return;
-        }
-    }, [domain, finish, framework, modules, name]);
-    return (_jsxs(Box, { flexDirection: "column", children: [step === 'intro' ? null : (_jsx(Text, { color: "cyan", children: "Aexis Zero" })), step === 'intro' ? (_jsx(Intro, { onContinue: () => setStep('name') })) : null, step === 'name' ? (_jsx(NamePrompt, { initialValue: name, onSubmit: (value) => {
-                    setName(value);
-                    goNext('domain');
-                } })) : null, step === 'domain' ? (_jsx(DomainPrompt, { initialValue: domain, onSubmit: (value) => {
-                    setDomain(value);
-                    goNext('framework');
-                } })) : null, step === 'framework' ? (_jsx(FrameworkSelect, { value: framework, onChange: setFramework, onConfirm: () => goNext('modules') })) : null, step === 'modules' ? (_jsx(ModuleSelect, { value: modules, onChange: setModules, onConfirm: () => goNext('confirm') })) : null, step === 'confirm' ? (_jsx(Confirm, { name: name, domain: domain, framework: framework, modules: modules, onAction: handleConfirmAction })) : null] }));
-}

package/dist/ui/components/SelectList.js

@@ -1,67 +0,0 @@
-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

@@ -1,22 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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] }));
-}