corex-cli 1.0.0

package/install.sh

@@ -0,0 +1,26 @@
+#!/bin/bash
+set -e
+
+echo "---------------------------------------"
+echo "  Installing COREX AI Terminal Chat"
+echo "---------------------------------------"
+
+if ! command -v node &> /dev/null; then
+    echo "ERROR: Node.js is required. Install from https://nodejs.org"
+    exit 1
+fi
+
+NODE_VERSION=$(node -v | cut -d'v' -f2 | cut -d'.' -f1)
+if [ "$NODE_VERSION" -lt 18 ]; then
+    echo "ERROR: Node.js 18 or higher is required. Current: $(node -v)"
+    exit 1
+fi
+
+echo "OK Node.js $(node -v) detected"
+npm install -g corex-ai
+
+echo ""
+echo "---------------------------------------"
+echo "  COREX installed successfully."
+echo "  Type 'corex' to launch."
+echo "---------------------------------------"

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "corex-cli",
+  "version": "1.0.0",
+  "description": "COREX CLI — powerful AI terminal",
+  "type": "module",
+  "bin": {
+    "corex": "./bin/corex.js"
+  },
+  "scripts": {
+    "dev": "node --experimental-strip-types --enable-source-maps -e \"process.stdin.setRawMode = () => {}; require('tsx').tsc();\" 2>/dev/null || tsx --inspect=0 src/index.ts",
+    "start": "node bin/corex.js",
+    "build": "tsup src/index.ts --out-dir dist --format esm --external @anthropic-ai/sdk --external @google/generative-ai --external openai"
+  },
+  "dependencies": {
+    "@anthropic-ai/sdk": "latest",
+    "@google/generative-ai": "latest",
+    "conf": "^12.0.0",
+    "dotenv": "^16.3.1",
+    "glob": "^10.0.0",
+    "gradient-string": "^2.0.2",
+    "ink": "^4.4.1",
+    "ink-text-input": "^5.0.1",
+    "openai": "latest",
+    "pdf-parse": "^1.1.1",
+    "react": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.10.0",
+    "@types/react": "^18.2.0",
+    "tsx": "^4.6.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.3.0"
+  }
+}

package/src/app.tsx

