mon-reactive-h5 1.0.6

package/dist/MonitorSDK.js

@@ -0,0 +1,913 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MonitorSDK = void 0;
+var BatchReporter_1 = require("./BatchReporter");
+var reporters_1 = require("./reporters");
+/**
+ * 前端监控SDK核心类
+ */
+var MonitorSDK = /*#__PURE__*/function () {
+  /**
+   * 构造函数
+   * @param config SDK配置
+   */
+  function MonitorSDK(config) {
+    _classCallCheck(this, MonitorSDK);
+    // 记录上一页URL，用于单页应用路由变化时的referrer
+    this.lastPageUrl = document.referrer || '';
+    this.appId = config.appId || '';
+    this.reportUrl = config.reportUrl || '';
+    // 确保sampleRates是Record<string, number>类型
+    if (config.sampleRates) {
+      this.sampleRates = Object.entries(config.sampleRates).reduce(function (acc, _ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+          key = _ref2[0],
+          value = _ref2[1];
+        acc[key] = value !== undefined ? value : 1;
+        return acc;
+      }, {});
+    } else {
+      this.sampleRates = {
+        pageview: 1,
+        jserror: 1,
+        api: 1,
+        resource: 1
+      };
+    }
+    this.batchReporter = new BatchReporter_1.BatchReporter({
+      url: this.reportUrl,
+      batchSize: config.batchSize || 10,
+      interval: config.interval || 5000
+    });
+    this.sessionId = this.generateSessionId();
+    // 优先使用配置中的userId，如果没有则尝试从token中提取
+    this.userId = config.userId || this.getUserIdFromToken();
+    // 获取版本号，PC端从process.env.VUE_APP_VERSION获取，小程序和APP使用各自的版本号
+    this.version = this.getAppVersion(config);
+    this.init();
+  }
+  /**
+   * 获取应用版本号
+   */
+  return _createClass(MonitorSDK, [{
+    key: "getAppVersion",
+    value: function getAppVersion(config) {
+      // 优先使用配置传入的版本号
+      if (config.version) {
+        return config.version;
+      }
+      // PC端尝试从环境变量获取
+      if (typeof process !== 'undefined' && process.env && process.env.VUE_APP_VERSION) {
+        return process.env.VUE_APP_VERSION;
+      }
+      // 小程序环境检测
+      if (typeof wx !== 'undefined' && wx.getSystemInfoSync) {
+        try {
+          var systemInfo = wx.getSystemInfoSync();
+          return systemInfo.AppVersion || systemInfo.version || '1.0.0';
+        } catch (e) {
+          // 忽略错误
+        }
+      }
+      // APP环境检测
+      if (typeof window !== 'undefined' && window.navigator && window.navigator.userAgent) {
+        // 根据实际APP的userAgent格式调整
+        var ua = window.navigator.userAgent;
+        // 这里可以根据具体APP的UA格式进行解析
+      }
+      return '1.0.0'; // 默认版本号
+    }
+    /**
+     * 生成会话ID
+     */
+  }, {
+    key: "generateSessionId",
+    value: function generateSessionId() {
+      return "".concat(Date.now(), "_").concat(Math.random().toString(36).substring(2, 9));
+    }
+    /**
+     * 从token中提取userId
+     * 小程序环境：直接从本地缓存中取"token"
+     * 网页环境：先尝试从sessionStorage中取"-token"，再尝试从cookie里取"Admin-Token"
+     * 取出token后截取最后12位作为userid
+     */
+  }, {
+    key: "getUserIdFromToken",
+    value: function getUserIdFromToken() {
+      var token = null;
+      // 1. 先检查是否为小程序环境
+      try {
+        if (typeof wx !== 'undefined' && wx.getStorageSync) {
+          // 小程序环境，直接从本地缓存中获取token
+          var wxToken = wx.getStorageSync('token');
+          if (wxToken) {
+            token = wxToken;
+          }
+        }
+      } catch (error) {
+        console.warn('Failed to get token from wx storage:', error);
+      }
+      // 2. 如果不是小程序环境或未获取到token，尝试从sessionStorage中获取token
+      if (!token) {
+        try {
+          if (typeof window !== 'undefined' && window.sessionStorage) {
+            token = sessionStorage.getItem('-token');
+          }
+        } catch (error) {
+          console.warn('Failed to get token from sessionStorage:', error);
+        }
+      }
+      // 3. 如果sessionStorage中没有token，尝试从cookie中获取
+      if (!token) {
+        try {
+          if (typeof document !== 'undefined') {
+            var cookieMatch = document.cookie.match(/Admin-Token=([^;]+)/);
+            if (cookieMatch && cookieMatch[1]) {
+              token = cookieMatch[1];
+            }
+          }
+        } catch (error) {
+          console.warn('Failed to get token from cookie:', error);
+        }
+      }
+      // 4. 从token中提取userId（截取最后12位）
+      if (token && token.length >= 12) {
+        return token.slice(-12);
+      }
+      return undefined;
+    }
+    /**
+     * 初始化SDK
+     */
+  }, {
+    key: "init",
+    value: function init() {
+      var _this = this;
+      // 初始化各类监控
+      this.initPageViewMonitor();
+      this.initErrorMonitor();
+      this.initApiMonitor();
+      this.initResourceMonitor();
+      // 页面卸载时清理
+      window.addEventListener('unload', function () {
+        _this.cleanup();
+      });
+    }
+    /**
+     * 清理资源
+     */
+  }, {
+    key: "cleanup",
+    value: function cleanup() {
+      // 恢复原始方法
+      if (this.originalFetch) {
+        window.fetch = this.originalFetch;
+      }
+      if (this.originalXHRSend) {
+        XMLHttpRequest.prototype.send = this.originalXHRSend;
+      }
+      // 销毁批量上报器
+      if (this.batchReporter) {
+        this.batchReporter.destroy();
+      }
+    }
+    /**
+     * 恢复原始方法
+     */
+  }, {
+    key: "restoreOriginalMethods",
+    value: function restoreOriginalMethods() {
+      if (this.originalFetch) {
+        window.fetch = this.originalFetch;
+      }
+      if (this.originalXHRSend) {
+        XMLHttpRequest.prototype.send = this.originalXHRSend;
+      }
+    }
+    /**
+     * 页面浏览监控
+     */
+  }, {
+    key: "initPageViewMonitor",
+    value: function initPageViewMonitor() {
+      var _this2 = this;
+      var startTime = Date.now();
+      var pageInfo = {
+        pageUrl: window.location.href,
+        pageTitle: document.title,
+        referrer: document.referrer,
+        timestamp: startTime
+      };
+      // 更新lastPageUrl为当前页面URL
+      this.lastPageUrl = window.location.href;
+      // 页面加载完成上报
+      window.addEventListener('load', function () {
+        var performanceData = _this2.getPerformanceData();
+        _this2.reportPageView(Object.assign(Object.assign({}, pageInfo), {
+          duration: Date.now() - startTime,
+          isFirstVisit: _this2.isFirstVisit(),
+          performance: performanceData
+        }));
+      });
+      // 单页应用路由变化监控
+      if (window.history.pushState) {
+        var originalPushState = window.history.pushState;
+        var originalReplaceState = window.history.replaceState;
+        var handleHistoryChange = function handleHistoryChange() {
+          // 获取当前URL
+          var currentUrl = window.location.href;
+          // 只有当URL真正变化时才上报，避免replaceState导致的重复上报
+          if (currentUrl !== _this2.lastPageUrl) {
+            _this2.reportPageView({
+              pageUrl: currentUrl,
+              pageTitle: document.title,
+              referrer: _this2.lastPageUrl,
+              // 使用上一页URL作为referrer
+              timestamp: Date.now(),
+              duration: 0,
+              isFirstVisit: false,
+              performance: _this2.getPerformanceData()
+            });
+            // 更新上一页URL为当前URL
+            _this2.lastPageUrl = currentUrl;
+          }
+        };
+        window.history.pushState = function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+          originalPushState.apply(this, args);
+          handleHistoryChange();
+        };
+        window.history.replaceState = function () {
+          // 保存调用前的URL
+          var prevUrl = window.location.href;
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          originalReplaceState.apply(this, args);
+          handleHistoryChange();
+        };
+        // 监听popstate事件
+        window.addEventListener('popstate', handleHistoryChange);
+      }
+    }
+    /**
+     * 错误监控
+     */
+  }, {
+    key: "initErrorMonitor",
+    value: function initErrorMonitor() {
+      var _this3 = this;
+      // JS错误
+      window.addEventListener('error', function (event) {
+        _this3.reportJSError({
+          message: event.message,
+          errorType: event.error ? event.error.name : 'Error',
+          file: event.filename,
+          line: event.lineno || 0,
+          column: event.colno || 0,
+          stack: event.error ? event.error.stack || '' : '',
+          url: window.location.href,
+          timestamp: Date.now()
+        });
+      });
+      // Promise错误
+      window.addEventListener('unhandledrejection', function (event) {
+        _this3.reportJSError({
+          message: event.reason ? String(event.reason) : 'Promise rejection',
+          errorType: 'PromiseRejection',
+          file: '',
+          line: 0,
+          column: 0,
+          stack: event.reason ? event.reason.stack || '' : '',
+          url: window.location.href,
+          timestamp: Date.now()
+        });
+      });
+    }
+    /**
+     * API监控
+     */
+  }, {
+    key: "initApiMonitor",
+    value: function initApiMonitor() {
+      var _this4 = this;
+      // 生成请求ID
+      var generateRequestId = function generateRequestId() {
+        return "".concat(Date.now(), "_").concat(Math.random().toString(36).substring(2, 11));
+      };
+      // 解析URL，分离基础URL和完整URL
+      var parseUrl = function parseUrl(urlStr) {
+        try {
+          var urlObj = new URL(urlStr);
+          // 基础URL（不包含查询参数和hash）
+          var baseUrl = "".concat(urlObj.origin).concat(urlObj.pathname);
+          // 完整URL（包含查询参数和hash）
+          var fullUrl = urlObj.href;
+          return {
+            baseUrl: baseUrl,
+            fullUrl: fullUrl
+          };
+        } catch (_a) {
+          // 如果URL解析失败，则使用原始URL
+          return {
+            baseUrl: urlStr,
+            fullUrl: urlStr
+          };
+        }
+      };
+      // 重写fetch
+      this.originalFetch = window.fetch;
+      window.fetch = function () {
+        for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+          args[_key3] = arguments[_key3];
+        }
+        return __awaiter(_this4, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee() {
+          var _a, url, options, urlStr, isSdkInternalRequest, knownReportPaths, isKnownReportPath, isConfiguredReportUrl, isBatchReportPath, startTime, method, requestId, _parseUrl, baseUrl, fullUrl, response, reportData, _reportData, _t;
+          return _regenerator().w(function (_context) {
+            while (1) switch (_context.p = _context.n) {
+              case 0:
+                url = args[0], options = args[1];
+                urlStr = typeof url === 'string' ? url : url.toString(); // 排除SDK自身的上报请求，避免死循环
+                // 1. 检查是否有特殊标记表示这是SDK内部请求
+                isSdkInternalRequest = ((_a = options === null || options === void 0 ? void 0 : options.headers) === null || _a === void 0 ? void 0 : _a['x-sdk-internal']) === 'true'; // 2. 检查是否是已知的SDK上报路径，包括批量上报相关路径
+                knownReportPaths = ['/v1/report/collect', '/v1/report/collectImg', '/api/report/collect'];
+                isKnownReportPath = knownReportPaths.some(function (path) {
+                  return urlStr.includes(path);
+                }); // 3. 检查是否是配置的上报URL
+                isConfiguredReportUrl = this.reportUrl && urlStr.includes(this.reportUrl); // 4. 对于没有头信息的请求（如sendBeacon和img上报），增加更严格的路径匹配
+                isBatchReportPath = urlStr.includes('/v1/report/collect') || urlStr.includes('/v1/report/collectImg'); // 如果是SDK自身的上报请求，则直接使用原始fetch
+                if (!(isSdkInternalRequest || isKnownReportPath || isConfiguredReportUrl || isBatchReportPath)) {
+                  _context.n = 1;
+                  break;
+                }
+                return _context.a(2, this.originalFetch.apply(this, args));
+              case 1:
+                startTime = Date.now();
+                method = (options === null || options === void 0 ? void 0 : options.method) || 'GET';
+                requestId = generateRequestId();
+                _parseUrl = parseUrl(urlStr), baseUrl = _parseUrl.baseUrl, fullUrl = _parseUrl.fullUrl;
+                _context.p = 2;
+                _context.n = 3;
+                return this.originalFetch.apply(this, args);
+              case 3:
+                response = _context.v;
+                reportData = {
+                  requestId: requestId,
+                  url: baseUrl,
+                  fullUrl: fullUrl,
+                  method: method,
+                  status: response.status,
+                  isError: response.status >= 400,
+                  responseTime: Date.now() - startTime,
+                  timestamp: startTime,
+                  pageUrl: window.location.href
+                }; // 上报API数据
+                this.reportApi(reportData);
+                return _context.a(2, response);
+              case 4:
+                _context.p = 4;
+                _t = _context.v;
+                _reportData = {
+                  requestId: requestId,
+                  url: baseUrl,
+                  fullUrl: fullUrl,
+                  method: method,
+                  status: 0,
+                  isError: true,
+                  errorType: _t.name || 'FetchError',
+                  responseTime: Date.now() - startTime,
+                  timestamp: startTime,
+                  pageUrl: window.location.href
+                }; // 上报错误API
+                this.reportApi(_reportData);
+                throw _t;
+              case 5:
+                return _context.a(2);
+            }
+          }, _callee, this, [[2, 4]]);
+        }));
+      };
+      // 重写XMLHttpRequest
+      var originalXHROpen = XMLHttpRequest.prototype.open;
+      var originalSend = XMLHttpRequest.prototype.send;
+      this.originalXHRSend = originalSend;
+      var xhrMap = new WeakMap();
+      var that = this;
+      // 覆盖XMLHttpRequest.open方法
+      var originalOpen = originalXHROpen;
+      XMLHttpRequest.prototype.open = function (method, url, async, username, password) {
+        var urlStr = typeof url === 'string' ? url : url.toString();
+        // 排除SDK自身的上报请求，避免死循环
+        // 1. 检查是否有特殊标记表示这是SDK内部请求（通过自定义属性）
+        if (this._isSdkInternalRequest) {
+          return originalOpen.call(this, method, url, async === undefined ? true : async, username, password);
+        }
+        // 2. 检查是否是已知的SDK上报路径，包括批量上报相关路径
+        var knownReportPaths = ['/v1/report/collect', '/v1/report/collectImg', '/api/report/collect'];
+        var isKnownReportPath = knownReportPaths.some(function (path) {
+          return urlStr.includes(path);
+        });
+        // 3. 检查是否是配置的上报URL
+        var isConfiguredReportUrl = that.reportUrl && urlStr.includes(that.reportUrl);
+        // 4. 对于没有头信息的请求（如sendBeacon和img上报），增加更严格的路径匹配
+        var isBatchReportPath = urlStr.includes('/v1/report/collect') || urlStr.includes('/v1/report/collectImg');
+        // 如果是SDK自身的上报请求，则直接使用原始open方法
+        if (isKnownReportPath || isConfiguredReportUrl || isBatchReportPath) {
+          return originalOpen.call(this, method, url, async === undefined ? true : async, username, password);
+        }
+        var _parseUrl2 = parseUrl(urlStr),
+          baseUrl = _parseUrl2.baseUrl,
+          fullUrl = _parseUrl2.fullUrl;
+        var requestId = generateRequestId();
+        xhrMap.set(this, {
+          startTime: Date.now(),
+          url: baseUrl,
+          fullUrl: fullUrl,
+          method: method || 'GET',
+          requestId: requestId
+        });
+        return originalOpen.call(this, method, url, async === undefined ? true : async, username, password);
+      };
+      XMLHttpRequest.prototype.send = function () {
+        var _this5 = this;
+        var xhrInfo = xhrMap.get(this);
+        for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+          args[_key4] = arguments[_key4];
+        }
+        if (!xhrInfo) {
+          // @ts-ignore
+          return originalSend.apply(this, args);
+        }
+        this.addEventListener('loadend', function () {
+          var endTime = Date.now();
+          var responseTime = endTime - xhrInfo.startTime;
+          var status = _this5.status;
+          var reportData = {
+            requestId: xhrInfo.requestId,
+            url: xhrInfo.url,
+            fullUrl: xhrInfo.fullUrl,
+            method: xhrInfo.method,
+            status: status,
+            isError: status >= 400 || _this5.status === 0,
+            responseTime: responseTime,
+            timestamp: xhrInfo.startTime,
+            pageUrl: window.location.href,
+            errorType: status === 0 ? 'NetworkError' : undefined
+          };
+          // 上报API数据
+          that.reportApi(reportData);
+        });
+        return originalSend.apply(this, args);
+      };
+    }
+    /**
+     * 资源监控
+     */
+  }, {
+    key: "initResourceMonitor",
+    value: function initResourceMonitor() {
+      var _this6 = this;
+      // 通过PerformanceObserver监控资源加载
+      if ('PerformanceObserver' in window) {
+        try {
+          var observer = new PerformanceObserver(function (list) {
+            list.getEntries().forEach(function (entry) {
+              if (entry.entryType === 'resource') {
+                var resourceEntry = entry;
+                // 检查资源是否加载失败
+                if (resourceEntry.responseStatus >= 400) {
+                  _this6.reportResource({
+                    url: resourceEntry.name,
+                    type: _this6.getResourceType(resourceEntry.name),
+                    status: resourceEntry.responseStatus,
+                    timestamp: resourceEntry.startTime,
+                    pageUrl: window.location.href,
+                    duration: resourceEntry.duration,
+                    size: resourceEntry.transferSize || 0,
+                    initiator: resourceEntry.initiatorType
+                  });
+                }
+              }
+            });
+          });
+          observer.observe({
+            entryTypes: ['resource'],
+            buffered: true
+          });
+        } catch (error) {
+          console.error('PerformanceObserver初始化失败:', error);
+        }
+      }
+      // 监听资源错误事件
+      window.addEventListener('error', function (event) {
+        if (event.target && (event.target instanceof HTMLScriptElement || event.target instanceof HTMLLinkElement || event.target instanceof HTMLImageElement || event.target instanceof HTMLAudioElement || event.target instanceof HTMLVideoElement)) {
+          var target = event.target;
+          _this6.reportResource({
+            url: target.src || target.href || '',
+            type: _this6.getResourceType(target.src || target.href || ''),
+            status: 0,
+            errorType: 'loaderror',
+            timestamp: Date.now(),
+            pageUrl: window.location.href,
+            initiator: target.tagName.toLowerCase(),
+            duration: 0,
+            size: 0
+          });
+        }
+      }, true);
+    }
+    /**
+     * 获取资源类型
+     */
+  }, {
+    key: "getResourceType",
+    value: function getResourceType(url) {
+      var _a;
+      var ext = (_a = url.split('?')[0].split('.').pop()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+      if (!ext) return 'other';
+      if (['jpg', 'jpeg', 'png', 'gif', 'webp', 'svg', 'bmp', 'ico'].includes(ext)) return 'image';
+      if (['js'].includes(ext)) return 'js';
+      if (['css'].includes(ext)) return 'css';
+      if (['woff', 'woff2', 'ttf', 'eot', 'otf'].includes(ext)) return 'font';
+      if (['mp4', 'webm', 'ogg'].includes(ext)) return 'video';
+      if (['mp3', 'wav', 'ogg'].includes(ext)) return 'audio';
+      return 'other';
+    }
+    /**
+     * 获取性能数据
+     */
+  }, {
+    key: "getPerformanceData",
+    value: function getPerformanceData() {
+      var timing = performance.timing;
+      return {
+        navigationStart: timing.navigationStart,
+        domContentLoadedEventEnd: timing.domContentLoadedEventEnd,
+        loadEventEnd: timing.loadEventEnd
+      };
+    }
+    /**
+     * 判断是否首次访问
+     */
+  }, {
+    key: "isFirstVisit",
+    value: function isFirstVisit() {
+      var key = "first_visit_".concat(this.appId);
+      if (!localStorage.getItem(key)) {
+        localStorage.setItem(key, 'true');
+        return true;
+      }
+      return false;
+    }
+    /**
+     * 上报页面浏览
+     */
+  }, {
+    key: "reportPageView",
+    value: function reportPageView(data) {
+      var payload = {
+        type: 'pageview',
+        data: Object.assign({
+          appId: this.appId,
+          version: this.version,
+          sessionId: this.sessionId,
+          userId: this.userId,
+          deviceInfo: this.getDeviceInfo(),
+          networkInfo: this.getNetworkInfo()
+        }, data)
+      };
+      this.doReport(payload, 'pageview');
+    }
+    /**
+     * 上报JS错误
+     */
+  }, {
+    key: "reportJSError",
+    value: function reportJSError(data) {
+      var payload = {
+        type: 'jserror',
+        data: Object.assign({
+          appId: this.appId,
+          version: this.version,
+          sessionId: this.sessionId,
+          userId: this.userId,
+          deviceInfo: this.getDeviceInfo()
+        }, data)
+      };
+      this.doReport(payload, 'jserror');
+    }
+    /**
+     * 上报API数据
+     */
+  }, {
+    key: "reportApi",
+    value: function reportApi(data) {
+      var payload = {
+        type: 'api',
+        data: Object.assign({
+          appId: this.appId,
+          version: this.version,
+          sessionId: this.sessionId,
+          userId: this.userId,
+          networkInfo: this.getNetworkInfo()
+        }, data)
+      };
+      this.doReport(payload, 'api');
+    }
+    /**
+     * 上报资源错误
+     */
+  }, {
+    key: "reportResource",
+    value: function reportResource(data) {
+      var payload = {
+        type: 'resource',
+        data: Object.assign({
+          appId: this.appId,
+          version: this.version,
+          sessionId: this.sessionId,
+          userId: this.userId
+        }, data)
+      };
+      this.doReport(payload, 'resource');
+    }
+    /**
+     * 统一上报处理
+     */
+  }, {
+    key: "doReport",
+    value: function doReport(payload, type) {
+      var _this7 = this;
+      var _a;
+      // 采样处理
+      var sampleRate = (_a = this.sampleRates[type]) !== null && _a !== void 0 ? _a : 1;
+      if (Math.random() > sampleRate) return;
+      // 数据脱敏
+      var sanitizedPayload = Object.assign(Object.assign({}, payload), {
+        data: this.sanitizeData(Object.assign(Object.assign({}, payload.data), {
+          version: this.version
+        }))
+      });
+      // 根据数据类型选择上报方式
+      if (type === 'pageview' && typeof navigator.sendBeacon === 'function') {
+        // 页面浏览使用sendBeacon
+        (0, reporters_1.reportByBeacon)(sanitizedPayload, this.reportUrl);
+      } else if (type === 'jserror' || type === 'resource') {
+        // 错误数据立即上报
+        (0, reporters_1.reportByApi)(sanitizedPayload, this.reportUrl).catch(function () {
+          // 降级到img上报
+          (0, reporters_1.reportByImg)(sanitizedPayload, _this7.reportUrl);
+        });
+      } else {
+        // 其他数据批量上报
+        this.batchReporter.report(sanitizedPayload);
+      }
+    }
+    /**
+     * 获取设备信息
+     */
+  }, {
+    key: "getDeviceInfo",
+    value: function getDeviceInfo() {
+      var ua = navigator.userAgent;
+      return {
+        browser: this.getBrowser(ua),
+        browserVersion: this.getBrowserVersion(ua),
+        os: this.getOS(ua),
+        osVersion: this.getOSVersion(ua),
+        deviceType: this.getDeviceType(),
+        screenWidth: window.screen.width,
+        screenHeight: window.screen.height,
+        language: navigator.language || ''
+      };
+    }
+    /**
+     * 获取网络信息
+     */
+  }, {
+    key: "getNetworkInfo",
+    value: function getNetworkInfo() {
+      // 安全地获取网络信息
+      var connection = navigator.connection || null;
+      if (connection) {
+        return {
+          type: connection.effectiveType || 'unknown',
+          effectiveType: connection.effectiveType || 'unknown'
+        };
+      }
+      return {
+        type: 'unknown',
+        effectiveType: 'unknown'
+      };
+    }
+    /**
+     * 获取浏览器信息
+     */
+  }, {
+    key: "getBrowser",
+    value: function getBrowser(ua) {
+      if (ua.includes('Chrome')) return 'Chrome';
+      if (ua.includes('Safari') && !ua.includes('Chrome')) return 'Safari';
+      if (ua.includes('Firefox')) return 'Firefox';
+      if (ua.includes('Edge')) return 'Edge';
+      if (ua.includes('Trident') || ua.includes('MSIE')) return 'IE';
+      return 'Unknown';
+    }
+    /**
+     * 获取浏览器版本
+     */
+  }, {
+    key: "getBrowserVersion",
+    value: function getBrowserVersion(ua) {
+      // 简化版本，实际项目中可能需要更复杂的正则匹配
+      var versionRegex = /(Chrome|Safari|Firefox|Edge|MSIE)\/?\s*(\d+\.\d*)/i;
+      var match = ua.match(versionRegex);
+      return match ? match[2] : 'Unknown';
+    }
+    /**
+     * 获取操作系统
+     */
+  }, {
+    key: "getOS",
+    value: function getOS(ua) {
+      if (ua.includes('Windows')) return 'Windows';
+      if (ua.includes('Mac OS')) return 'MacOS';
+      if (ua.includes('iOS')) return 'iOS';
+      if (ua.includes('Android')) return 'Android';
+      if (ua.includes('Linux')) return 'Linux';
+      return 'Unknown';
+    }
+    /**
+     * 获取操作系统版本
+     */
+  }, {
+    key: "getOSVersion",
+    value: function getOSVersion(ua) {
+      // 简化版本
+      if (ua.includes('Windows')) {
+        if (ua.includes('Windows NT 10.0')) return '10';
+        if (ua.includes('Windows NT 6.3')) return '8.1';
+        if (ua.includes('Windows NT 6.2')) return '8';
+        if (ua.includes('Windows NT 6.1')) return '7';
+        return 'Unknown';
+      }
+      return 'Unknown';
+    }
+    /**
+     * 获取设备类型
+     */
+  }, {
+    key: "getDeviceType",
+    value: function getDeviceType() {
+      var ua = navigator.userAgent;
+      if (/mobile|android|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(ua)) {
+        return 'mobile';
+      }
+      return 'desktop';
+    }
+    /**
+     * 数据脱敏
+     */
+  }, {
+    key: "sanitizeData",
+    value: function sanitizeData(data) {
+      // 深拷贝数据，避免修改原始数据
+      var sanitized = JSON.parse(JSON.stringify(data));
+      // 脱敏处理函数
+      var _sanitize = function sanitize(obj) {
+        if (!obj || _typeof(obj) !== 'object') return obj;
+        // 遍历对象属性
+        Object.keys(obj).forEach(function (key) {
+          // 对常见敏感字段进行脱敏
+          if (['password', 'token', 'auth', 'credential', 'key'].some(function (sensitive) {
+            return key.toLowerCase().includes(sensitive);
+          })) {
+            obj[key] = '***';
+          }
+          // 邮箱脱敏
+          else if (key.toLowerCase().includes('email') && typeof obj[key] === 'string') {
+            obj[key] = obj[key].replace(/(.{2})(.*)(@.*)/, '$1***$3');
+          }
+          // 手机号脱敏
+          else if (key.toLowerCase().includes('phone') && typeof obj[key] === 'string') {
+            obj[key] = obj[key].replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');
+          }
+          // 递归处理嵌套对象
+          else if (_typeof(obj[key]) === 'object') {
+            _sanitize(obj[key]);
+          }
+        });
+      };
+      _sanitize(sanitized);
+      return sanitized;
+    }
+    /**
+     * 上报自定义事件
+     */
+  }, {
+    key: "reportCustomEvent",
+    value: function reportCustomEvent(eventType, eventData) {
+      var _a;
+      // 根据采样率决定是否上报
+      var sampleRate = (_a = this.sampleRates['custom']) !== null && _a !== void 0 ? _a : 1;
+      if (Math.random() > sampleRate) {
+        return;
+      }
+      var reportData = {
+        type: 'custom',
+        data: {
+          appId: this.appId,
+          version: this.version,
+          sessionId: this.sessionId,
+          userId: this.userId,
+          eventName: eventType,
+          eventData: this.sanitizeData(eventData),
+          timestamp: Date.now(),
+          pageUrl: window.location.href
+        }
+      };
+      // 使用批量上报
+      this.batchReporter.report(reportData);
+    }
+    /**
+     * 立即上报缓冲区数据
+     */
+  }, {
+    key: "flush",
+    value: function flush() {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee2() {
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.n) {
+            case 0:
+              if (!this.batchReporter) {
+                _context2.n = 1;
+                break;
+              }
+              _context2.n = 1;
+              return this.batchReporter.flush();
+            case 1:
+              return _context2.a(2);
+          }
+        }, _callee2, this);
+      }));
+    }
+    /**
+     * 销毁SDK实例
+     */
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.cleanup();
+      this.batchReporter.destroy();
+    }
+  }]);
+}();
+exports.MonitorSDK = MonitorSDK;
+exports.default = MonitorSDK;
+//# sourceMappingURL=MonitorSDK.js.map