vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
1,424 Commits 29 Branches 1 Tag
fff13edcdfcee8b52bf8b62343f99edf761457c0
Commit Graph

69 Commits

Author SHA1 Message Date
zzlgreat
804ca77c1b update watchlist 2025-12-16 07:59:34 +08:00
zzlgreat
f5c46ae71b update pay ui 2025-12-15 18:01:52 +08:00
zzlgreat
710dc07582 update pay ui 2025-12-15 17:48:25 +08:00
zdl
d37cc720ef fix: 添加删除帖子的 mock handler 
- 支持 DELETE /api/posts/:postId 请求
- 从内存存储中正确删除评论
- 修复 mock 模式下删除评论失败的问题

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-15 14:10:44 +08:00
zzlgreat
72e72833ab update pay ui 2025-12-14 17:15:29 +08:00
zzlgreat
77f1643a58 update pay ui 2025-12-14 16:43:45 +08:00
zzlgreat
8971cebaa3 update pay ui 2025-12-14 16:29:01 +08:00
zzlgreat
024a34cdd0 update pay ui 2025-12-14 16:06:06 +08:00
zzlgreat
a2b734368b update pay ui 2025-12-14 14:26:01 +08:00
zzlgreat
dc03fad2a5 update pay ui 2025-12-13 17:13:15 +08:00
zzlgreat
ed9d49da01 update pay ui 2025-12-13 15:44:31 +08:00
zdl
9f99ea7aee feat: 添加 H5 跳转小程序功能 
- 后端: 新增 JS-SDK 签名接口和 URL Scheme 生成接口
- 前端: 创建 MiniProgramLauncher 组件，支持环境自适应
  - 微信内 H5: 使用 wx-open-launch-weapp 开放标签
  - 外部浏览器: 使用 URL Scheme 拉起微信
  - PC 端: 显示小程序码引导扫码
- 引入微信 JS-SDK (jweixin-1.6.0.js)
- 新增 miniprogramService 服务层封装 API 调用

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-12-12 16:56:04 +08:00
zzlgreat
429c2a4531 update pay ui 2025-12-11 14:10:59 +08:00
zzlgreat
b4791cbd4d update pay ui 2025-12-10 17:45:32 +08:00
zdl
e8a9a6f180 refactor: 股票数据管理迁移到 Redux，新增类型化 Hooks 
- stockSlice: 新增 loadAllStocks action（带缓存检查）
 - stockSlice: watchlist 结构升级为 { stock_code, stock_name }[]
 - store/hooks.ts: 新增 useAppDispatch, useAppSelector 类型化 hooks
 - stockService: 移除 getAllStocks（已迁移到 Redux）
 - mock: 股票搜索支持模糊匹配 + 相关性排序
 2025-12-05 17:21:36 +08:00
zzlgreat
c136c2aed8 update pay ui 2025-12-03 15:19:23 +08:00
zzlgreat
5ff68d0790 update pay ui 2025-12-03 08:02:49 +08:00
zdl
9df725b748 feat: 精简日志 2025-11-26 15:34:11 +08:00
zdl
2fcc341213 feat: 修复通知初始化问题 2025-11-26 10:55:38 +08:00
zdl
6886a649f5 perf: Socket 连接异步化，使用 requestIdleCallback 不阻塞首屏 
- NotificationContext: 将 Socket 初始化包裹在 requestIdleCallback 中
- 设置 3 秒超时保护，确保连接不会被无限延迟
- 不支持 requestIdleCallback 的浏览器自动降级到 setTimeout(0)
- socket/index.js: 移除模块加载时的 console.log，减少首屏阻塞感知
- 所有页面的首屏渲染都不再被 Socket 连接阻塞

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-26 10:34:45 +08:00
zdl
e61090810b Merge branch 'feature_2025/251117_pref' into feature_2025/251121_h5UI 
* feature_2025/251117_pref: (159 commits)
  feat: UI调整
  feat: 将滚动事件移东到组件内部
  feat: 去掉背景组件
  feat: 拆分左侧栏、中间聊天区、右侧栏组件, Hooks 提取
  feat: 简化主组件 index.js - 使用组件组合方式重构
  feat: 创建 ChatArea 组件（含 MessageRenderer、ExecutionStepsDisplay 子组件）
  feat:拆分工具函数
  feat: 拆分BackgroundEffects 背景渐变装饰层
  feat: RightSidebar (~420 行) - 模型/工具/统计 Tab 面板（单文件）
  feat:  LeftSidebar (~280 行) - 对话历史列表 + 用户信息卡片
  feat: 修复bug
  pref:移除黑夜模式
  feat: 修复警告
  feat: 提取常量配置
  feat: 修复ts报错
  feat:  StockChartModal.tsx 替换 KLine 实现
  update pay function
  update pay function
  update pay function
  update pay function
  ...
 2025-11-24 16:32:24 +08:00
