closer-code 1.0.0

package/test/test-long-message.js

@@ -0,0 +1,65 @@
+#!/usr/bin/env node
+/**
+ * 测试长消息显示
+ */
+
+import { writeFile } from 'fs/promises';
+
+async function testLongMessage() {
+  console.log('🧪 测试长消息显示\n');
+  console.log('═'.repeat(60));
+
+  // 创建一个超长的测试消息
+  const longContent = [];
+
+  // 1. 测试多行文本（100行）
+  longContent.push('## 测试1: 多行文本（100行）');
+  for (let i = 1; i <= 100; i++) {
+    longContent.push(`这是第 ${i} 行内容，用于测试长文本显示功能。`);
+  }
+
+  // 2. 测试长字符串（5000字符）
+  longContent.push('\n## 测试2: 长字符串（5000字符）');
+  const longString = 'A'.repeat(5000);
+  longContent.push(longString);
+
+  // 3. 测试代码块（50行代码）
+  longContent.push('\n## 测试3: 代码块（50行）');
+  longContent.push('```javascript');
+  for (let i = 1; i <= 50; i++) {
+    longContent.push(`  const line${i} = "这是第 ${i} 行代码";`);
+  }
+  longContent.push('```');
+
+  // 4. 测试混合内容
+  longContent.push('\n## 测试4: 混合内容');
+  longContent.push('这是一些普通文本...');
+  longContent.push(''.padStart(200, '-')); // 200个横线
+  longContent.push('更多内容...');
+
+  const fullContent = longContent.join('\n');
+
+  console.log('\n📊 统计信息:');
+  console.log(`  总行数: ${fullContent.split('\n').length}`);
+  console.log(`  总字符数: ${fullContent.length}`);
+  console.log(`  总大小: ${(fullContent.length / 1024).toFixed(2)} KB`);
+
+  console.log('\n✅ 测试消息已生成！');
+  console.log('\n💡 使用方法:');
+  console.log('  1. 启动 cloco');
+  console.log('  2. 粘贴上面的测试内容');
+  console.log('  3. 检查是否完整显示（不应有 "truncated" 提示）');
+  console.log('  4. 使用上下箭头滚动查看');
+  console.log('  5. 按 Enter 回到底部\n');
+
+  // 保存到文件供参考
+  await writeFile('test-long-message.txt', fullContent, 'utf-8');
+  console.log('✅ 测试内容已保存到: test-long-message.txt\n');
+
+  console.log('═'.repeat(60));
+  console.log('\n📋 测试内容预览（前20行）:\n');
+  console.log(fullContent.split('\n').slice(0, 20).join('\n'));
+  console.log('\n... (还有更多内容)\n');
+}
+
+testLongMessage().catch(console.error);

package/test/test-plan-functionality.js

