@pikecode/api-key-manager 2.0.0

package/src/utils/ui-helper.js

@@ -0,0 +1,227 @@
+const chalk = require('chalk');
+
+class UIHelper {
+  // 颜色主题
+  static colors = {
+    primary: chalk.cyan,
+    secondary: chalk.blue,
+    success: chalk.green,
+    warning: chalk.yellow,
+    error: chalk.red,
+    info: chalk.white,
+    muted: chalk.gray,
+    accent: chalk.magenta
+  };
+
+  // 图标
+  static icons = {
+    success: '✅',
+    error: '❌',
+    warning: '⚠️',
+    info: 'ℹ️',
+    loading: '⏳',
+    arrow: '→',
+    back: '🔙',
+    home: '🏠',
+    settings: '⚙️',
+    add: '➕',
+    edit: '✏️',
+    delete: '🗑️',
+    launch: '🚀',
+    list: '📋',
+    config: '🛠️',
+    current: '🎯',
+    search: '🔍'
+  };
+
+  // 创建标题
+  static createTitle(text, icon = '') {
+    const fullIcon = icon ? `${icon} ` : '';
+    return chalk.bold.cyan(`\n╭─────────────────────────────────────╮\n│ ${fullIcon}${chalk.white(text)}\n╰─────────────────────────────────────╯`);
+  }
+
+  // 创建分隔线
+  static createSeparator() {
+    return chalk.gray('─'.repeat(45));
+  }
+
+  // 创建项目列表
+  static createItem(label, value, isSelected = false) {
+    const icon = isSelected ? this.icons.current : '•';
+    const color = isSelected ? this.colors.primary : this.colors.info;
+    return `${color(icon)} ${label}`;
+  }
+
+  // 创建操作按钮
+  static createButton(label, action, icon = '') {
+    const fullIcon = icon ? `${icon} ` : '';
+    return `${this.colors.accent(fullIcon)}${this.colors.info(label)}`;
+  }
+
+  // 创建状态指示器
+  static createStatus(status, label) {
+    const statusConfig = {
+      current: { icon: this.icons.current, color: this.colors.success },
+      active: { icon: '🟢', color: this.colors.success },
+      inactive: { icon: '⚫', color: this.colors.muted },
+      loading: { icon: this.icons.loading, color: this.colors.warning },
+      error: { icon: this.icons.error, color: this.colors.error }
+    };
+
+    const config = statusConfig[status] || statusConfig.inactive;
+    return `${config.color(config.icon)} ${this.colors.info(label)}`;
+  }
+
+  // 格式化供应商信息
+  static formatProvider(provider) {
+    const status = provider.current ? 'current' : 'inactive';
+    const statusText = this.createStatus(status, provider.name);
+    const displayName = this.colors.secondary(`(${provider.displayName})`);
+    return `${statusText} ${displayName}`;
+  }
+
+  // 创建进度条
+  static createProgressBar(current, total, width = 30) {
+    const progress = Math.floor((current / total) * width);
+    const empty = width - progress;
+    const filled = '█'.repeat(progress);
+    const emptySpace = '░'.repeat(empty);
+    const percentage = Math.floor((current / total) * 100);
+    
+    return `${this.colors.primary(filled)}${this.colors.muted(emptySpace)} ${this.colors.info(percentage + '%')}`;
+  }
+
+  // 创建表格
+  static createTable(headers, rows) {
+    const columnWidths = headers.map(header => Math.max(header.length, ...rows.map(row => String(row[headers.indexOf(header)]).length)));
+    
+    let result = '';
+    
+    // 表头
+    const headerRow = headers.map((header, i) => header.padEnd(columnWidths[i])).join(' │ ');
+    result += `${this.colors.primary(headerRow)}\n`;
+    
+    // 分隔线
+    const separator = columnWidths.map(width => '─'.repeat(width)).join('─┼─');
+    result += `${this.colors.muted(separator)}\n`;
+    
+    // 数据行
+    rows.forEach(row => {
+      const dataRow = row.map((cell, i) => String(cell).padEnd(columnWidths[i])).join(' │ ');
+      result += `${this.colors.info(dataRow)}\n`;
+    });
+    
+    return result;
+  }
+
+  // 创建卡片式布局
+  static createCard(title, content, icon = '') {
+    const lines = content.split('\n');
+    const maxLineLength = Math.max(...lines.map(line => line.length));
+    const horizontalBorder = '─'.repeat(maxLineLength + 4);
+    
+    let result = `${this.colors.primary(`┌─${horizontalBorder}─┐`)}\n`;
+    result += `${this.colors.primary('│')}  ${chalk.bold.white(icon ? `${icon} ` : '')}${chalk.bold.white(title)}${' '.repeat(maxLineLength - title.length - (icon ? 2 : 0))}  ${this.colors.primary('│')}\n`;
+    result += `${this.colors.primary('├─')}${this.colors.muted(horizontalBorder)}${this.colors.primary('─┤')}\n`;
+    
+    lines.forEach(line => {
+      result += `${this.colors.primary('│')}  ${this.colors.info(line)}${' '.repeat(maxLineLength - line.length)}  ${this.colors.primary('│')}\n`;
+    });
+    
+    result += `${this.colors.primary('└─')}${this.colors.muted(horizontalBorder)}${this.colors.primary('─┘')}`;
+    return result;
+  }
+
+  // 创建操作菜单
+  static createMenu(title, options) {
+    let result = `${this.createTitle(title, this.icons.list)}\n\n`;
+    
+    options.forEach((option, index) => {
+      const number = this.colors.muted(`[${index + 1}]`);
+      const icon = option.icon || '•';
+      const description = option.description ? this.colors.muted(` - ${option.description}`) : '';
+      result += `${number} ${this.colors.accent(icon)} ${this.colors.info(option.label)}${description}\n`;
+    });
+    
+    result += `\n${this.colors.muted(this.createSeparator())}\n`;
+    result += `${this.colors.warning('请选择操作 (输入数字): ')}`;
+    
+    return result;
+  }
+
+  // 创建确认对话框
+  static createConfirmDialog(message, options = ['确认', '取消']) {
+    return `${this.colors.warning(message)}\n\n` +
+           `${this.colors.success('[Y]')} ${this.colors.info(options[0])}  ` +
+           `${this.colors.error('[N]')} ${this.colors.info(options[1])}`;
+  }
+
+  // 格式化时间
+  static formatTime(dateString) {
+    const date = new Date(dateString);
+    const now = new Date();
+    const diff = now - date;
+    
+    if (diff < 60000) return '刚刚';
+    if (diff < 3600000) return `${Math.floor(diff / 60000)} 分钟前`;
+    if (diff < 86400000) return `${Math.floor(diff / 3600000)} 小时前`;
+    if (diff < 2592000000) return `${Math.floor(diff / 86400000)} 天前`;
+    
+    return date.toLocaleDateString('zh-CN');
+  }
+
+  // 创建搜索框
+  static createSearchBox(placeholder = '搜索...') {
+    return `${this.colors.info(this.icons.search)} ${this.colors.muted(placeholder)}`;
+  }
+
+  // 创建提示框
+  static createTooltip(text) {
+    return `${this.colors.muted('💡 ' + text)}`;
+  }
+
+  // 创建加载动画
+  static createLoadingAnimation(text = '加载中...') {
+    const frames = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
+    let frameIndex = 0;
+    
+    return setInterval(() => {
+      process.stdout.write(`\r${this.colors.warning(frames[frameIndex])} ${this.colors.info(text)}`);
+      frameIndex = (frameIndex + 1) % frames.length;
+    }, 100);
+  }
+
+  // 清除加载动画
+  static clearLoadingAnimation(interval) {
+    clearInterval(interval);
+    process.stdout.write('\r');
+  }
+
+  // 创建快捷键提示
+  static createShortcutHint(key, action) {
+    return `${this.colors.muted('[')}${this.colors.primary(key)}${this.colors.muted(']')} ${this.colors.info(action)}`;
+  }
+
+  // 创建 ESC 键提示
+  static createESCHint(action = '返回') {
+    return `${this.colors.muted('[')}${this.colors.primary('ESC')}${this.colors.muted(']')} ${this.colors.info(action)}`;
+  }
+
+  // 创建提示行
+  static createHintLine(pairs = []) {
+    if (!pairs.length) {
+      return '';
+    }
+    const hints = pairs.map(([key, action]) => this.createShortcutHint(key, action));
+    return `${this.colors.muted('提示: ')}${hints.join(this.colors.muted(' · '))}`;
+  }
+
+  // 创建步骤指示
+  static createStepIndicator(current, total, label) {
+    const prefix = this.colors.muted(`步骤 ${current}/${total}`);
+    const title = label ? ` ${this.colors.info(label)}` : '';
+    return `${prefix}${title}`;
+  }
+}
+
+module.exports = { UIHelper };

