TraceFlow APM｜前端监控与源码定位平台开源项目

介绍：面向 Web 应用的前端监控平台，由自研浏览器 SDK、React 管理台、Spring Boot 服务端和场景演示站点组成，实现错误、网络请求与性能数据的采集、聚合、查询和生产源码定位。
浏览器监控 SDK：使用 TypeScript 实现采集 SDK，捕获 JS 异常、Promise 拒绝及资源加载错误，包装 Fetch/XHR 采集请求数据。
生产源码定位： 建立应用、Release、JS 路径与私有 Source Map 的关联，通过 SHA-256 校验构建产物一致性，实现压缩堆栈逐帧还原、源码行列号及上下文展示。
React 监控管理台： 使用 TanStack Query 管理服务端状态、查询缓存和 mutation 后的数据同步，结合 React Router 实现应用级路由及 URL 筛选状态，完成总览、错误诊断、请求、性能、版本和用户管理页面。