opencode-agents 1.0.16 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "opencode-agents",
-  "version": "1.0.16",
+  "version": "1.1.0",
   "description": "CLI for managing AI coding agents",
   "type": "module",
   "bin": {
@@ -22,18 +22,20 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
+    "@clack/prompts": "^1.0.1",
+    "chalk": "^5.3.0",
     "commander": "^12.1.0",
     "degit": "^2.8.4",
     "gray-matter": "^4.0.3",
+    "inquirer": "^9.2.12",
     "ora": "^5.4.1",
-    "chalk": "^5.3.0",
-    "yaml": "^2.3.4",
-    "inquirer": "^9.2.12"
+    "picocolors": "^1.1.1",
+    "yaml": "^2.3.4"
   },
   "devDependencies": {
     "@types/node": "^20.10.0",
-    "typescript": "^5.3.0",
     "esbuild": "^0.24.0",
+    "typescript": "^5.3.0",
     "vitest": "^1.0.0"
   }
 }

package/src/commands/add.ts

@@ -1,15 +1,14 @@
-import ora from 'ora';
-import inquirer from 'inquirer';
+import * as p from '@clack/prompts';
+import pc from 'picocolors';
 import { tmpdir } from 'os';
 import { existsSync, rmSync } from 'fs';
 import { installAgent } from '../core/installer.js';
 import { discoverFromDirectory } from '../core/discover.js';
-import { detectPlatforms } from '../utils/filesystem.js';
-import { logger } from '../utils/logger.js';
 import type { AgentPlatform, InstallOptions, AgentFile } from '../types/index.js';
 import { basename, join } from 'path';
 import { mkdtempSync } from 'fs';
 import degit from 'degit';