@@ -0,0 +1,217 @@
+import React, { useState, useCallback } from 'react';
+import { Box, Text, useApp, useInput } from 'ink';
+import { CorexConfig, Message } from './types.js';
+import { addMessage } from './lib/history.js';
+import ChatHistory from './components/ChatHistory.js';
+import InputBar from './components/InputBar.js';
+import TopBar from './components/TopBar.js';
+import StatusArea from './components/StatusArea.js';
+import BootScreen from './components/BootScreen.js';
+import ApiKeyScreen from './components/ApiKeyScreen.js';
+import { theme } from './themes/themes.js';
+import { detectProvider } from './core/providers/index.js';
+import { chatAnthropic, chatOpenAI, chatGemini, ProviderConfig } from './core/providers/index.js';
+import { NetworkError, parseApiError } from './core/network/request.js';
+
+interface AppProps {
+    config: CorexConfig;
+}
+
+type Screen = 'boot' | 'apiKey' | 'chat';
+
+const App: React.FC<AppProps> = ({ config: initialConfig }: AppProps) => {
+    const { exit } = useApp();
+    const [screen, setScreen] = useState<Screen>('boot');
+    const [config, setConfig] = useState<CorexConfig>(initialConfig);
+    const [messages, setMessages] = useState<Message[]>([]);
+    const [inputValue, setInputValue] = useState('');
+    const [isThinking, setIsThinking] = useState(false);
+    const [streamingText, setStreamingText] = useState('');
+    const [status, setStatus] = useState<'idle' | 'typing' | 'thinking'>('idle');
+    const [providerName, setProviderName] = useState<string>('Not Connected');
+
+    useInput((input, key) => {
+        if (screen !== 'chat') return;
+
+        if (key.ctrl && input === 'c') {
+            process.stdout.write('\x1b[?25h');
+            exit();
+            process.exit(0);
+        }
+
+        if (key.ctrl && input === 'l') {
+            setMessages([]);
+        }
+
+        if (key.ctrl && input === 'k') {
+            setMessages([]);
+            setInputValue('');
+        }
+
+        if (key.tab) {
+            // Future command mode placeholder
+        }
+    });
+
+    const handleBootComplete = useCallback(() => {
+        setScreen('apiKey');
+    }, []);
+
+    const handleApiKeySubmit = useCallback(async (apiKey: string) => {
+        try {
+            const provider = await detectProvider(apiKey);
+            setProviderName(provider);
+            setConfig({ ...config, apiKey, provider: provider as any });
+            setScreen('chat');
+        } catch (error: any) {
+            setMessages([{ 
+                role: 'assistant', 
+                content: `Error: ${error.message}` 
+            }]);
+            setScreen('chat');
+        }
+    }, [config]);
+
+    const addSystemMessage = useCallback((text: string) => {
+        setMessages((prev: Message[]) => [...prev, { role: 'assistant', content: text }]);
+    }, []);
+
+    const handleSubmit = useCallback(
+        async (value: string) => {
+            const trimmed = value.trim();
+            if (!trimmed || isThinking) return;
+
+            setInputValue('');
+            setStatus('typing');
+
+            const userMsg: Message = { role: 'user', content: trimmed };
+            setMessages((prev: Message[]) => [...prev, userMsg]);
+            addMessage('user', trimmed);
+
+            setStatus('thinking');
+            setIsThinking(true);
+            setStreamingText('');
+
+            try {
+                const providerConfig: ProviderConfig = {
+                    apiKey: config.apiKey,
+                    model: config.model,
+                    systemPrompt: config.systemPrompt,
+                    temperature: config.temperature,
+                    maxTokens: config.maxTokens,
+                };
+
+                let response: { content: string; usage?: any };
+
+                switch (config.provider) {
+                    case 'anthropic':
+                        response = await chatAnthropic(
+                            messages,
+                            trimmed,
+                            providerConfig,
+                            (token) => setStreamingText(prev => prev + token)
+                        );
+                        break;
+                    case 'gemini':
+                        response = await chatGemini(
+                            messages,
+                            trimmed,
+                            providerConfig,
+                            (token) => setStreamingText(prev => prev + token)
+                        );
+                        break;
+                    case 'openai':
+                    case 'openrouter':
+                    case 'deepseek':
+                        const baseURL = config.provider === 'openrouter' 
+                            ? 'https://openrouter.ai/api/v1'
+                            : config.provider === 'deepseek'
+                                ? 'https://api.deepseek.com'
+                                : 'https://api.openai.com/v1';
+                        response = await chatOpenAI(
+                            messages,
+                            trimmed,
+                            providerConfig,
+                            (token) => setStreamingText(prev => prev + token),
+                            baseURL
+                        );
+                        break;
+                    default:
+                        throw new Error(`Unknown provider: ${config.provider}`);
+                }
+
+                const assistantMsg: Message = { 
+                    role: 'assistant', 
+                    content: response.content 
+                };
+                setMessages((prev: Message[]) => [...prev, assistantMsg]);
+                addMessage('assistant', response.content);
+                setStreamingText('');
+
+            } catch (error: any) {
+                let errorMessage: string;
+
+                if (error instanceof NetworkError) {
+                    errorMessage = error.message;
+                } else if (error.status === 401) {
+                    errorMessage = 'Invalid API key. Run /config to update.';
+                } else if (error.status === 429) {
+                    errorMessage = 'Rate limit exceeded. Please wait and try again.';
+                } else if (error.status >= 500) {
+                    errorMessage = 'Provider service unavailable.';
+                } else {
+                    errorMessage = parseApiError(error, 'An unexpected error occurred.');
+                }
+
+                addSystemMessage(errorMessage);
+                setStreamingText('');
+            } finally {
+                setIsThinking(false);
+                setStatus('idle');
+            }
+        },
+        [config, messages, isThinking, addMessage, addSystemMessage]
+    );
+
+    const handleInputChange = useCallback(
+        (value: string) => {
+            setInputValue(value);
+            if (value.length > 0 && status === 'idle') {
+                setStatus('typing');
+            } else if (value.length === 0) {
+                setStatus('idle');
+            }
+        },
+        [status]
+    );
+
+    if (screen === 'boot') {
+        return <BootScreen onComplete={handleBootComplete} />;
+    }
+
+    if (screen === 'apiKey') {
+        return <ApiKeyScreen onSubmit={handleApiKeySubmit} />;
+    }
+
+    return (
+        <Box flexDirection="column" height="100%">
+            <TopBar provider={providerName} />
+            <Box flexDirection="row" justifyContent="flex-end" paddingX={1}>
+                <StatusArea status={status} />
+            </Box>
+            <ChatHistory
+                messages={messages}
+                isThinking={isThinking}
+                streamingText={streamingText}
+            />
+            <InputBar
+                value={inputValue}
+                onChange={handleInputChange}
+                onSubmit={handleSubmit}
+                isDisabled={isThinking}
+            />
+        </Box>
+    );
+};
+
+export default App;