@@ -0,0 +1,95 @@
+#!/usr/bin/env node
+/**
+ * 测试 Plan 功能
+ */
+
+import { Plan, PlanType, PlanStatus, StepStatus } from '../src/plan.js';
+
+async function testPlan() {
+  console.log('🧪 测试 Plan 功能\n');
+  console.log('═'.repeat(60));
+
+  try {
+    // 测试1: 创建 Plan
+    console.log('\n测试1: 创建 Plan');
+    const plan = new Plan('创建一个 React 组件', PlanType.COMMAND);
+    console.log('✅ Plan 创建成功');
+    console.log(`   ID: ${plan.id}`);
+    console.log(`   类型: ${plan.type}`);
+    console.log(`   描述: ${plan.description}`);
+    console.log(`   状态: ${plan.status}`);
+
+    // 测试2: 添加步骤
+    console.log('\n测试2: 添加步骤');
+    plan.addStep('创建组件文件');
+    plan.addStep('编写组件代码');
+    plan.addStep('添加样式');
+    console.log(`✅ 添加了 ${plan.steps.length} 个步骤`);
+
+    // 测试3: 开始执行
+    console.log('\n测试3: 开始执行');
+    plan.start();
+    console.log(`✅ Plan 状态: ${plan.status}`);
+
+    // 测试4: 更新步骤状态
+    console.log('\n测试4: 更新步骤状态');
+    const step1 = plan.steps[0];
+    plan.updateStep(step1.id, StepStatus.IN_PROGRESS);
+    console.log(`✅ 步骤1状态: ${step1.status}`);
+
+    plan.updateStep(step1.id, StepStatus.COMPLETED);
+    console.log(`✅ 步骤1已完成`);
+
+    const step2 = plan.steps[1];
+    plan.updateStep(step2.id, StepStatus.IN_PROGRESS);
+    console.log(`✅ 步骤2进行中`);
+
+    // 测试5: 获取进度
+    console.log('\n测试5: 获取进度');
+    const progress = plan.getProgress();
+    console.log(`✅ 总步骤: ${progress.total}`);
+    console.log(`✅ 已完成: ${progress.completed}`);
+    console.log(`✅ 进行中: ${progress.inProgress}`);
+    console.log(`✅ 进度: ${progress.percentage}%`);
+
+    // 测试6: 完成所有步骤
+    console.log('\n测试6: 完成所有步骤');
+    plan.updateStep(step2.id, StepStatus.COMPLETED);
+    const step3 = plan.steps[2];
+    plan.updateStep(step3.id, StepStatus.COMPLETED);
+
+    const finalProgress = plan.getProgress();
+    console.log(`✅ 最终进度: ${finalProgress.percentage}%`);
+    console.log(`✅ Plan 状态: ${plan.status}`);
+
+    // 测试7: JSON 序列化
+    console.log('\n测试7: JSON 序列化');
+    const json = plan.toJSON();
+    console.log(`✅ 序列化成功`);
+    console.log(`   包含 ${json.steps.length} 个步骤`);
+
+    // 测试8: 从 JSON 恢复
+    console.log('\n测试8: 从 JSON 恢复');
+    const restoredPlan = Plan.fromJSON(json);
+    console.log(`✅ 恢复成功`);
+    console.log(`   ID: ${restoredPlan.id}`);
+    console.log(`   状态: ${restoredPlan.status}`);
+
+    console.log('\n' + '═'.repeat(60));
+    console.log('\n✅ 所有测试通过！\n');
+    console.log('📊 测试总结:');
+    console.log('  ✅ Plan 创建');
+    console.log('  ✅ 步骤管理');
+    console.log('  ✅ 状态更新');
+    console.log('  ✅ 进度计算');
+    console.log('  ✅ JSON 序列化');
+    console.log('  ✅ 从 JSON 恢复\n');
+
+  } catch (error) {
+    console.error('\n❌ 测试失败:', error.message);
+    console.error(error.stack);
+  }
+}
+
+// 运行测试
+testPlan().catch(console.error);

package/test/test-real-scenario.js