package/src/utils/update-checker.js

@@ -0,0 +1,121 @@
+const chalk = require('chalk');
+const inquirer = require('inquirer');
+const spawn = require('cross-spawn');
+
+function compareVersions(a, b) {
+  const pa = String(a).split('.').map(Number);
+  const pb = String(b).split('.').map(Number);
+  const len = Math.max(pa.length, pb.length);
+  for (let i = 0; i < len; i++) {
+    const na = pa[i] || 0;
+    const nb = pb[i] || 0;
+    if (na > nb) return 1;
+    if (na < nb) return -1;
+  }
+  return 0;
+}
+
+function getLatestVersion(pkgName, timeoutMs = 4000) {
+  return new Promise((resolve, reject) => {
+    let done = false;
+    const child = spawn('npm', ['view', pkgName, 'version', '--json'], {
+      shell: process.platform === 'win32',
+      stdio: ['ignore', 'pipe', 'ignore'],
+    });
+
+    let out = '';
+    child.stdout.on('data', (d) => (out += d.toString()))
+
+    const t = setTimeout(() => {
+      if (done) return;
+      done = true;
+      try { child.kill(); } catch {}
+      resolve(null);
+    }, timeoutMs);
+
+    child.on('error', () => {
+      if (done) return;
+      done = true;
+      clearTimeout(t);
+      resolve(null);
+    });
+
+    child.on('close', () => {
+      if (done) return;
+      done = true;
+      clearTimeout(t);
+      const text = (out || '').trim();
+      if (!text) return resolve(null);
+      try {
+        const parsed = JSON.parse(text);
+        if (typeof parsed === 'string') return resolve(parsed);
+        if (Array.isArray(parsed)) return resolve(parsed[parsed.length - 1] || null);
+        if (parsed && parsed.version) return resolve(parsed.version);
+        return resolve(String(text));
+      } catch {
+        return resolve(text);
+      }
+    });
+  });
+}
+
+async function checkForUpdates({ packageName, currentVersion }) {
+  try {
+    if (
+      process.env.NODE_ENV === 'test' ||
+      process.env.CC_NO_UPDATE_CHECK === '1' ||
+      process.env.CI === 'true'
+    ) {
+      return;
+    }
+
+    const latest = await getLatestVersion(packageName);
+    if (!latest) return;
+
+    if (compareVersions(latest, currentVersion) > 0) {
+      const installCmd = `npm i -g ${packageName}@latest`;
+      console.log('\n' + chalk.yellow(`🔔 检测到新版本 ${latest}，当前版本 ${currentVersion}`));
+      console.log(chalk.gray('更新命令: ') + chalk.cyan(installCmd) + '\n');
+      const interactive = Boolean(process.stdin.isTTY && process.stdout.isTTY);
+      if (!interactive) {
+        return;
+      }
+
+      const { doUpdate } = await inquirer.prompt([
+        {
+          type: 'confirm',
+          name: 'doUpdate',
+          message: '是否立即更新并重启？',
+          default: false,
+        },
+      ]);
+
+      if (!doUpdate) return;
+
+      console.log(chalk.yellow('开始更新，请稍候...'));
+      await new Promise((resolve) => {
+        const child = spawn('npm', ['i', '-g', `${packageName}@latest`], {
+          shell: process.platform === 'win32',
+          stdio: 'inherit',
+        });
+        child.on('close', (code) => resolve(code === 0));
+      }).then((ok) => {
+        if (!ok) {
+          console.log(chalk.red('更新失败，请稍后重试或手动执行: ') + chalk.cyan(installCmd));
+          return;
+        }
+        console.log(chalk.green('更新成功，正在重启...'));
+        const child = spawn('cc', process.argv.slice(2), {
+          shell: true,
+          stdio: 'inherit',
+        });
+        child.on('close', (code) => {
+          process.exit(code || 0);
+        });
+      });
+    }
+  } catch {
+  }
+}
+
+module.exports = { checkForUpdates };

