@aex.is/zero 0.1.1 → 0.1.3

package/src/ui/screens/Confirm.tsx

@@ -1,62 +0,0 @@
-import React, { useState } from 'react';
-import { Box, Text } from 'ink';
-import { SelectList, SelectItem } from '../components/SelectList.js';
-import { frameworks } from '../../config/frameworks.js';
-import { modules } from '../../config/modules.js';
-import type { FrameworkId, ModuleId } from '../../types.js';
-
-export type ConfirmAction =
-  | 'continue'
-  | 'edit-name'
-  | 'edit-domain'
-  | 'edit-framework'
-  | 'edit-modules'
-  | 'cancel';
-
-interface ConfirmProps {
-  name: string;
-  domain: string;
-  framework: FrameworkId;
-  modules: ModuleId[];
-  onAction: (action: ConfirmAction) => void;
-}
-
-const actionItems: SelectItem[] = [
-  { 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 }: ConfirmProps) {
-  const [selection, setSelection] = useState<ConfirmAction>('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 (
-    <Box flexDirection="column">
-      <Text color="cyan">Confirm</Text>
-      <Box flexDirection="column" marginTop={1}>
-        <Text>App name: {name}</Text>
-        <Text>Domain: {domain || 'None'}</Text>
-        <Text>Framework: {frameworkLabel}</Text>
-        <Text>Modules: {moduleLabels || 'None'}</Text>
-      </Box>
-      <Box marginTop={1}>
-        <SelectList
-          items={actionItems}
-          selectedIds={[selection]}
-          onChange={(next) => setSelection(next[0] as ConfirmAction)}
-          onSubmit={() => onAction(selection)}
-          multi={false}
-          hint="Select an action and press Enter."
-        />
-      </Box>
-    </Box>
-  );
-}

package/src/ui/screens/DomainPrompt.tsx

@@ -1,29 +0,0 @@
-import React, { useState } from 'react';
-import { Box, Text } from 'ink';
-import TextInput from 'ink-text-input';
-
-interface DomainPromptProps {
-  initialValue: string;
-  onSubmit: (value: string) => void;
-}
-
-export function DomainPrompt({ initialValue, onSubmit }: DomainPromptProps) {
-  const [value, setValue] = useState(initialValue);
-
-  const handleSubmit = () => {
-    onSubmit(value.trim());
-  };
-
-  return (
-    <Box flexDirection="column">
-      <Text color="cyan">Domain (optional)</Text>
-      <Text color="gray">Press Enter to continue or leave blank.</Text>
-      <TextInput
-        value={value}
-        onChange={setValue}
-        onSubmit={handleSubmit}
-        placeholder="example.com"
-      />
-    </Box>
-  );
-}

package/src/ui/screens/FrameworkSelect.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import { SelectList, SelectItem } from '../components/SelectList.js';
-import { frameworks } from '../../config/frameworks.js';
-import type { FrameworkId } from '../../types.js';
-
-interface FrameworkSelectProps {
-  value: FrameworkId;
-  onChange: (value: FrameworkId) => void;
-  onConfirm: () => void;
-}
-
-export function FrameworkSelect({ value, onChange, onConfirm }: FrameworkSelectProps) {
-  const items: SelectItem[] = frameworks.map((framework) => ({
-    id: framework.id,
-    label: framework.label,
-    description: framework.description
-  }));
-
-  return (
-    <Box flexDirection="column">
-      <Text color="cyan">Framework</Text>
-      <Text color="gray">Use arrows to move, space to select, Enter to confirm.</Text>
-      <SelectList
-        items={items}
-        selectedIds={[value]}
-        onChange={(next) => onChange(next[0] as FrameworkId)}
-        onSubmit={onConfirm}
-        multi={false}
-        hint="( ) radio select"
-      />
-    </Box>
-  );
-}

package/src/ui/screens/Intro.tsx

@@ -1,31 +0,0 @@
-import React from 'react';
-import { Box, Text, useInput } from 'ink';
-
-interface IntroProps {
-  onContinue: () => void;
-}
-
-const introArt = [
-  '   _____',
-  '  / ___ \\ ',
-  ' / / _ \\ \\ ',
-  ' | |/ /| |',
-  ' \\ \\_/ / /',
-  '  \\___/_/'
-].join('\n');
-
-export function Intro({ onContinue }: IntroProps) {
-  useInput((input, key) => {
-    if (key.return || input === ' ') {
-      onContinue();
-    }
-  });
-
-  return (
-    <Box flexDirection="column">
-      <Text>{introArt}</Text>
-      <Text color="cyan">Aexis Zero</Text>
-      <Text color="gray">Press Enter to begin.</Text>
-    </Box>
-  );
-}

package/src/ui/screens/ModuleSelect.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import { Box, Text } from 'ink';
-import { SelectList, SelectItem } from '../components/SelectList.js';
-import { modules } from '../../config/modules.js';
-import type { ModuleId } from '../../types.js';
-
-interface ModuleSelectProps {
-  value: ModuleId[];
-  onChange: (value: ModuleId[]) => void;
-  onConfirm: () => void;
-}
-
-export function ModuleSelect({ value, onChange, onConfirm }: ModuleSelectProps) {
-  const items: SelectItem[] = modules.map((module) => ({
-    id: module.id,
-    label: module.label,
-    description: module.description
-  }));
-
-  return (
-    <Box flexDirection="column">
-      <Text color="cyan">Modules</Text>
-      <Text color="gray">Use arrows to move, space to toggle, Enter to confirm.</Text>
-      <SelectList
-        items={items}
-        selectedIds={value}
-        onChange={(next) => onChange(next as ModuleId[])}
-        onSubmit={onConfirm}
-        multi
-        hint="[ ] multi-select"
-      />
-    </Box>
-  );
-}

package/src/ui/screens/NamePrompt.tsx

@@ -1,37 +0,0 @@
-import React, { useState } from 'react';
-import { Box, Text } from 'ink';
-import TextInput from 'ink-text-input';
-
-interface NamePromptProps {
-  initialValue: string;
-  onSubmit: (value: string) => void;
-}
-
-export function NamePrompt({ initialValue, onSubmit }: NamePromptProps) {
-  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 (
-    <Box flexDirection="column">
-      <Text color="cyan">App name</Text>
-      <Text color="gray">Required. Press Enter to continue.</Text>
-      <TextInput
-        value={value}
-        onChange={setValue}
-        onSubmit={handleSubmit}
-        placeholder="my-app"
-      />
-      {error ? <Text color="red">{error}</Text> : null}
-    </Box>
-  );
-}