@@ -0,0 +1,216 @@
+#!/usr/bin/env node
+/**
+ * 真实场景测试：模拟在不同项目中使用AI助手
+ * 
+ * 这个测试模拟以下场景：
+ * 1. 在项目A中对话
+ * 2. 切换到项目B对话
+ * 3. 回到项目A，验证历史是否正确
+ * 4. 验证两个项目的上下文不会混淆
+ */
+
+import {
+  loadHistory,
+  saveHistory,
+  clearHistory
+} from '../src/config.js';
+import path from 'path';
+
+const colors = {
+  reset: '\x1b[0m',
+  green: '\x1b[32m',
+  red: '\x1b[31m',
+  blue: '\x1b[34m',
+  yellow: '\x1b[33m',
+  cyan: '\x1b[36m'
+};
+
+function log(message, color = 'reset') {
+  console.log(`${colors[color]}${message}${colors.reset}`);
+}
+
+function section(title) {
+  console.log('\n' + '='.repeat(70));
+  log(title, 'cyan');
+  console.log('='.repeat(70));
+}
+
+// 模拟项目路径
+const projectA = path.join(process.cwd(), 'test-projects', 'project-a');
+const projectB = path.join(process.cwd(), 'test-projects', 'project-b');
+
+async function simulateConversation(projectPath, projectName, conversations) {
+  log(`\n📍 在项目 ${projectName} 中开始对话...`, 'yellow');
+  log(`   路径: ${projectPath}`, 'blue');
+  
+  // 加载现有历史
+  let history = loadHistory(projectPath);
+  log(`   加载了 ${history.length} 条历史消息`, 'blue');
+  
+  // 模拟对话
+  for (const conv of conversations) {
+    log(`\n   用户: ${conv.user}`, 'cyan');
+    history.push({ role: 'user', content: conv.user });
+    
+    log(`   助手: ${conv.assistant}`, 'green');
+    history.push({ role: 'assistant', content: conv.assistant });
+  }
+  
+  // 保存历史
+  saveHistory(history, projectPath);
+  log(`\n   ✓ 保存了 ${history.length} 条消息到项目历史`, 'green');
+}
+
+async function main() {
+  console.log('\n' + '█'.repeat(70));
+  log('  真实场景测试：多项目上下文隔离', 'cyan');
+  console.log('█'.repeat(70));
+  
+  section('场景 1: 在项目 A 中开发 React 组件');
+  
+  await simulateConversation(projectA, 'A', [
+    {
+      user: '帮我创建一个 Button 组件',
+      assistant: '好的，我来创建一个 Button 组件。首先让我看看项目结构...'
+    },
+    {
+      user: '添加 onClick 处理',
+      assistant: '我在组件中添加了 onClick 属性支持...'
+    },
+    {
+      user: '现在添加样式',
+      assistant: '我为 Button 组件添加了 CSS 样式...'
+    }
+  ]);
+  
+  section('场景 2: 切换到项目 B 开发 Node.js API');
+  
+  await simulateConversation(projectB, 'B', [
+    {
+      user: '创建一个 Express 服务器',
+      assistant: '好的，我来创建 Express 服务器。首先初始化项目...'
+    },
+    {
+      user: '添加用户认证路由',
+      assistant: '我添加了 /api/auth 路由和 JWT 认证...'
+    },
+    {
+      user: '现在添加数据库连接',
+      assistant: '我配置了 MongoDB 连接和 Mongoose 模型...'
+    }
+  ]);
+  
+  section('场景 3: 回到项目 A 继续开发');
+  
+  const historyA = loadHistory(projectA);
+  log(`\n📍 回到项目 A`, 'yellow');
+  log(`   路径: ${projectA}`, 'blue');
+  log(`   找到 ${historyA.length} 条历史消息`, 'blue');
+  
+  // 验证历史内容
+  const hasReactContext = historyA.some(msg => 
+    msg.content.includes('Button') || 
+    msg.content.includes('React') ||
+    msg.content.includes('组件')
+  );
+  
+  const hasNodeContext = historyA.some(msg => 
+    msg.content.includes('Express') || 
+    msg.content.includes('API') ||
+    msg.content.includes('MongoDB')
+  );
+  
+  log('\n   验证上下文:', 'yellow');
+  log(`   - 包含 React/组件相关内容: ${hasReactContext ? '✓' : '✗'}`, hasReactContext ? 'green' : 'red');
+  log(`   - 包含 Node.js/API 相关内容: ${hasNodeContext ? '✗ (不应该有)' : '✓ (正确隔离)'}`, hasNodeContext ? 'red' : 'green');
+  
+  await simulateConversation(projectA, 'A', [
+    {
+      user: '继续添加 Button 的 hover 效果',
+      assistant: '好的，我在 CSS 中添加了 :hover 伪类...'
+    }
+  ]);
+  
+  section('场景 4: 再次切换到项目 B');
+  
+  const historyB = loadHistory(projectB);
+  log(`\n📍 切换到项目 B`, 'yellow');
+  log(`   路径: ${projectB}`, 'blue');
+  log(`   找到 ${historyB.length} 条历史消息`, 'blue');
+  
+  // 验证历史内容
+  const hasNodeContextB = historyB.some(msg => 
+    msg.content.includes('Express') || 
+    msg.content.includes('API') ||
+    msg.content.includes('MongoDB')
+  );
+  
+  const hasReactContextB = historyB.some(msg => 
+    msg.content.includes('Button') || 
+    msg.content.includes('React') ||
+    msg.content.includes('hover')
+  );
+  
+  log('\n   验证上下文:', 'yellow');
+  log(`   - 包含 Node.js/API 相关内容: ${hasNodeContextB ? '✓' : '✗'}`, hasNodeContextB ? 'green' : 'red');
+  log(`   - 包含 React/Button 相关内容: ${hasReactContextB ? '✗ (不应该有)' : '✓ (正确隔离)'}`, hasReactContextB ? 'red' : 'green');
+  
+  section('场景 5: 清除项目 A 的历史');
+  
+  log(`\n🗑️  清除项目 A 的历史...`, 'yellow');
+  clearHistory(projectA);
+  
+  const historyAAfterClear = loadHistory(projectA);
+  const historyBAfterClear = loadHistory(projectB);
+  
+  log(`   项目 A 历史消息数: ${historyAAfterClear.length}`, historyAAfterClear.length === 0 ? 'green' : 'red');
+  log(`   项目 B 历史消息数: ${historyBAfterClear.length} (应该保持不变)`, 'blue');
+  
+  section('测试结果');
+  
+  const tests = [
+    { name: '项目 A 保存历史', pass: historyA.length > 0 },
+    { name: '项目 B 保存历史', pass: historyB.length > 0 },
+    { name: '项目 A 有 React 上下文', pass: hasReactContext },
+    { name: '项目 A 没有 Node.js 上下文', pass: !hasNodeContext },
+    { name: '项目 B 有 Node.js 上下文', pass: hasNodeContextB },
+    { name: '项目 B 没有 React 上下文', pass: !hasReactContextB },
+    { name: '清除项目 A 不影响项目 B', pass: historyAAfterClear.length === 0 && historyBAfterClear.length > 0 }
+  ];
+  
+  tests.forEach(test => {
+    const icon = test.pass ? '✓' : '✗';
+    const color = test.pass ? 'green' : 'red';
+    log(`  ${icon} ${test.name}`, color);
+  });
+  
+  const passed = tests.filter(t => t.pass).length;
+  const total = tests.length;
+  
+  console.log('\n' + '='.repeat(70));
+  
+  if (passed === total) {
+    log(`🎉 所有场景测试通过！(${passed}/${total})`, 'green');
+    log('\n✨ 项目历史隔离功能工作正常，不同项目的上下文完全独立！', 'green');
+  } else {
+    log(`⚠️  部分场景测试失败 (${passed}/${total} 通过)`, 'yellow');
+  }
+  
+  console.log('='.repeat(70) + '\n');
+  
+  // 清理测试数据
+  log('🧹 清理测试数据...', 'yellow');
+  clearHistory(projectA);
+  clearHistory(projectB);
+  log('✓ 清理完成', 'green');
+  
+  return passed === total ? 0 : 1;
+}
+
+main().then(exitCode => {
+  process.exit(exitCode);
+}).catch(error => {
+  log(`\n✗ 测试失败: ${error.message}`, 'red');
+  console.error(error);
+  process.exit(1);
+});