package/src/components/ApiKeyScreen.tsx

@@ -0,0 +1,65 @@
+import React, { useState, useCallback } from 'react';
+import { Box, Text } from 'ink';
+import TextInput from 'ink-text-input';
+import { useInput } from 'ink';
+import { theme } from '../themes/themes.js';
+
+interface ApiKeyScreenProps {
+    onSubmit: (apiKey: string) => void;
+}
+
+const ApiKeyScreen: React.FC<ApiKeyScreenProps> = ({ onSubmit }: ApiKeyScreenProps) => {
+    const [apiKey, setApiKey] = useState('');
+    const [showKey, setShowKey] = useState(false);
+
+    useInput((input, key) => {
+        if (key.ctrl && input === 'v') {
+            setShowKey((prev) => !prev);
+        }
+    });
+
+    const handleSubmit = useCallback(() => {
+        if (apiKey.trim()) {
+            onSubmit(apiKey.trim());
+        }
+    }, [apiKey, onSubmit]);
+
+    const displayValue = showKey ? apiKey : apiKey.replace(/./g, '•');
+
+    return (
+        <Box
+            flexDirection="column"
+            justifyContent="center"
+            alignItems="center"
+            height="100%"
+        >
+            <Box flexDirection="column" alignItems="center">
+                <Text bold color={theme.primary}>COREX</Text>
+            </Box>
+            <Box marginTop={1} flexDirection="column" alignItems="center">
+                <Text color={theme.textDim}>AI GATEWAY</Text>
+            </Box>
+            <Box marginTop={6} flexDirection="column" alignItems="center">
+                <Text color={theme.textDim}>Enter an API key</Text>
+            </Box>
+            <Box marginTop={2} flexDirection="row" alignItems="center">
+                <Text color={theme.primary}>{'>'} </Text>
+                <TextInput
+                    value={displayValue}
+                    onChange={setApiKey}
+                    onSubmit={handleSubmit}
+                    placeholder=""
+                    mask={!showKey ? '•' : undefined}
+                    focus={true}
+                />
+            </Box>
+            <Box marginTop={3} flexDirection="column" alignItems="center">
+                <Text color={theme.textDim} dimColor>
+                    Ctrl+V to toggle visibility • Enter to continue
+                </Text>
+            </Box>
+        </Box>
+    );
+};
+
+export default ApiKeyScreen;

package/src/components/BootScreen.tsx

@@ -0,0 +1,62 @@
+import React, { useState, useEffect } from 'react';
+import { Box, Text } from 'ink';
+import { theme } from '../themes/themes.js';
+
+interface BootScreenProps {
+    onComplete: () => void;
+}
+
+const LOGO = `
+ ██████╗██╗     ██╗    ██████╗  ██████╗ ██████╗ ████████╗███████╗ ██████╗ ██╗     ██╗ ██████╗
+██╔════╝██║     ██║    ██╔══██╗██╔═══██╗██╔══██╗╚══██╔══╝██╔════╝██╔═══██╗██║     ██║██╔═══██╗
+██║     ██║     ██║    ██████╔╝██║   ██║██████╔╝   ██║   █████╗  ██║   ██║██║     ██║██║   ██║
+██║     ██║     ██║    ██╔═══╝ ██║   ██║██╔══██╗   ██║   ██╔══╝  ██║   ██║██║     ██║██║   ██║
+╚██████╗███████╗██║    ██║     ╚██████╔╝██║  ██║   ██║   ██║     ╚██████╔╝███████╗██║╚██████╔╝
+ ╚═════╝╚══════╝╚═╝    ╚═╝      ╚═════╝ ╚═╝  ╚═╝   ╚═╝   ╚═╝      ╚═════╝ ╚══════╝╚═╝ ╚═════╝
+`;
+
+const BootScreen: React.FC<BootScreenProps> = ({ onComplete }: BootScreenProps) => {
+    const [fadeIn, setFadeIn] = useState(0);
+
+    useEffect(() => {
+        const fadeInterval = setInterval(() => {
+            setFadeIn((prev) => {
+                if (prev >= 1) {
+                    clearInterval(fadeInterval);
+                    setTimeout(onComplete, 1500);
+                    return 1;
+                }
+                return prev + 0.1;
+            });
+        }, 150);
+
+        return () => clearInterval(fadeInterval);
+    }, [onComplete]);
+
+    const opacity = Math.floor(fadeIn * 255)
+        .toString(16)
+        .padStart(2, '0');
+
+    return (
+        <Box
+            flexDirection="column"
+            justifyContent="center"
+            alignItems="center"
+            height="100%"
+        >
+            <Box flexDirection="column" alignItems="center">
+                <Text color={`#${opacity}93C5FD` as any}>{LOGO}</Text>
+            </Box>
+            <Box marginTop={1} flexDirection="column" alignItems="center">
+                <Text bold color={`#${opacity}3B82F6` as any}>
+                    AI GATEWAY
+                </Text>
+            </Box>
+            <Box marginTop={3} flexDirection="column" alignItems="center">
+                <Text color={`#${opacity}6B7280` as any}>Universal AI Provider Gateway</Text>
+            </Box>
+        </Box>
+    );
+};
+
+export default BootScreen;

