gitarsenal-cli 1.9.106 → 1.9.108

package/scripts/postinstall.js

@@ -138,21 +138,37 @@ async function createVirtualEnvironment() {
     
     console.log(chalk.gray(`🔄 Installing packages in virtual environment with uv...`));
     
+    // Determine the activation command based on platform
+    const isWindows = process.platform === 'win32';
+    const activateCmd = isWindows ? 
+      'call .venv\\Scripts\\activate.bat && ' : 
+      'source .venv/bin/activate && ';
+    
     // Install packages using uv pip from requirements.txt
     const requirementsPath = path.join(packageDir, 'python', 'requirements.txt');
     if (await fs.pathExists(requirementsPath)) {
       console.log(chalk.gray(`📦 Installing packages from requirements.txt...`));
-      await execAsync(`uv pip install -r ${requirementsPath}`, {
+      const installCmd = isWindows ? 
+        `${activateCmd}uv pip install -r ${requirementsPath}` :
+        `bash -c "${activateCmd}uv pip install -r ${requirementsPath}"`;
+      
+      await execAsync(installCmd, {
         cwd: packageDir,
         env: { ...process.env, PYTHONIOENCODING: 'utf-8' },
-        stdio: 'inherit'
+        stdio: 'inherit',
+        shell: isWindows ? 'cmd.exe' : '/bin/bash'
       });
     } else {
       console.log(chalk.gray(`📦 Installing packages: ${packages.join(', ')}`));
-      await execAsync(`uv pip install ${packages.join(' ')}`, {
+      const installCmd = isWindows ? 
+        `${activateCmd}uv pip install ${packages.join(' ')}` :
+        `bash -c "${activateCmd}uv pip install ${packages.join(' ')}"`;
+      
+      await execAsync(installCmd, {
         cwd: packageDir,
         env: { ...process.env, PYTHONIOENCODING: 'utf-8' },
-        stdio: 'inherit'
+        stdio: 'inherit',
+        shell: isWindows ? 'cmd.exe' : '/bin/bash'
       });
     }
     
@@ -160,7 +176,7 @@ async function createVirtualEnvironment() {
     
     // Verify packages are installed
     const pythonPath = path.join(venvPath, 'bin', 'python');
-    const packagesToVerify = [...packages, 'anthropic']; // Ensure anthropic is checked
+    const packagesToVerify = [...packages, 'anthropic', 'e2b_code_interpreter']; // Ensure anthropic and e2b are checked
     for (const pkg of packagesToVerify) {
       try {
         await execAsync(`${pythonPath} -c "import ${pkg}; print('${pkg} imported successfully')"`);
@@ -171,8 +187,6 @@ async function createVirtualEnvironment() {
     }
     
     // Create a script to activate the virtual environment
-    const isWindows = process.platform === 'win32';
-    
     const activateScript = isWindows ? 
       `@echo off
 cd /d "%~dp0"
@@ -391,6 +405,7 @@ if __name__ == "__main__":
    • GitArsenal CLI (npm package)
    • Virtual environment with Python packages:
      - Modal
+     - E2B Code Interpreter
      - GitIngest  
      - Requests
      - Anthropic (for Claude fallback)

package/tui/App.jsx

@@ -0,0 +1,326 @@
+import React, { useState, useEffect } from 'react';
+import { Box, Text, TextInput, List, Spinner } from '@opentui/react';
+
+// Main TUI Application Component
+export function App({ onSubmit, onExit }) {
+  const [screen, setScreen] = useState('menu');
+  const [repoUrl, setRepoUrl] = useState('');
+  const [selectedGpu, setSelectedGpu] = useState('A10G');
+  const [gpuCount, setGpuCount] = useState(1);
+  const [sandboxProvider, setSandboxProvider] = useState('modal');
+  const [isLoading, setIsLoading] = useState(false);
+  const [loadingText, setLoadingText] = useState('');
+  const [analysisData, setAnalysisData] = useState(null);
+  
+  const gpuOptions = [
+    { label: 'T4 (16GB VRAM)', value: 'T4' },
+    { label: 'L4 (24GB VRAM)', value: 'L4' },
+    { label: 'A10G (24GB VRAM)', value: 'A10G' },
+    { label: 'A100-40 (40GB VRAM)', value: 'A100-40GB' },
+    { label: 'A100-80 (80GB VRAM)', value: 'A100-80GB' },
+    { label: 'L40S (48GB VRAM)', value: 'L40S' },
+    { label: 'H100 (80GB VRAM)', value: 'H100' },
+    { label: 'H200 (141GB VRAM)', value: 'H200' },
+    { label: 'B200 (141GB VRAM)', value: 'B200' }
+  ];
+
+  const gpuCountOptions = [
+    { label: '1 GPU', value: 1 },
+    { label: '2 GPUs', value: 2 },
+    { label: '3 GPUs', value: 3 },
+    { label: '4 GPUs', value: 4 },
+    { label: '6 GPUs', value: 6 },
+    { label: '8 GPUs', value: 8 }
+  ];
+
+  const menuItems = [
+    { label: '🚀 Create New Sandbox', value: 'create' },
+    { label: '📋 Browse Repositories', value: 'browse' },
+    { label: '🔑 API Keys Management', value: 'keys' },
+    { label: '⚙️  Settings', value: 'settings' },
+    { label: '❓ Help & Examples', value: 'help' },
+    { label: '🚪 Exit', value: 'exit' }
+  ];
+
+  const sandboxProviders = [
+    { label: 'Modal (GPU support, persistent volumes)', value: 'modal' },
+    { label: 'E2B (Faster startup, no GPU)', value: 'e2b' }
+  ];
+
+  const handleMenuSelect = (item) => {
+    if (item.value === 'exit') {
+      onExit();
+    } else if (item.value === 'create') {
+      setScreen('repo-input');
+    } else if (item.value === 'keys') {
+      setScreen('keys');
+    } else if (item.value === 'help') {
+      setScreen('help');
+    } else if (item.value === 'settings') {
+      setScreen('settings');
+    }
+  };
+
+  const handleRepoSubmit = () => {
+    if (repoUrl.trim()) {
+      setScreen('provider-select');
+    }
+  };
+
+  const handleProviderSelect = (provider) => {
+    setSandboxProvider(provider.value);
+    if (provider.value === 'modal') {
+      setScreen('gpu-select');
+    } else {
+      // E2B doesn't need GPU selection
+      handleSubmit();
+    }
+  };
+
+  const handleGpuSelect = (gpu) => {
+    setSelectedGpu(gpu.value);
+    setScreen('gpu-count');
+  };
+
+  const handleGpuCountSelect = (count) => {
+    setGpuCount(count.value);
+    setScreen('confirm');
+  };
+
+  const handleSubmit = () => {
+    const config = {
+      repoUrl,
+      gpuType: selectedGpu,
+      gpuCount,
+      sandboxProvider,
+      analysisData
+    };
+    onSubmit(config);
+  };
+
+  // Render different screens
+  if (isLoading) {
+    return (
+      <Box flexDirection="column" padding={2} gap={1}>
+        <Box borderStyle="round" borderColor="blue" padding={1}>
+          <Text bold color="cyan">⏳ GitArsenal</Text>
+        </Box>
+        <Box flexDirection="row" gap={1} marginTop={1}>
+          <Spinner />
+          <Text>{loadingText}</Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  if (screen === 'menu') {
+    return (
+      <Box flexDirection="column" padding={2} gap={1}>
+        <Box borderStyle="round" borderColor="cyan" padding={1}>
+          <Text bold color="cyan">🎯 GitArsenal - GPU-Accelerated Repository Sandbox</Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text color="gray">Secure, cloud-based development environments with GPU acceleration</Text>
+        </Box>
+        <Box marginTop={1}>
+          <List
+            items={menuItems}
+            onSelect={handleMenuSelect}
+            selectedStyle={{ color: 'cyan', bold: true }}
+          />
+        </Box>
+        <Box marginTop={1}>
+          <Text color="gray" dim>Use ↑↓ arrows to navigate, Enter to select, Ctrl+C to exit</Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  if (screen === 'repo-input') {
+    return (
+      <Box flexDirection="column" padding={2} gap={1}>
+        <Box borderStyle="round" borderColor="cyan" padding={1}>
+          <Text bold color="cyan">🚀 Create New Sandbox</Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text>Enter GitHub repository URL:</Text>
+        </Box>
+        <Box marginTop={1}>
+          <TextInput
+            value={repoUrl}
+            onChange={setRepoUrl}
+            onSubmit={handleRepoSubmit}
+            placeholder="https://github.com/username/repository.git"
+          />
+        </Box>
+        <Box marginTop={1}>
+          <Text color="gray" dim>Examples:</Text>
+          <Text color="gray" dim>• https://github.com/microsoft/transformer</Text>
+          <Text color="gray" dim>• https://github.com/pytorch/pytorch</Text>
+          <Text color="gray" dim>• https://github.com/openai/gpt-2</Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text color="gray" dim>Press Enter to continue • Esc to go back</Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  if (screen === 'provider-select') {
+    return (
+      <Box flexDirection="column" padding={2} gap={1}>
+        <Box borderStyle="round" borderColor="cyan" padding={1}>
+          <Text bold color="cyan">🔧 Select Sandbox Provider</Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text>Repository: <Text color="green">{repoUrl}</Text></Text>
+        </Box>
+        <Box marginTop={1}>
+          <List
+            items={sandboxProviders}
+            onSelect={handleProviderSelect}
+            selectedStyle={{ color: 'cyan', bold: true }}
+          />
+        </Box>
+        <Box marginTop={1}>
+          <Text color="gray" dim>Press Esc to go back</Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  if (screen === 'gpu-select') {
+    return (
+      <Box flexDirection="column" padding={2} gap={1}>
+        <Box borderStyle="round" borderColor="cyan" padding={1}>
+          <Text bold color="cyan">⚡ Select GPU Configuration</Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text>Repository: <Text color="green">{repoUrl}</Text></Text>
+          <Text>Provider: <Text color="green">{sandboxProvider}</Text></Text>
+        </Box>
+        <Box marginTop={1}>
+          <List
+            items={gpuOptions}
+            onSelect={handleGpuSelect}
+            selectedStyle={{ color: 'cyan', bold: true }}
+          />
+        </Box>
+        <Box marginTop={1}>
+          <Text color="gray" dim>Press Esc to go back</Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  if (screen === 'gpu-count') {
+    return (
+      <Box flexDirection="column" padding={2} gap={1}>
+        <Box borderStyle="round" borderColor="cyan" padding={1}>
+          <Text bold color="cyan">⚡ Select GPU Count</Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text>GPU Type: <Text color="green">{selectedGpu}</Text></Text>
+        </Box>
+        <Box marginTop={1}>
+          <List
+            items={gpuCountOptions}
+            onSelect={handleGpuCountSelect}
+            selectedStyle={{ color: 'cyan', bold: true }}
+          />
+        </Box>
+        <Box marginTop={1}>
+          <Text color="gray" dim>Press Esc to go back</Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  if (screen === 'confirm') {
+    return (
+      <Box flexDirection="column" padding={2} gap={1}>
+        <Box borderStyle="round" borderColor="cyan" padding={1}>
+          <Text bold color="cyan">📋 Configuration Summary</Text>
+        </Box>
+        <Box flexDirection="column" marginTop={1} gap={0}>
+          <Text><Text color="gray">Repository URL:</Text> <Text color="white">{repoUrl}</Text></Text>
+          <Text><Text color="gray">Sandbox Provider:</Text> <Text color="white">{sandboxProvider}</Text></Text>
+          {sandboxProvider === 'modal' && (
+            <>
+              <Text><Text color="gray">GPU Type:</Text> <Text color="white">{gpuCount > 1 ? `${gpuCount}x ${selectedGpu}` : selectedGpu}</Text></Text>
+            </>
+          )}
+        </Box>
+        <Box marginTop={1}>
+          <Text color="green" bold>✅ Press Enter to create sandbox</Text>
+          <Text color="gray" dim>Press Esc to go back to menu</Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  if (screen === 'keys') {
+    return (
+      <Box flexDirection="column" padding={2} gap={1}>
+        <Box borderStyle="round" borderColor="cyan" padding={1}>
+          <Text bold color="cyan">🔑 API Keys Management</Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text color="yellow">Coming soon! Use 'gitarsenal keys' command for now.</Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text color="gray" dim>Press Esc to go back</Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  if (screen === 'help') {
+    return (
+      <Box flexDirection="column" padding={2} gap={1}>
+        <Box borderStyle="round" borderColor="cyan" padding={1}>
+          <Text bold color="cyan">❓ Help & Examples</Text>
+        </Box>
+        <Box flexDirection="column" marginTop={1}>
+          <Text bold color="green">Quick Start:</Text>
+          <Text>1. Select "Create New Sandbox"</Text>
+          <Text>2. Enter a GitHub repository URL</Text>
+          <Text>3. Choose your sandbox provider</Text>
+          <Text>4. Select GPU type and count (Modal only)</Text>
+          <Text>5. Confirm and create!</Text>
+          
+          <Text bold color="green" marginTop={1}>Example Repositories:</Text>
+          <Text>• https://github.com/pytorch/examples</Text>
+          <Text>• https://github.com/huggingface/transformers</Text>
+          <Text>• https://github.com/openai/whisper</Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text color="gray" dim>Press Esc to go back</Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  if (screen === 'settings') {
+    return (
+      <Box flexDirection="column" padding={2} gap={1}>
+        <Box borderStyle="round" borderColor="cyan" padding={1}>
+          <Text bold color="cyan">⚙️  Settings</Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text color="yellow">Coming soon!</Text>
+        </Box>
+        <Box marginTop={1}>
+          <Text color="gray" dim>Press Esc to go back</Text>
+        </Box>
+      </Box>
+    );
+  }
+
+  return (
+    <Box flexDirection="column" padding={2}>
+      <Text>Unknown screen: {screen}</Text>
+    </Box>
+  );
+}
+

package/tui/index.js

@@ -0,0 +1,37 @@
+const { render } = require('@opentui/react');
+const React = require('react');
+const { App } = require('./App.jsx');
+
+/**
+ * Launch the OpenTUI interface
+ * @param {Object} options - Configuration options
+ * @returns {Promise<Object>} - Selected configuration
+ */
+async function launchTUI(options = {}) {
+  return new Promise((resolve, reject) => {
+    const handleSubmit = (config) => {
+      resolve(config);
+    };
+
+    const handleExit = () => {
+      resolve(null);
+    };
+
+    try {
+      render(
+        React.createElement(App, {
+          onSubmit: handleSubmit,
+          onExit: handleExit,
+          initialOptions: options
+        })
+      );
+    } catch (error) {
+      reject(error);
+    }
+  });
+}
+
+module.exports = {
+  launchTUI
+};
+

package/tui/simple-test.js

@@ -0,0 +1,41 @@
+#!/usr/bin/env node
+
+// Simple test to verify OpenTUI is working
+const { terminal } = require('@opentui/core');
+
+async function testOpenTUI() {
+  try {
+    console.log('Testing OpenTUI installation...');
+    
+    // Create a simple terminal instance
+    const term = terminal();
+    
+    // Test basic output
+    term.writeln('🎨 OpenTUI Test');
+    term.writeln('✅ OpenTUI core is installed and working!');
+    term.writeln('');
+    term.writeln('This confirms that:');
+    term.writeln('  • @opentui/core is installed');
+    term.writeln('  • Terminal interface is accessible');
+    term.writeln('  • Ready to build the full TUI');
+    term.writeln('');
+    term.writeln('Press any key to exit...');
+    
+    // Wait for key press
+    await term.waitForKeyPress();
+    
+    console.log('\n✅ Test complete!');
+    process.exit(0);
+  } catch (error) {
+    console.error('❌ OpenTUI test failed:', error.message);
+    console.error('');
+    console.error('This might mean:');
+    console.error('  • OpenTUI is not installed correctly');
+    console.error('  • API has changed');
+    console.error('  • Need to adjust the implementation');
+    process.exit(1);
+  }
+}
+
+testOpenTUI();
+