package/test/test-thinking-display.js

@@ -0,0 +1,65 @@
+#!/usr/bin/env node
+/**
+ * Thinking 显示功能快速测试
+ *
+ * 测试 AI 的 thinking 内容是否能正确显示
+ */
+
+import { spawn } from 'child_process';
+
+console.log('========================================');
+console.log('Thinking 显示功能测试');
+console.log('========================================\n');
+
+console.log('这个测试将启动 Closer Code 并发送一个简单的问题。');
+console.log('请观察 "AI Thinking Process" 区域是否有内容显示。\n');
+
+console.log('提示：');
+console.log('- Thinking 内容会以 🤔 开头');
+console.log('- 工具调用会以 ⚡ 开头');
+console.log('- 工具结果会以 📊 开头');
+console.log('- 响应生成会以 ✍️ 开头\n');
+
+console.log('按 Enter 键开始测试...');
+await new Promise(resolve => {
+  process.stdin.once('data', resolve);
+});
+
+console.log('\n启动 Closer Code...\n');
+
+// 启动 CLI
+const cli = spawn('node', ['dist/closer-cli.js'], {
+  cwd: process.cwd(),
+  stdio: ['pipe', 'inherit', 'inherit'],
+  env: {
+    ...process.env,
+    CLOSER_AUTO_PLAN: 'false',
+    CLOSER_AUTO_EXECUTE: 'false'
+  }
+});
+
+// 等待 CLI 启动
+await new Promise(resolve => setTimeout(resolve, 2000));
+
+console.log('\n发送测试问题: "列出当前目录的文件"\n');
+
+cli.stdin.write('列出当前目录的文件\n');
+
+// 等待响应
+await new Promise(resolve => setTimeout(resolve, 10000));
+
+console.log('\n\n测试完成！');
+console.log('\n如果你在 "AI Thinking Process" 区域看到了内容，说明 thinking 功能正常工作。');
+console.log('如果没有看到内容，可能是因为：');
+console.log('1. API 没有返回 thinking 内容（某些简单查询可能不会触发 thinking）');
+console.log('2. 网络延迟导致 thinking 内容没有及时显示');
+console.log('\n建议尝试更复杂的问题，例如：');
+console.log('"请分析一下这个项目的架构"');
+console.log('"帮我检查代码中的安全问题"');
+
+// 终止进程
+cli.kill('SIGTERM');
+
+await new Promise(resolve => setTimeout(resolve, 1000));
+
+process.exit(0);

