oudecheng
|
2367d87db6
|
perf(web): 消息列表虚拟化，长对话不再卡顿
原实现 messages.map 渲染所有消息，500 条消息会产生 10000+ DOM
节点（每条 MessageBubble 含 ReactMarkdown 解析），导致首次渲染
卡顿、滚动掉帧、流式输出每 token 都全量 diff。
引入 @tanstack/react-virtual 实现虚拟化：
- 只渲染视口内 + overscan=6 条消息，DOM 节点数恒定
- measureElement 动态测量变高度消息（一行文本 vs 50 行代码块）
- estimateSize=120 提供初始估计，测量后自动校正
- Firefox 特殊处理 measureElement（getBoundingClientRect）
适配现有功能：
- 自动滚到底部：bottomRef.scrollIntoView 改为 virtualizer.scrollToIndex
- viewKey 滚动位置记忆：保留 scrollTop 保存/恢复逻辑
- highlightedMessageId：先 scrollToIndex 渲染目标项，rAF 后加 class
- newMessageCount：流式 delta 不计数（消息条数不变）
- space-y-6 改为每项 pb-6（虚拟化下相邻 margin 不生效）
性能对比（500 条消息）：
- DOM 节点：10000+ → ~200（仅可见+overscan）
- 首次渲染：数百 ms → <16ms
- 流式 diff：全量列表 → 仅可见项
|
2026-08-07 08:34:07 +08:00 |
|
oudecheng
|
cda14360af
|
chore: 建立工程化基线（rustfmt + clippy + CI + eslint + prettier）
配置:
- rustfmt.toml: 固化 max_width=100 / 4 空格缩进，cargo fmt 全量格式化
- Cargo.toml: 配置 [lints.rust] 与 [lints.clippy] 渐进式规则
- .github/workflows/ci.yml: Rust(fmt+clippy+test) + 前端(eslint+tsc+test) 双平台 CI
- Makefile: 新增 check/fmt/fix 目标，clippy 对齐 --all-targets --all-features
- web: eslint flat config + prettier 配置 + package.json 脚本与依赖
- src/main.rs: loop→while 修复 clippy::never_loop
对抗性审查发现并修复:
- eslint 缺 caughtErrorsIgnorePattern 导致 catch(_) 误报为 error
- 前端 lint 未接入 CI，现已补上 Lint 步骤
- Makefile 与 CI 的 clippy flags 不一致，已对齐
|
2026-08-03 23:24:02 +08:00 |
|
oudecheng
|
f5ccf490ba
|
test: 添加 vitest 测试基础设施
新增 vitest 配置、jsdom 环境与 jest-dom 匹配器，并在 package.json 中加入 test/test:watch 脚本与相关 devDependencies，为后续特征测试与子 hook 独立测试提供运行环境。
|
2026-07-08 11:24:10 +08:00 |
|
oudecheng
|
624d8e8943
|
feat: 添加 React Web UI 前端界面
- 使用 React 18 + TypeScript + Vite + Tailwind CSS 构建前端
- 实现 WebSocket 实时通信（useWebSocket hook）
- 添加聊天界面组件（MessageList, MessageBubble, MessageInput）
- 集成 Topic 管理（新建、列出、切换）
- 支持 Markdown 渲染（react-markdown + remark-gfm）
- 添加工具调用展示面板
- 实现深色科技主题（Tech Dark）
- 后端集成静态文件服务（tower-http）
- 添加 Makefile 和 build.sh 构建脚本
- 更新 .gitignore 忽略前端构建产物
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
|
2026-05-26 17:43:15 +08:00 |
|