zzlgreat
b4dcbd1db9 update pay function 2025-11-24 08:05:19 +08:00
zzlgreat
7538f2d935 update pay function 2025-11-23 20:12:54 +08:00
zzlgreat
7b3907a3bd update pay function 2025-11-23 18:11:48 +08:00
zdl
c9084ebb33 feat: Socket.IO 连接地址（Mock 模式下连接生产环境） 2025-11-21 18:22:18 +08:00
zzlgreat
8dfd344806 update pay function 2025-11-20 16:59:09 +08:00
zzlgreat
03aee75235 update pay function 2025-11-20 13:43:04 +08:00
zzlgreat
8eff6b1a95 update pay function 2025-11-20 13:25:50 +08:00
zzlgreat
80676dd622 update pay function 2025-11-20 12:55:28 +08:00
zdl
8d3327e4dd fix: 修复评论用户名显示不一致问题（乐观更新显示正确，刷新后显示 Anonymous） 
问题描述：
- 用户发表评论时，乐观更新显示用户名 "zdl"
- 但 API 返回后，用户名变成 "Anonymous"
- 刷新页面后，用户名仍然是 "Anonymous"

根本原因：
- 前端代码期望评论对象包含 `author` 字段（src/types/comment.ts）
- 后端 API 返回的是 `user` 字段（app.py:7710-7714）
- 前端渲染时读取 comment.author?.username（CommentItem.js:72）
- 因为 comment.author 不存在，所以显示 'Anonymous'

修复方案：
- 在 eventService.getPosts 中添加数据转换逻辑
- 将后端返回的 user 字段映射为前端期望的 author 字段
- 兼容 avatar_url 和 avatar 两种字段名
- 处理 user 为 null 的边界情况（显示 Anonymous）

影响范围：
- src/services/eventService.js - getPosts 函数数据转换
- 所有使用 getPosts API 的组件都会受益于此修复
- 保持类型定义不变，符合业务语义

修复效果：
- 乐观更新显示：zdl 刚刚 打卡
- API 返回后显示：zdl 刚刚 打卡 ✅（之前会变成 Anonymous）
- 刷新页面后显示：zdl XX分钟前 打卡 ✅

🤖 Generated with Claude Code
 2025-11-17 11:08:59 +08:00
zzlgreat
d28915ac90 add forum 2025-11-15 10:09:17 +08:00
zzlgreat
b2f3a8f140 add forum 2025-11-15 09:50:55 +08:00
zzlgreat
05b497de29 add forum 2025-11-15 09:10:26 +08:00
zzlgreat
2753fbc37f update ui 2025-11-14 18:48:39 +08:00
zdl
926ffa1b8f fix(socket): 保留暂存监听器，修复重连后事件监听器丢失问题 
## 问题
生产环境 Socket 已连接且订阅成功，但收到事件时不触发通知：
- Socket 连接正常：`connected: true`
- 订阅成功：`已订阅 all 类型的事件推送`
- **但是 `new_event` 监听器未注册**：`_callbacks.$new_event: undefined`
- Network 面板显示后端推送的消息已到达

## 根本原因
`socketService.js` 的监听器注册机制有缺陷：

### 原始逻辑（有问题）：
```javascript
// connect() 方法中
if (this.pendingListeners.length > 0) {
    this.pendingListeners.forEach(({ event, callback }) => {
        this.on(event, callback);  // 注册监听器
    });
    this.pendingListeners = [];  // ❌ 清空暂存队列
}
```

### 问题：
1. **首次连接**：监听器从 `pendingListeners` 注册到 Socket，然后清空队列
2. **Socket 重连**：`pendingListeners` 已被清空，无法重新注册监听器
3. **结果**：重连后 `new_event` 监听器丢失，事件无法触发

### 为什么会重连？
- 用户网络波动
- 服务器重启
- 浏览器从休眠恢复
- Socket.IO 底层重连机制

## 解决方案

### 修改 1：保留 `pendingListeners`（不清空）

**文件**：`src/services/socketService.js:54-69`

