mon-reactive-h5 1.0.11 → 1.0.13

package/dist/umd/MonitorSDK.js

@@ -0,0 +1,1079 @@
+"use strict";
+
+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 _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);
+}
+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);
+}
+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());
+  });
+};
+(function (factory) {
+  if ((typeof module === "undefined" ? "undefined" : _typeof(module)) === "object" && _typeof(module.exports) === "object") {
+    var v = factory(require, exports);
+    if (v !== undefined) module.exports = v;
+  } else if (typeof define === "function" && define.amd) {
+    define(["require", "exports", "./BatchReporter", "./reporters"], factory);
+  }
+})(function (require, exports) {
+  "use strict";
+
+  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.keys(config.sampleRates).reduce(function (acc, key) {
+          var value = config.sampleRates[key];
+          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.originalXHRSend) {
+          XMLHttpRequest.prototype.send = this.originalXHRSend;
+        }
+        // 销毁批量上报器
+        if (this.batchReporter) {
+          this.batchReporter.destroy();
+        }
+      }
+      /**
+       * 页面浏览监控
+       */
+    }, {
+      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,
+                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() {
+        // 生成请求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 urlList = urlStr.split('?');
+            // 基础URL（不包含查询参数和hash）
+            var baseUrl = urlList[0];
+            // 完整URL（包含查询参数和hash）
+            var fullUrl = urlStr;
+            return {
+              baseUrl: baseUrl,
+              fullUrl: fullUrl
+            };
+          } catch (_a) {
+            // 如果URL解析失败，则使用原始URL
+            return {
+              baseUrl: urlStr,
+              fullUrl: urlStr
+            };
+          }
+        };
+        // 重写fetch
+        // this.originalFetch = window.fetch;
+        // window.fetch = async (...args) => {
+        //   const [url, options] = args;
+        //   const urlStr = typeof url === 'string' ? url : url.toString();
+        //   // 排除SDK自身的上报请求，避免死循环
+        //   // 1. 检查是否有特殊标记表示这是SDK内部请求
+        //   const isSdkInternalRequest = options?.headers?.['x-sdk-internal'] === 'true';
+        //   // 2. 检查是否是已知的SDK上报路径，包括批量上报相关路径
+        //   const knownReportPaths = ['/v1/report/collect', '/v1/report/collectImg', '/api/report/collect'];
+        //   const isKnownReportPath = knownReportPaths.some(path => urlStr.includes(path));
+        //   // 3. 检查是否是配置的上报URL
+        //   const isConfiguredReportUrl = this.reportUrl && urlStr.includes(this.reportUrl);
+        //   // 4. 对于没有头信息的请求（如sendBeacon和img上报），增加更严格的路径匹配
+        //   const isBatchReportPath = urlStr.includes('/v1/report/collect') || urlStr.includes('/v1/report/collectImg');
+        //   // 如果是SDK自身的上报请求，则直接使用原始fetch
+        //   if (isSdkInternalRequest || isKnownReportPath || isConfiguredReportUrl || isBatchReportPath) {
+        //     return this.originalFetch!(...args);
+        //   }
+        //   const startTime = Date.now();
+        //   const method = options?.method || 'GET';
+        //   const requestId = generateRequestId();
+        //   const { baseUrl, fullUrl } = parseUrl(urlStr);
+        //   try {
+        //     const response = await this.originalFetch!(...args);
+        //     const reportData = {
+        //       requestId,
+        //       url: baseUrl,
+        //       fullUrl,
+        //       method,
+        //       status: response.status,
+        //       isError: response.status >= 400,
+        //       responseTime: Date.now() - startTime,
+        //       timestamp: startTime,
+        //       pageUrl: window.location.href
+        //     };
+        //     // 上报API数据
+        //     this.reportApi(reportData);
+        //     return response;
+        //   } catch (error) {
+        //     const reportData = {
+        //       requestId,
+        //       url: baseUrl,
+        //       fullUrl,
+        //       method,
+        //       status: 0,
+        //       isError: true,
+        //       errorType: (error as Error).name || 'FetchError',
+        //       responseTime: Date.now() - startTime,
+        //       timestamp: startTime,
+        //       pageUrl: window.location.href
+        //     };
+        //     // 上报错误API
+        //     this.reportApi(reportData);
+        //     throw error;
+        //   }
+        // };
+        // 重写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 _parseUrl = parseUrl(urlStr),
+            baseUrl = _parseUrl.baseUrl,
+            fullUrl = _parseUrl.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 _this4 = this;
+          var xhrInfo = xhrMap.get(this);
+          for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+            args[_key3] = arguments[_key3];
+          }
+          if (!xhrInfo) {
+            // @ts-ignore
+            return originalSend.apply(this, args);
+          }
+          // 获取请求体大小（字节）
+          var requestBodySize = 0;
+          if (args && args[0] !== undefined && args[0] !== null) {
+            if (typeof args[0] === 'string') {
+              // 字符串请求体，使用TextEncoder获取字节长度
+              try {
+                requestBodySize = new TextEncoder().encode(args[0]).length;
+              } catch (e) {
+                // 降级方案：估算字节长度
+                requestBodySize = args[0].length;
+              }
+            } else if (args[0] instanceof FormData) {
+              // FormData请求体，尝试估算大小
+              // 注意：由于安全限制，无法精确获取FormData的大小
+              requestBodySize = -1; // 表示未知大小
+            } else if (args[0] instanceof Blob) {
+              // Blob/File请求体
+              requestBodySize = args[0].size;
+            } else {
+              // 其他类型，尝试转换为字符串估算
+              try {
+                var str = JSON.stringify(args[0]);
+                requestBodySize = new TextEncoder().encode(str).length;
+              } catch (e) {
+                requestBodySize = -1;
+              }
+            }
+          }
+          // 保存请求体大小到xhrInfo中
+          Object.assign(xhrInfo, {
+            requestBodySize: requestBodySize
+          });
+          this.addEventListener('loadend', function () {
+            var endTime = Date.now();
+            var responseTime = endTime - xhrInfo.startTime;
+            var status = _this4.status;
+            // 获取响应体大小（字节）
+            var responseBodySize = 0;
+            try {
+              if (_this4.responseText) {
+                responseBodySize = new TextEncoder().encode(_this4.responseText).length;
+              } else if (_this4.response) {
+                if (typeof _this4.response === 'string') {
+                  responseBodySize = new TextEncoder().encode(_this4.response).length;
+                } else if (_this4.response instanceof ArrayBuffer) {
+                  responseBodySize = _this4.response.byteLength;
+                } else if (_this4.response instanceof Blob) {
+                  responseBodySize = _this4.response.size;
+                } else {
+                  // 尝试JSON序列化估算
+                  try {
+                    var _str = JSON.stringify(_this4.response);
+                    responseBodySize = new TextEncoder().encode(_str).length;
+                  } catch (e) {
+                    responseBodySize = -1;
+                  }
+                }
+              }
+            } catch (e) {
+              // 如果无法获取响应体大小，设置为-1
+              responseBodySize = -1;
+            }
+            var reportData = {
+              requestId: xhrInfo.requestId,
+              url: xhrInfo.url,
+              fullUrl: xhrInfo.fullUrl,
+              method: xhrInfo.method,
+              status: status,
+              isError: status >= 400 || _this4.status === 0,
+              responseTime: responseTime,
+              timestamp: xhrInfo.startTime,
+              pageUrl: window.location.href,
+              errorType: status === 0 ? 'NetworkError' : "HTTP".concat(status),
+              requestBodySize: requestBodySize,
+              responseBodySize: responseBodySize
+            };
+            // 上报API数据
+            that.reportApi(reportData);
+          });
+          return originalSend.apply(this, args);
+        };
+      }
+      /**
+       * 资源监控
+       */
+    }, {
+      key: "initResourceMonitor",
+      value: function initResourceMonitor() {
+        var _this5 = 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;
+                  // 检查资源是否加载失败 - 使用类型断言处理responseStatus
+                  var typedEntry = resourceEntry;
+                  if (typedEntry.responseStatus && typedEntry.responseStatus >= 400) {
+                    _this5.reportResource({
+                      url: resourceEntry.name,
+                      type: _this5.getResourceType(resourceEntry.name),
+                      status: typedEntry.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;
+            _this5.reportResource({
+              url: target.src || target.href || '',
+              type: _this5.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'].indexOf(ext) !== -1) return 'image';
+        if (['js'].indexOf(ext) !== -1) return 'js';
+        if (['css'].indexOf(ext) !== -1) return 'css';
+        if (['woff', 'woff2', 'ttf', 'eot', 'otf'].indexOf(ext) !== -1) return 'font';
+        if (['mp4', 'webm', 'ogg'].indexOf(ext) !== -1) return 'video';
+        if (['mp3', 'wav', 'ogg'].indexOf(ext) !== -1) 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 _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.reportByImg)(sanitizedPayload, this.reportUrl);
+        } else if (type === 'jserror' || type === 'resource') {
+          // 错误数据立即上报
+          // reportByApi(sanitizedPayload, this.reportUrl).catch(() => {
+          //   // 降级到img上报
+          //   reportByImg(sanitizedPayload, this.reportUrl);
+          // });
+          (0, reporters_1.reportWithFallback)(sanitizedPayload, this.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 _callee() {
+          return _regenerator().w(function (_context) {
+            while (1) switch (_context.n) {
+              case 0:
+                if (!this.batchReporter) {
+                  _context.n = 1;
+                  break;
+                }
+                _context.n = 1;
+                return this.batchReporter.flush();
+              case 1:
+                return _context.a(2);
+            }
+          }, _callee, this);
+        }));
+      }
+      /**
+       * 销毁SDK实例
+       */
+    }, {
+      key: "destroy",
+      value: function destroy() {
+        this.cleanup();
+        this.batchReporter.destroy();
+      }
+    }]);
+  }();
+  exports.MonitorSDK = MonitorSDK;
+  exports.default = MonitorSDK;
+});
+//# sourceMappingURL=MonitorSDK.js.map