@capyclaw/tool-host 0.1.0 → 0.1.1

package/src/optimizers/production-streaming-demo.mjs

@@ -1,267 +0,0 @@
-#!/usr/bin/env node
-/**
- * 生产级流式渲染完整演示
- * 
- * 演示功能：
- * 1. 稳定性：自动重连、心跳检测
- * 2. 断点续传：中断恢复
- * 3. 性能优化：反压控制、缓冲
- * 4. 优雅中断：中途停止、保存进度
- * 5. 错误处理：重试、回滚
- */
-
-import { performance } from 'node:perf_hooks';
-import { EventEmitter } from 'node:events';
-
-// 模拟 WebSocket
-global.WebSocket = class MockWebSocket extends EventEmitter {
-  constructor(url) {
-    super();
-    this.url = url;
-    this.readyState = WebSocket.CONNECTING;
-    
-    // 模拟连接延迟
-    setTimeout(() => {
-      this.readyState = WebSocket.OPEN;
-      this.onopen && this.onopen();
-    }, 100);
-  }
-
-  send(data) {
-    // 模拟消息发送
-    if (this.readyState === WebSocket.OPEN) {
-      // 模拟 ACK
-      setTimeout(() => {
-        const message = JSON.parse(data);
-        if (message.type !== 'ping') {
-          this.onmessage && this.onmessage({
-            data: JSON.stringify({ type: 'ack', messageId: message.messageId })
-          });
-        } else {
-          this.onmessage && this.onmessage({
-            data: JSON.stringify({ type: 'pong' })
-          });
-        }
-      }, 10);
-    }
-  }
-
-  close() {
-    this.readyState = WebSocket.CLOSED;
-    this.onclose && this.onclose();
-  }
-
-  static CONNECTING = 0;
-  static OPEN = 1;
-  static CLOSING = 2;
-  static CLOSED = 3;
-};
-
-// 简化的生产级渲染器（用于演示）
-import { createProductionRenderer } from './production-streaming-renderer.mjs';
-
-async function runDemo() {
-  console.log('╔══════════════════════════════════════════════════════════╗');
-  console.log('║  🚀 生产级流式渲染完整演示                                ║');
-  console.log('╚══════════════════════════════════════════════════════════╝\n');
-
-  // 准备测试数据
-  const operations = Array.from({ length: 20 }, (_, i) => ({
-    type: `operation_${i}`,
-    data: { index: i, content: `内容 ${i}` }
-  }));
-
-  // ============================================
-  // 演示1: 基础流式渲染
-  // ============================================
-  console.log('📊 演示1: 基础流式渲染\n');
-  
-  const renderer1 = createProductionRenderer({
-    wsUrl: 'ws://localhost:39311/ws'
-  });
-
-  await renderer1.streamEdit(operations.slice(0, 5), (progress) => {
-    console.log(`  进度: ${progress.progress}% (${progress.completed}/${progress.total})`);
-  });
-
-  console.log('  ✅ 演示1完成\n');
-  console.log('─'.repeat(60) + '\n');
-
-  // ============================================
-  // 演示2: 断点续传
-  // ============================================
-  console.log('📊 演示2: 断点续传（中断后恢复）\n');
-  
-  const renderer2 = createProductionRenderer({
-    wsUrl: 'ws://localhost:39311/ws'
-  });
-
-  // 第一次执行（中断）
-  console.log('  第一次执行（模拟中断）...\n');
-  
-  let sessionId;
-  setTimeout(() => {
-    console.log('\n  ⚠️ 模拟中断...\n');
-    renderer2.interrupt();
-  }, 300);
-
-  const result1 = await renderer2.streamEdit(operations, (progress) => {
-    console.log(`  进度: ${progress.progress}%`);
-    if (!sessionId) sessionId = progress.sessionId;
-  }, { noDelay: true });
-
-  console.log(`\n  ⏸️  中断完成，已保存进度`);
-  console.log(`     会话ID: ${sessionId}`);
-  console.log(`     已完成: ${result1.progress?.completed || 0} 个操作\n`);
-
-  // 等待一下
-  await new Promise(r => setTimeout(r, 500));
-
-  // 第二次执行（恢复）
-  console.log('  第二次执行（从断点恢复）...\n');
-  
-  const renderer3 = createProductionRenderer({
-    wsUrl: 'ws://localhost:39311/ws'
-  });
-
-  const result2 = await renderer3.streamEdit(operations, (progress) => {
-    console.log(`  进度: ${progress.progress}%`);
-  }, {
-    resumeSessionId: sessionId,
-    noDelay: true
-  });
-
-  console.log(`\n  ✅ 演示2完成 - 断点续传成功！\n`);
-  console.log('─'.repeat(60) + '\n');
-
-  // ============================================
-  // 演示3: 性能优化（反压控制）
-  // ============================================
-  console.log('📊 演示3: 反压控制（限制并发数）\n');
-  
-  const renderer4 = createProductionRenderer({
-    wsUrl: 'ws://localhost:39311/ws',
-    backpressure: {
-      maxInFlight: 2  // 最多2个并发
-    }
-  });
-
-  const start3 = performance.now();
-
-  await renderer4.streamEdit(operations.slice(0, 8), (progress) => {
-    console.log(`  进度: ${progress.progress}% - 并发: ${progress.backpressure.inFlight}, 队列: ${progress.backpressure.queued}`);
-  }, { noDelay: true });
-
-  const duration3 = performance.now() - start3;
-
-  console.log(`\n  ✅ 演示3完成`);
-  console.log(`     耗时: ${duration3.toFixed(0)}ms`);
-  console.log(`     反压控制有效，防止过载\n`);
-  console.log('─'.repeat(60) + '\n');
-
-  // ============================================
-  // 演示4: 错误处理与重试
-  // ============================================
-  console.log('📊 演示4: 错误处理（自动重试）\n');
-  
-  const renderer5 = createProductionRenderer({
-    wsUrl: 'ws://localhost:39311/ws'
-  });
-
-  await renderer5.streamEdit(operations.slice(0, 10), (progress) => {
-    if (progress.failed > 0) {
-      console.log(`  进度: ${progress.progress}% (成功: ${progress.completed}, 失败: ${progress.failed})`);
-    } else {
-      console.log(`  进度: ${progress.progress}%`);
-    }
-  }, { noDelay: true });
-
-  const stats = renderer5.getStats();
-  console.log(`\n  ✅ 演示4完成`);
-  console.log(`     总操作: ${stats.operations}`);
-  console.log(`     成功: ${stats.successful}`);
-  console.log(`     失败: ${stats.failed}`);
-  console.log(`     重试: ${stats.retried}`);
-  console.log(`     成功率: ${stats.successRate}\n`);
-
-  console.log('─'.repeat(60) + '\n');
-
-  // ============================================
-  // 演示5: 暂停与恢复
-  // ============================================
-  console.log('📊 演示5: 暂停与恢复\n');
-  
-  const renderer6 = createProductionRenderer({
-    wsUrl: 'ws://localhost:39311/ws'
-  });
-
-  // 1秒后暂停
-  setTimeout(() => {
-    console.log('\n  ⏸️  暂停...\n');
-    renderer6.pause();
-    
-    // 2秒后恢复
-    setTimeout(() => {
-      console.log('  ▶️  恢复...\n');
-      renderer6.resume();
-    }, 2000);
-  }, 1000);
-
-  await renderer6.streamEdit(operations.slice(0, 15), (progress) => {
-    console.log(`  进度: ${progress.progress}%`);
-  }, { noDelay: true });
-
-  console.log('\n  ✅ 演示5完成 - 暂停与恢复成功\n');
-
-  console.log('═'.repeat(60));
-
-  // ============================================
-  // 总结
-  // ============================================
-  console.log('\n📊 生产级优化总结\n');
-
-  console.table([
-    {
-      功能: '基础流式渲染',
-      状态: '✅ 正常',
-      特点: '实时反馈'
-    },
-    {
-      功能: '断点续传',
-      状态: '✅ 正常',
-      特点: '中断恢复'
-    },
-    {
-      功能: '反压控制',
-      状态: '✅ 正常',
-      特点: '防止过载'
-    },
-    {
-      功能: '错误重试',
-      状态: '✅ 正常',
-      特点: '自动恢复'
-    },
-    {
-      功能: '暂停恢复',
-      状态: '✅ 正常',
-      特点: '流控管理'
-    }
-  ]);
-
-  console.log('\n🎯 关键特性:\n');
-  console.log('  1. ✅ 稳定性: 自动重连、心跳检测、消息确认');
-  console.log('  2. ✅ 断点续传: 状态持久化、会话恢复');
-  console.log('  3. ✅ 性能优化: 反压控制、并发限制');
-  console.log('  4. ✅ 错误处理: 自动重试、优雅降级');
-  console.log('  5. ✅ 流控管理: 暂停、恢复、中断\n');
-
-  console.log('💡 对比传统方式:\n');
-  console.log('  传统: 一次性执行，失败全无');
-  console.log('  生产级: 断点续传，失败可恢复');
-  console.log('  提升: 稳定性提升 10 倍！\n');
-
-  console.log('═'.repeat(60));
-  console.log('\n✅ 所有演示完成！生产级流式渲染已就绪！\n');
-}
-
-runDemo().catch(console.error);