+import { showLogo, renderTree, renderSkillCard, success, error } from '../utils/ui.js';
 
 interface AddCommandOptions {
   global: boolean | undefined;
@@ -20,38 +19,41 @@ interface AddCommandOptions {
 }
 
 async function promptInstallLocation(): Promise<boolean> {
-  const answers = await inquirer.prompt([
-    {
-      type: 'list',
-      name: 'scope',
-      message: 'Where would you like to install this agent?',
-      choices: [
-        { name: 'Current project (./.opencode/agents/)', value: false },
-        { name: 'Global (~/.config/opencode/agents/)', value: true },
-      ],
-      default: 0,
-    },
-  ]);
-  return answers.scope;
+  const location = await p.select({
+    message: 'Where would you like to install this agent?',
+    options: [
+      { value: false, label: 'Current project', hint: './.opencode/agents/' },
+      { value: true, label: 'Global', hint: '~/.config/opencode/agents/' },
+    ],
+  });
+
+  if (p.isCancel(location)) {
+    p.cancel('Operation cancelled');
+    process.exit(0);
+  }
+
+  return location;
 }
 
 async function promptSelectAgents(agents: AgentFile[]): Promise<AgentFile[]> {
-  const choices = agents.map(agent => ({
-    name: agent.agent.name || basename(agent.path, '.md'),
+  const options = agents.map(agent => ({
     value: agent,
-    checked: false,
+    label: agent.agent.name || basename(agent.path, '.md'),
+    hint: agent.agent.description?.slice(0, 50) + '...',
   }));
 
-  const answers = await inquirer.prompt([
-    {
-      type: 'checkbox',
-      name: 'selected',
-      message: 'Select agents to install (space to select, enter to confirm):',
-      choices,
-    },
-  ]);
+  const selected = await p.multiselect({
+    message: 'Select agents to install (space to select, enter to confirm):',
+    options,
+    required: true,
+  });
+
+  if (p.isCancel(selected)) {
+    p.cancel('Operation cancelled');
+    process.exit(0);
+  }
 
-  return answers.selected;
+  return selected as AgentFile[];
 }
 
 async function fetchSource(source: string): Promise<string> {
@@ -79,39 +81,49 @@ async function fetchSource(source: string): Promise<string> {
 }
 
 export async function addCommand(source: string, options: AddCommandOptions): Promise<void> {
+  console.clear();
+  showLogo();
+
   let isGlobal = options.global;
 
   if (isGlobal === undefined) {
     isGlobal = await promptInstallLocation();
   }
 
-  const fetchSpinner = ora('Fetching source...').start();
-
+  // 步骤 1: 获取源码
+  p.log.step(pc.cyan(`Source: ${pc.dim(`https://github.com/${source}.git`)}`));
+  
+  const s = p.spinner();
+  s.start('Cloning repository...');
+  
   let tempDir: string;
   try {
     tempDir = await fetchSource(source);
-    fetchSpinner.succeed('Source fetched');
+    s.stop('Repository cloned');
   } catch (err) {
-    fetchSpinner.fail(`Failed to fetch source: ${err instanceof Error ? err.message : String(err)}`);
-    logger.error(String(err));
+    s.stop('Failed to clone repository');
+    error(`Failed to fetch source: ${err instanceof Error ? err.message : String(err)}`);
     process.exit(1);
   }
 
-  const discoverSpinner = ora('Discovering agents...').start();
+  // 步骤 2: 发现 agents
+  s.start('Discovering agents...');
   let agents: AgentFile[];
   try {
     agents = await discoverFromDirectory(tempDir);
-    discoverSpinner.succeed(`Found ${agents.length} agent(s)`);
+    s.stop(`Found ${pc.green(String(agents.length))} agent(s)`);
   } catch (err) {
-    discoverSpinner.fail(`Failed to discover agents: ${err instanceof Error ? err.message : String(err)}`);
+    s.stop('Failed to discover agents');
+    error(`Failed to discover agents: ${err instanceof Error ? err.message : String(err)}`);
     process.exit(1);
   }
 
   if (agents.length === 0) {
-    logger.error('No agents found in the source');
+    error('No agents found in the source');
     process.exit(1);
   }
 
+  // 步骤 3: 选择 agents
   let selectedAgents: AgentFile[];
   if (options.yes) {
     selectedAgents = agents;
@@ -120,11 +132,22 @@ export async function addCommand(source: string, options: AddCommandOptions): Pr
   }
 
   if (selectedAgents.length === 0) {
-    logger.warn('No agents selected, aborting');
+    p.cancel('No agents selected, aborting');
     process.exit(0);
   }
 
-  const installSpinner = ora('Installing agent(s)...').start();
+  // 显示选中的 agents
+  console.log();
+  for (const agent of selectedAgents) {
+    renderSkillCard(
+      agent.agent.name || basename(agent.path, '.md'),
+      agent.agent.description || 'No description available',
+      0
+    );
+  }
+
+  // 步骤 4: 安装
+  s.start(`Installing ${selectedAgents.length} agent(s)...`);
 
   try {
     let platforms: AgentPlatform[];
@@ -148,10 +171,17 @@ export async function addCommand(source: string, options: AddCommandOptions): Pr
 
     await installAgent(installOptions);
 
-    installSpinner.succeed(`Successfully installed ${selectedAgents.length} agent(s)`);
+    s.stop(pc.green(`Successfully installed ${selectedAgents.length} agent(s)`));
+    
+    console.log();
+    success('Installation complete!');
+    console.log();
+    console.log(pc.dim('  Try:'));
+    console.log(pc.dim(`    npx opencode-agents list`));
+    console.log();
   } catch (err) {
-    installSpinner.fail(`Failed to install agent: ${err instanceof Error ? err.message : String(err)}`);
-    logger.error(String(err));
+    s.stop('Installation failed');
+    error(`Failed to install agent: ${err instanceof Error ? err.message : String(err)}`);
     process.exit(1);
   } finally {
     if (existsSync(tempDir) && tempDir.startsWith(tmpdir())) {

package/src/index.ts

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 
 import { Command } from 'commander';
-import chalk from 'chalk';
+import pc from 'picocolors';
 import { addCommand } from './commands/add.js';
 import { listCommand } from './commands/list.js';
 import { removeCommand } from './commands/remove.js';
@@ -9,13 +9,14 @@ import { initCommand } from './commands/init.js';
 import { findCommand } from './commands/find.js';
 import { checkCommand } from './commands/check.js';
 import { updateCommand } from './commands/update.js';
+import { showBanner } from './utils/ui.js';
 
 const program = new Command();
 
 program
   .name('agents')
   .description('CLI for managing AI coding agents')
-  .version('1.0.0');
+  .version('1.1.0');
 
 program
   .command('add <source>')
@@ -62,4 +63,10 @@ program
   .description('Update all installed agents to the latest version')
   .action(updateCommand);
 
+// 显示 banner 如果没有参数
+if (process.argv.length === 2) {
+  showBanner();
+  program.help();
+}
+
 program.parse();

package/src/utils/ui.ts

@@ -0,0 +1,135 @@
+import pc from 'picocolors';
+
+// ANSI 重置
+export const RESET = '\x1b[0m';
+export const BOLD = '\x1b[1m';
+
+// 图标
+export const S_STEP_ACTIVE = pc.green('◆');
+export const S_STEP_SUBMIT = pc.green('◇');
+export const S_STEP_CANCEL = pc.red('■');
+export const S_RADIO_ACTIVE = pc.green('●');
+export const S_RADIO_INACTIVE = pc.dim('○');
+export const S_CHECKBOX_ACTIVE = pc.green('☑');
+export const S_CHECKBOX_INACTIVE = pc.dim('☐');
+export const S_CHECKBOX_LOCKED = pc.green('✓');
+export const S_BULLET = pc.blue('●');
+export const S_BAR = pc.dim('│');
+export const S_BAR_H = pc.dim('─');
+export const S_CORNER_TOP = pc.dim('┌');
+export const S_CORNER_BOTTOM = pc.dim('└');
+export const S_BRANCH = pc.dim('├');
+export const S_BRANCH_END = pc.dim('└');
+
+// Logo
+export const LOGO_LINES = [
+  ' █████╗  ██████╗ ███████╗███╗   ██╗████████╗███████╗',
+  '██╔══██╗██╔════╝ ██╔════╝████╗  ██║╚══██╔══╝██╔════╝',
+  '███████║██║  ███╗█████╗  ██╔██╗ ██║   ██║   █████╗  ',
+  '██╔══██║██║   ██║██╔══╝  ██║╚██╗██║   ██║   ██╔══╝  ',
+  '██║  ██║╚██████╔╝███████╗██║ ╚████║   ██║   ███████╗',
+  '╚═╝  ╚═╝ ╚═════╝ ╚══════╝╚═╝  ╚═══╝   ╚═╝   ╚══════╝',
+];
+
+export const LOGO_COLORS = [
+  pc.cyan,
+  pc.cyan,
+  pc.blue,
+  pc.blue,
+  pc.magenta,
+  pc.magenta,
+];
+
+export function showLogo(): void {
+  console.log();
+  LOGO_LINES.forEach((line, i) => {
+    console.log(LOGO_COLORS[i](line));
+  });
+  console.log();
+}
+
+export function showBanner(): void {
+  showLogo();
+  console.log(pc.dim('  AI Agent Management CLI'));
+  console.log();
+  console.log(`  ${pc.dim('$')} ${pc.cyan('npx opencode-agents add')} ${pc.dim('<repo>')}     ${pc.dim('Install agents from a repository')}`);
+  console.log(`  ${pc.dim('$')} ${pc.cyan('npx opencode-agents list')}              ${pc.dim('List installed agents')}`);
+  console.log(`  ${pc.dim('$')} ${pc.cyan('npx opencode-agents remove')}            ${pc.dim('Remove installed agents')}`);
+  console.log(`  ${pc.dim('$')} ${pc.cyan('npx opencode-agents find')}              ${pc.dim('Search for agents')}`);
+  console.log();
+}
+
+// 进度树状结构
+export interface TreeStep {
+  label: string;
+  status: 'pending' | 'active' | 'done' | 'error';
+  value?: string;
+}
+
+export function renderTree(steps: TreeStep[]): void {
+  console.log();
+  steps.forEach((step, index) => {
+    const isLast = index === steps.length - 1;
+    const prefix = isLast ? S_BRANCH_END : S_BRANCH;
+    
+    let icon: string;
+    let color: (s: string) => string;
+    
+    switch (step.status) {
+      case 'done':
+        icon = pc.green('◆');
+        color = pc.green;
+        break;
+      case 'active':
+        icon = pc.cyan('◆');
+        color = pc.cyan;
+        break;
+      case 'error':
+        icon = pc.red('■');
+        color = pc.red;
+        break;
+      default:
+        icon = pc.dim('○');
+        color = pc.dim;
+    }
+    
+    console.log(`  ${prefix} ${icon} ${color(step.label)}`);
+    
+    if (step.value && step.status === 'done') {
+      console.log(`  ${isLast ? '  ' : `${S_BAR} `}   ${pc.dim(step.value)}`);
+    }
+  });
+  console.log();
+}
+
+// 技能卡片
+export function renderSkillCard(name: string, description: string, index: number): void {
+  console.log();
+  console.log(`  ${S_BAR}`);
+  console.log(`  ${S_BRANCH} ${pc.cyan('Agent:')} ${pc.bold(name)}`);
+  console.log(`  ${S_BAR}`);
+  console.log(`  ${S_BRANCH_END} ${pc.dim(description)}`);
+  console.log();
+}
+
+// 分隔线
+export function divider(): void {
+  console.log(pc.dim('  ' + '─'.repeat(50)));
+}
+
+// 成功/错误信息
+export function success(message: string): void {
+  console.log(`  ${pc.green('✓')} ${message}`);
+}
+
+export function error(message: string): void {
+  console.log(`  ${pc.red('✗')} ${message}`);
+}
+
+export function warning(message: string): void {
+  console.log(`  ${pc.yellow('⚠')} ${message}`);
+}
+
+export function info(message: string): void {
+  console.log(`  ${pc.blue('ℹ')} ${message}`);
+}