package/src/components/ChatHistory.tsx

@@ -0,0 +1,45 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import { Message } from '../types.js';
+import { theme } from '../themes/themes.js';
+import ThinkingDots from './ThinkingDots.js';
+
+interface ChatHistoryProps {
+    messages: Message[];
+    isThinking: boolean;
+    streamingText: string;
+}
+
+const ChatHistory: React.FC<ChatHistoryProps> = ({
+    messages,
+    isThinking,
+    streamingText,
+}: ChatHistoryProps) => {
+    return (
+        <Box flexDirection="column" flexGrow={1} paddingX={1}>
+            {messages.map((msg: Message, i: number) => (
+                <Box key={i} flexDirection="column" marginBottom={1}>
+                    {msg.role === 'user' ? (
+                        <Text color={theme.textDim}>{`> ${msg.content}`}</Text>
+                    ) : (
+                        <Text color={theme.highlight}>{msg.content}</Text>
+                    )}
+                </Box>
+            ))}
+
+            {streamingText && (
+                <Box flexDirection="column" marginBottom={1}>
+                    <Text color={theme.highlight}>{streamingText}</Text>
+                </Box>
+            )}
+
+            {isThinking && !streamingText && (
+                <Box marginBottom={1}>
+                    <ThinkingDots />
+                </Box>
+            )}
+        </Box>
+    );
+};
+
+export default ChatHistory;

package/src/components/Header.tsx

@@ -0,0 +1,60 @@
+import React, { useState, useEffect } from 'react';
+import { Box, Text } from 'ink';
+import * as fs from 'fs';
+import * as path from 'path';
+import gradient from 'gradient-string';
+import { Theme } from '../types.js';
+
+interface HeaderProps {
+    theme: Theme;
+}
+
+const Header: React.FC<HeaderProps> = ({ theme }) => {
+    const [logoLines, setLogoLines] = useState<string[]>([]);
+
+    useEffect(() => {
+        try {
+            // Try multiple paths for logo.txt
+            const possiblePaths = [
+                path.join(__dirname, '..', 'assets', 'logo.txt'),
+                path.join(__dirname, '..', '..', 'assets', 'logo.txt'),
+                path.join(process.cwd(), 'assets', 'logo.txt'),
+            ];
+
+            let logoText = '';
+            for (const p of possiblePaths) {
+                if (fs.existsSync(p)) {
+                    logoText = fs.readFileSync(p, 'utf-8');
+                    break;
+                }
+            }
+
+            if (!logoText) {
+                // Fallback inline logo
+                logoText = `
+  ██████╗ ██████╗ ██████╗ ███████╗██╗  ██╗
+ ██╔════╝██╔═══██╗██╔══██╗██╔════╝╚██╗██╔╝
+ ██║     ██║   ██║██████╔╝█████╗   ╚███╔╝
+ ██║     ██║   ██║██╔══██╗██╔══╝   ██╔██╗
+ ╚██████╗╚██████╔╝██║  ██║███████╗██╔╝ ██╗
+  ╚═════╝ ╚═════╝ ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝`;
+            }
+
+            const grad = gradient(theme.headerGradient);
+            const lines = logoText.split('\n').map((line) => grad(line));
+            setLogoLines(lines);
+        } catch {
+            setLogoLines(['  COREX']);
+        }
+    }, [theme]);
+
+    return (
+        <Box flexDirection="column" marginBottom={1}>
+            {logoLines.map((line, i) => (
+                <Text key={i}>{line}</Text>
+            ))}
+        </Box>
+    );
+};
+
+export default Header;