```javascript
// 注册所有暂存的事件监听器（保留 pendingListeners，不清空）
if (this.pendingListeners.length > 0) {
    console.log(`[socketService] 📦 注册 ${this.pendingListeners.length} 个暂存的事件监听器`);
    this.pendingListeners.forEach(({ event, callback }) => {
        // 直接在 Socket.IO 实例上注册（避免递归调用 this.on()）
        const wrappedCallback = (...args) => {
            console.log(`%c[socketService] 🔔 收到原始事件: ${event}`, ...);
            callback(...args);
        };

        this.socket.on(event, wrappedCallback);
        console.log(`[socketService] ✓ 已注册事件监听器: ${event}`);
    });
    // ⚠️ 重要：不清空 pendingListeners，保留用于重连
}
```

**变更**：
- ❌ 删除：`this.pendingListeners = [];`
- ✅ 新增：直接在 `this.socket.on()` 上注册（避免递归）
- ✅ 保留：`pendingListeners` 数组，用于重连时重新注册

### 修改 2：避免重复注册

**文件**：`src/services/socketService.js:166-181`

```javascript
on(event, callback) {
    if (!this.socket) {
        // Socket 未初始化，暂存监听器（检查是否已存在，避免重复）
        const exists = this.pendingListeners.some(
            (listener) => listener.event === event && listener.callback === callback
        );

        if (!exists) {
            this.pendingListeners.push({ event, callback });
        } else {
            console.log(`[socketService] ⚠️ 监听器已存在，跳过: ${event}`);
        }
        return;
    }
    // ...
}
```

**变更**：
- ✅ 新增：检查监听器是否已存在（`event` 和 `callback` 都匹配）
- ✅ 避免：重复添加相同监听器到 `pendingListeners`

## 效果

### 修复前：
```
首次连接: ✅ new_event 监听器注册
重连后:   ❌ new_event 监听器丢失
事件推送: ❌ 不触发通知
```

### 修复后：
```
首次连接: ✅ new_event 监听器注册
重连后:   ✅ new_event 监听器自动重新注册
事件推送: ✅ 正常触发通知
```

## 验证步骤

部署后在浏览器 Console 执行：

```javascript
// 1. 检查监听器
window.socket.socket._callbacks.$new_event  // 应该有 1-2 个监听器

// 2. 手动断开重连
window.socket.disconnect();
setTimeout(() => window.socket.connect(), 1000);

// 3. 重连后再次检查
window.socket.socket._callbacks.$new_event  // 应该仍然有监听器

// 4. 等待后端推送事件，验证通知显示
```

## 影响范围
- 修改文件: `src/services/socketService.js`（1 个文件，2 处修改）
- 影响功能: Socket 事件监听器注册机制
- 风险等级: 低（只修改监听器管理逻辑，不改变业务代码）

## 相关 Issue
- 修复生产环境 Socket 事件不触发通知问题
- 解决 Socket 重连后监听器丢失问题

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-11 14:16:00 +08:00
zdl
eebd207276 fix(socket): 暴露 Socket 实例到 window 对象，修复生产环境事件监听器失效问题 
## 问题
生产环境收到 WebSocket 消息但不触发通知：
- Network 面板显示消息已接收
- 但事件监听器未触发（事件处理函数不执行）
- 手动测试 `window.__TEST_NOTIFICATION__.testAllTypes()` 正常工作
- 诊断脚本显示 `window.socket: undefined`

## 根本原因
Socket 实例未暴露到全局作用域，导致：
1. 无法验证 NotificationContext 中的监听器是否注册在正确的 Socket 实例上
2. 可能存在多个 Socket 实例（导入的实例 vs 实际连接的实例）
3. 事件监听器注册在错误的实例上

## 解决方案
在 `src/services/socket/index.js` 中暴露 Socket 实例到 window 对象：

### 代码变更
```javascript
// ⚡ 新增：暴露 Socket 实例到 window（用于调试和验证）
if (typeof window !== 'undefined') {
    window.socket = socketService;
    window.socketService = socketService;

    console.log('✅ Socket instance exposed to window');
    console.log('  📍 window.socket:', window.socket);
    console.log('  📍 Socket.IO instance:', window.socket?.socket);
    console.log('  📍 Connection status:', window.socket?.connected);
}
```

## 好处
1. **可调试性**: 可在浏览器 Console 直接访问 Socket 实例
2. **验证监听器**: 可检查 `window.socket.socket._callbacks` 确认监听器已注册
3. **诊断连接**: 可实时查看 `window.socket.connected` 状态
4. **手动测试**: 可通过 `window.socket.emit()` 手动触发事件