package/src/utils/validator.js

@@ -0,0 +1,157 @@
+const validator = {
+  validateName(name) {
+    if (!name || typeof name !== 'string') {
+      return '供应商名称不能为空';
+    }
+    
+    if (name.trim().length === 0) {
+      return '供应商名称不能为空或只包含空格';
+    }
+    
+    if (name.length > 100) {
+      return '供应商名称不能超过100个字符';
+    }
+    
+    return null;
+  },
+
+  validateDisplayName(displayName) {
+    // 允许空值，表示可选
+    if (displayName === null || displayName === undefined || displayName === '') {
+      return null;
+    }
+    
+    if (typeof displayName !== 'string') {
+      return '显示名称必须是字符串';
+    }
+    
+    if (displayName.length > 100) {
+      return '显示名称不能超过100个字符';
+    }
+    
+    return null;
+  },
+
+  validateUrl(url, required = true) {
+    if (!url || typeof url !== 'string') {
+      return required ? 'URL不能为空' : null;
+    }
+    
+    try {
+      new URL(url);
+    } catch (error) {
+      return '请输入有效的URL';
+    }
+    
+    if (!url.startsWith('http://') && !url.startsWith('https://')) {
+      return 'URL必须以http://或https://开头';
+    }
+    
+    return null;
+  },
+
+  validateToken(token) {
+    if (!token || typeof token !== 'string') {
+      return 'Token不能为空';
+    }
+    
+    if (token.length < 10) {
+      return 'Token长度不能少于10个字符';
+    }
+    
+    return null;
+  },
+
+  validateModel(model) {
+    // 允许空值，表示可选
+    if (!model) {
+      return null;
+    }
+    
+    if (typeof model !== 'string') {
+      return '模型名称必须是字符串';
+    }
+    
+    if (model.trim().length === 0) {
+      return '模型名称不能为空字符串';
+    }
+    
+    if (model.length > 100) {
+      return '模型名称不能超过100个字符';
+    }
+    
+    return null;
+  },
+
+  validateLaunchArgs(args) {
+    if (!Array.isArray(args)) {
+      return '启动参数必须是数组';
+    }
+    
+    const validArgs = [
+      '--dangerously-skip-permissions',
+      '--no-confirm', 
+      '--allow-all',
+      '--auto-approve',
+      '--yes',
+      '--force'
+    ];
+    
+    for (const arg of args) {
+      if (!validArgs.includes(arg)) {
+        return `无效的启动参数: ${arg}`;
+      }
+    }
+    
+    return null;
+  },
+
+  getAvailableLaunchArgs() {
+    return [
+      {
+        name: '--continue',
+        label: '继续上次对话',
+        description: '恢复上次的对话记录',
+        checked: false
+      },
+      {
+        name: '--dangerously-skip-permissions',
+        label: '最高权限',
+        description: '仅限沙盒环境使用',
+        checked: false
+      },
+      {
+        name: '--no-confirm',
+        label: '直接执行操作',
+        description: '跳过确认提示',
+        checked: false
+      },
+      {
+        name: '--allow-all',
+        label: '允许全部操作',
+        description: '移除安全限制',
+        checked: false
+      },
+      {
+        name: '--auto-approve',
+        label: '自动批准请求',
+        description: '无需人工同意',
+        checked: false
+      },
+      {
+        name: '--yes',
+        label: '默认回答 yes',
+        description: '自动同意所有询问',
+        checked: false
+      },
+      {
+        name: '--force',
+        label: '强制执行',
+        description: '忽略可能的警告',
+        checked: false
+      }
+    ];
+  }
+};
+
+module.exports = { validator };