package/test/ui-verification-test.js

@@ -0,0 +1,203 @@
+#!/usr/bin/env node
+/**
+ * UI 验证测试脚本
+ *
+ * 用于无人值守验证 UI 优化是否合格
+ */
+
+import { spawn } from 'child_process';
+import fs from 'fs/promises';
+import path from 'path';
+
+const TEST_TIMEOUT = 30000;
+const LOG_FILE = path.join(process.cwd(), 'test', 'ui-verification-result.log');
+
+// 测试场景
+const testScenarios = [
+  {
+    name: '启动测试',
+    input: 'hello\n',
+    expectedOutputs: [
+      'Closer Code',
+      'Conversation',
+      'Task Progress',
+      'Tool Execution',
+      'Latest Logs',
+      'AI Thinking Process'
+    ],
+    timeout: 5000
+  },
+  {
+    name: '长对话测试',
+    input: '请列出当前目录的文件\n',
+    expectedOutputs: [
+      'bash',
+      'Tool Execution'
+    ],
+    timeout: 10000
+  },
+  {
+    name: 'Thinking 测试',
+    input: '请帮我分析一下这个项目的结构\n',
+    expectedOutputs: [
+      'Thinking',
+      'AI'
+    ],
+    timeout: 15000
+  }
+];
+
+// 颜色输出
+const colors = {
+  reset: '\x1b[0m',
+  green: '\x1b[32m',
+  red: '\x1b[31m',
+  yellow: '\x1b[33m',
+  blue: '\x1b[34m',
+  cyan: '\x1b[36m'
+};
+
+function log(message, color = 'reset') {
+  const timestamp = new Date().toISOString();
+  const colorCode = colors[color] || colors.reset;
+  console.log(`${colorCode}[${timestamp}] ${message}${colors.reset}`);
+}
+
+/**
+ * 验证 UI 元素是否存在
+ */
+async function verifyUIElements() {
+  log('\n验证 UI 元素...', 'cyan');
+
+  // 读取编译后的文件
+  const cliPath = path.join(process.cwd(), 'dist', 'closer-cli.js');
+  const content = await fs.readFile(cliPath, 'utf-8');
+
+  const checks = [
+    {
+      name: 'Conversation 滚动限制',
+      pattern: /maxVisibleMessages/,
+      expected: true,
+      description: '应该限制 Conversation 显示的消息数量'
+    },
+    {
+      name: 'Tool Execution 数量限制',
+      pattern: /slice\(-\d+\)/,
+      expected: true,
+      description: '应该限制 Tool Execution 显示的数量'
+    },
+    {
+      name: 'Thinking 区域',
+      pattern: /AI Thinking Process/,
+      expected: true,
+      description: '应该有 AI Thinking Process 区域'
+    },
+    {
+      name: 'Thinking 状态处理',
+      pattern: /thinking/,
+      expected: true,
+      description: '应该处理 thinking 事件'
+    },
+    {
+      name: 'Thinking API 配置',
+      pattern: /type.*enabled/,
+      expected: true,
+      description: '应该启用 thinking API'
+    }
+  ];
+
+  const results = [];
+  for (const check of checks) {
+    const found = check.pattern.test(content);
+    const success = found === check.expected;
+    results.push({
+      name: check.name,
+      success,
+      description: check.description
+    });
+
+    if (success) {
+      log(`  ✓ ${check.name}: ${check.description}`, 'green');
+    } else {
+      log(`  ✗ ${check.name}: ${check.description}`, 'red');
+    }
+  }
+
+  return results;
+}
+
+/**
+ * 生成测试报告
+ */
+async function generateReport(elementResults) {
+  const report = {
+    timestamp: new Date().toISOString(),
+    summary: {
+      total: elementResults.length,
+      passed: 0,
+      failed: 0
+    },
+    elements: elementResults
+  };
+
+  // 统计结果
+  for (const result of elementResults) {
+    if (result.success) {
+      report.summary.passed++;
+    } else {
+      report.summary.failed++;
+    }
+  }
+
+  // 保存报告
+  await fs.writeFile(LOG_FILE, JSON.stringify(report, null, 2));
+
+  return report;
+}
+
+/**
+ * 主测试函数
+ */
+async function main() {
+  log('='.repeat(60), 'blue');
+  log('UI 验证测试开始', 'blue');
+  log('='.repeat(60), 'blue');
+
+  try {
+    // 1. 验证 UI 元素
+    log('\n第 1 步: 验证 UI 元素', 'cyan');
+    const elementResults = await verifyUIElements();
+
+    // 2. 生成报告
+    log('\n第 2 步: 生成测试报告', 'cyan');
+    const report = await generateReport(elementResults);
+
+    // 3. 输出总结
+    log('\n' + '='.repeat(60), 'blue');
+    log('测试总结', 'blue');
+    log('='.repeat(60), 'blue');
+    log(`总测试数: ${report.summary.total}`, 'cyan');
+    log(`通过: ${report.summary.passed}`, 'green');
+    log(`失败: ${report.summary.failed}`, report.summary.failed > 0 ? 'red' : 'green');
+    log(`成功率: ${((report.summary.passed / report.summary.total) * 100).toFixed(1)}%`, 'cyan');
+    log(`详细报告: ${LOG_FILE}`, 'cyan');
+
+    // 4. 判断是否成功
+    const successRate = report.summary.passed / report.summary.total;
+    if (successRate >= 0.8) {
+      log('\n✓ UI 验证测试通过！', 'green');
+      process.exit(0);
+    } else {
+      log('\n✗ UI 验证测试未通过，成功率低于 80%', 'red');
+      process.exit(1);
+    }
+
+  } catch (error) {
+    log(`\n测试过程中出错: ${error.message}`, 'red');
+    console.error(error);
+    process.exit(1);
+  }
+}
+
+// 运行测试
+main();