## 验证步骤
部署后在浏览器 Console 执行：
```javascript
// 1. 验证 Socket 实例已暴露
console.log(window.socket);

// 2. 检查连接状态
console.log('Connected:', window.socket.connected);

// 3. 检查监听器
console.log('Listeners:', window.socket.socket._callbacks);

// 4. 测试手动触发事件
window.socket.socket.emit('new_event', { id: 999, title: 'Test' });
```

## 影响范围
- 修改文件: `src/services/socket/index.js`（1 个文件）
- 影响范围: 仅新增调试功能，不改变业务逻辑
- 风险等级: 低（只读暴露，不修改 Socket 行为）

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
 2025-11-11 13:59:23 +08:00
zdl
643c3db03e feat: 通知调试能力 2025-11-10 20:05:53 +08:00
zzlgreat
7f2a4dd36a 事件中心不提示通知修复 2025-11-10 14:20:42 +08:00
zzlgreat
45ff13f4d0 事件中心不提示通知修复 2025-11-10 13:46:34 +08:00
zzlgreat
a00b8bb73d 事件中心ui 2025-11-10 12:45:34 +08:00
zzlgreat
315d606945 agent功能开发增加MCP后端 2025-11-07 19:11:58 +08:00
zzlgreat
e7ba8c4c2d agent功能开发增加MCP后端 2025-11-07 18:11:29 +08:00
zdl
09f15d2e03 feat: 添加本地通知测试 2025-11-07 15:09:07 +08:00
zdl
184c26d323 feat: 添加通知组件调试信息 2025-11-07 12:34:05 +08:00
zdl
a5e001d975 refactor: 优化分页存储架构和缓存逻辑... 2025-11-06 01:20:07 +08:00
zdl
b470a3184b fix: 添加 mockSocketService 缺失的事件订阅方法 
修复控制台警告 "[useEventNotifications] socket.subscribeToEvents 方法不存在"

**问题原因**
- mockSocketService.js 中缺少 `subscribeToEvents`、`unsubscribeFromEvents` 等方法
- socketService.js 有这些方法，但 mock 版本没有实现
- 导致 useEventNotifications Hook 无法正常工作

**修复内容**
在 mockSocketService.js 中添加以下方法（lines 688-793）：

1. **subscribeToEvents(options)** - 订阅事件推送
   - 参数：eventType, importance, onNewEvent, onSubscribed
   - Mock 实现：立即触发 onSubscribed 回调（100ms 延迟）
   - 注册 onNewEvent 监听器到 'new_event' 事件

2. **unsubscribeFromEvents(options)** - 取消订阅
   - 参数：eventType, onUnsubscribed
   - Mock 实现：移除 'new_event' 监听器
   - 立即触发 onUnsubscribed 回调（100ms 延迟）

3. **subscribeToAllEvents(onNewEvent)** - 快捷方法：订阅所有事件
   - 调用 subscribeToEvents，eventType='all', importance='all'

4. **subscribeToImportantEvents(importance, onNewEvent)** - 快捷方法：按重要性订阅
   - 调用 subscribeToEvents，eventType='all'

5. **subscribeToEventType(eventType, onNewEvent)** - 快捷方法：按类型订阅
   - 调用 subscribeToEvents，importance='all'

**实现方式**
- Mock 实现使用 setTimeout 模拟异步回调
- 使用现有的 EventEmitter 机制（on/off）
- 与 socketService.js 保持 API 一致

**测试结果**
- ✅ 编译成功
- ✅ 不再显示 "socket.subscribeToEvents 方法不存在" 警告
- ✅ useEventNotifications Hook 可以正常调用订阅方法
- ✅ Mock 模式下事件订阅功能可用

**文件修改**
- src/services/mockSocketService.js (+108 lines)
  - 新增 subscribeToEvents 方法
  - 新增 unsubscribeFromEvents 方法
  - 新增 3 个快捷订阅方法
 2025-10-30 18:31:45 +08:00
zdl
f3c7e016ac Merge branch '1028_bugfix' into feature 
* 1028_bugfix:
  手机号格式适配-前端修改
  添加微信扫码的几种其他状态
  整合register端口进入login端口
 2025-10-29 16:27:31 +08:00
zzlgreat
dd59cb6385 添加微信扫码的几种其他状态 2025-10-29 07:33:44 +08:00
zdl
b221c2669c feat: 微信登陆逻辑调整 2025-10-28 19:04:58 +08:00
zdl
e05ea154a2 feat: 文案调整 2025-10-28 14:16:30 +08:00