package/src/components/InputBar.tsx

@@ -0,0 +1,43 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import TextInput from 'ink-text-input';
+import { theme } from '../themes/themes.js';
+
+interface InputBarProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit: (value: string) => void;
+    isDisabled: boolean;
+}
+
+const InputBar: React.FC<InputBarProps> = ({
+    value,
+    onChange,
+    onSubmit,
+    isDisabled,
+}: InputBarProps) => {
+    const separator = '─'.repeat(process.stdout.columns || 80);
+
+    return (
+        <Box flexDirection="column">
+            <Box>
+                <Text color={theme.border}>{separator}</Text>
+            </Box>
+            <Box paddingX={1}>
+                <Text bold color={theme.primary}>
+                    {'> '}
+                </Text>
+                <TextInput
+                    value={value}
+                    onChange={onChange}
+                    onSubmit={onSubmit}
+                    placeholder={isDisabled ? '' : ''}
+                    focus={!isDisabled}
+                    showCursor={true}
+                />
+            </Box>
+        </Box>
+    );
+};
+
+export default InputBar;

package/src/components/StatusArea.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Text } from 'ink';
+import { theme } from '../themes/themes.js';
+
+interface StatusAreaProps {
+    status: 'idle' | 'typing' | 'thinking';
+}
+
+const StatusArea: React.FC<StatusAreaProps> = ({ status }: StatusAreaProps) => {
+    const statusText = {
+        idle: 'Idle',
+        typing: 'Typing...',
+        thinking: 'Thinking...',
+    };
+
+    return (
+        <Text color={theme.textDim} dimColor>
+            {statusText[status]}
+        </Text>
+    );
+};
+
+export default StatusArea;

package/src/components/StatusBar.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import { Theme, ThemeName } from '../types.js';
+
+interface StatusBarProps {
+    model: string;
+    totalTokens: number;
+    themeName: ThemeName;
+    theme: Theme;
+}
+
+const StatusBar: React.FC<StatusBarProps> = ({
+    model,
+    totalTokens,
+    themeName,
+    theme,
+}) => {
+    return (
+        <Box>
+            <Text color={theme.statusBar}>
+                {model} │ tokens: {totalTokens} │ theme: {themeName}
+            </Text>
+        </Box>
+    );
+};
+
+export default StatusBar;

package/src/components/ThinkingDots.tsx

@@ -0,0 +1,22 @@
+import React, { useState, useEffect } from 'react';
+import { Text } from 'ink';
+import { theme } from '../themes/themes.js';
+
+const ThinkingDots: React.FC = () => {
+    const [dots, setDots] = useState('');
+
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setDots((prev: string) => (prev.length < 3 ? prev + '.' : ''));
+        }, 400);
+        return () => clearInterval(interval);
+    }, []);
+
+    return (
+        <Text color={theme.textDim} dimColor>
+            Thinking{dots}
+        </Text>
+    );
+};
+
+export default ThinkingDots;

package/src/components/TopBar.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Box, Text } from 'ink';
+import { theme } from '../themes/themes.js';
+
+interface TopBarProps {
+    provider?: string;
+}
+
+const TopBar: React.FC<TopBarProps> = ({ provider = 'Not Connected' }: TopBarProps) => {
+    return (
+        <Box
+            flexDirection="row"
+            justifyContent="space-between"
+            paddingX={1}
+        >
+            <Box flexDirection="row">
+                <Text bold color={theme.primary}>
+                    COREX
+                </Text>
+                <Text color={theme.textDim}> | </Text>
+                <Text color={theme.textPrimary}>AI Gateway</Text>
+            </Box>
+            <Box flexDirection="row">
+                <Text color={theme.textDim}>Provider: </Text>
+                <Text color={theme.highlight}>{provider}</Text>
+            </Box>
+        </Box>
+    );
+};
+
+export default TopBar;