@qiu_jun/monitors 0.0.7 → 0.0.8

package/dist/monitor.js

@@ -1,218 +1,171 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const exception_1 = require("./exception");
-const modules_1 = require("./modules");
-const index_1 = require("./utils/index");
-const toExcEvent_1 = require("./utils/toExcEvent");
-const replay_1 = require("./replay");
+
+Object.defineProperty(exports, "__esModule", {
+  value: !0
+});
+
+const exception_1 = require("./exception"), modules_1 = require("./modules"), index_1 = require("./utils/index"), toExcEvent_1 = require("./utils/toExcEvent"), replay_1 = require("./replay");
+
 class Monitor {
-    constructor(options) {
-        var _a, _b;
-        /** 异常平台上报地址 */
-        Object.defineProperty(this, "endpoint", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** 接入项目 projectKey */
-        Object.defineProperty(this, "projectKey", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "timeoutDuration", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "errorQueue", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "requestQueue", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "maxQueueSize", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "sendTimer", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "reporter", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "replay", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "options", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "originalXHR", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "originalFetch", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "originalOnerror", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this.options = options;
-        this.endpoint = options.endpoint;
-        this.projectKey = options.projectKey;
-        this.timeoutDuration = (_a = options.timeoutDuration) !== null && _a !== void 0 ? _a : 60000;
-        this.errorQueue = [];
-        this.requestQueue = [];
-        this.maxQueueSize = (_b = options.maxQueueSize) !== null && _b !== void 0 ? _b : 10;
-        this.sendTimer = null;
-        this.reporter = (0, exception_1.createReporter)({
-            endpoint: options.endpoint,
-            projectKey: options.projectKey,
-            release: options.release,
-            environment: options.environment,
-            maxBatch: options.maxBatch,
-            flushInterval: options.flushInterval,
-        }, (0, exception_1.makeH5Transport)(options.endpoint));
-        this.init();
-        this.initReplay();
-        this.originalXHR = window.XMLHttpRequest;
-        this.originalFetch = window.fetch;
-        this.originalOnerror = window.onerror;
-    }
-    init() {
-        modules_1.onWindowErr.call(this);
-        modules_1.onLongTask.call(this);
-        modules_1.onPaint.call(this);
-        modules_1.onTiming.call(this);
-        modules_1.onXHR.call(this);
-    }
-    /** 回放初始化：显式开启 + 采样命中 + 回放地址可解析 */
-    initReplay() {
-        var _a, _b;
-        const replayOptions = this.options.replay;
-        if (!(replayOptions === null || replayOptions === void 0 ? void 0 : replayOptions.enabled))
-            return;
-        const sampleRate = (_a = replayOptions.sampleRate) !== null && _a !== void 0 ? _a : 1;
-        if (Math.random() >= sampleRate)
-            return;
-        const replayEndpoint = (_b = replayOptions.replayEndpoint) !== null && _b !== void 0 ? _b : (0, replay_1.deriveReplayEndpoint)(this.endpoint);
-        if (!replayEndpoint) {
-            console.warn('monitor: replay.replayEndpoint 未配置且无法从 endpoint（需以 /report 结尾）推导，回放已禁用');
-            return;
-        }
-        this.replay = new replay_1.ReplayController({
-            replayEndpoint,
-            projectKey: this.projectKey,
-            bufferSeconds: replayOptions.bufferSeconds,
-            maxUploadsPerSession: replayOptions.maxUploadsPerSession,
-            minUploadIntervalMs: replayOptions.minUploadIntervalMs,
-            maxReplayBytes: replayOptions.maxReplayBytes,
-            captureRequest: replayOptions.captureRequest,
-            maskTextClass: replayOptions.maskTextClass,
-        });
-        void this.replay.start();
-    }
-    /** 统一上报：转异常平台格式 → reporter 批量 POST；错误触发回放切片上传并回填 device.replayId */
-    send(data) {
-        var _a;
-        const baseData = (0, index_1.getLogBaseData)();
-        const events = (0, toExcEvent_1.toExcEvents)(data, baseData, this.options);
-        const replayId = (_a = this.replay) === null || _a === void 0 ? void 0 : _a.captureIfTriggered(data);
-        if (replayId) {
-            for (const event of events)
-                event.device = { ...event.device, replayId };
-        }
-        for (const event of events)
-            this.reporter.capture(event);
-    }
-    /** 手动上报自定义事件 */
-    capture(event) {
-        this.reporter.capture(event);
-    }
-    reportRequest() {
-        if (this.requestQueue.length === 0)
-            return;
-        this.send({ type: 'batchXHR', requests: [...this.requestQueue] });
-        this.requestQueue = [];
-    }
-    reportError() {
-        if (this.errorQueue.length === 0)
-            return;
-        this.send({ type: 'batchXHR', requests: [...this.errorQueue] });
-        this.errorQueue = [];
-    }
-    captureRequest(requestInfo) {
-        var _a;
-        const validRequestTypes = ['xhr', 'fetch'];
-        if (!requestInfo.type || !validRequestTypes.includes(requestInfo.type)) {
-            console.warn(`监控系统: 无效的请求类型 ${requestInfo.type}，无法上报`);
-            return;
-        }
-        if ((0, toExcEvent_1.isExceptionReportUrl)(String((_a = requestInfo.url) !== null && _a !== void 0 ? _a : ''), this.endpoint))
-            return;
-        const requiredFields = ['url', 'method', 'duration', 'status', 'success', 'startTime'];
-        for (const field of requiredFields) {
-            if (requestInfo[field] === undefined) {
-                console.warn(`监控系统: 请求信息中缺少必填字段 ${field}，无法上报`);
-                return;
-            }
-        }
-        requestInfo.page = window.location.href;
-        this.requestQueue.push(requestInfo);
-        if (this.requestQueue.length >= this.maxQueueSize)
-            this.reportRequest();
-    }
-    sendQueuedData() {
-        if (this.errorQueue.length > 0)
-            this.reportError();
-        if (this.requestQueue.length > 0)
-            this.reportRequest();
-    }
-    destroy() {
-        var _a;
-        (_a = this.replay) === null || _a === void 0 ? void 0 : _a.stop();
-        this.sendQueuedData();
-        this.reporter.destroy();
-        window.XMLHttpRequest = this.originalXHR;
-        window.fetch = this.originalFetch;
-        window.onerror = this.originalOnerror;
-        if (this.sendTimer) {
-            clearInterval(this.sendTimer);
-            this.sendTimer = null;
-        }
-        this.errorQueue = [];
-        this.requestQueue = [];
-    }
+  constructor(e) {
+    var t, r;
+    Object.defineProperty(this, "endpoint", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "projectKey", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "timeoutDuration", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "errorQueue", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "requestQueue", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "maxQueueSize", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "sendTimer", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "reporter", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "replay", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: null
+    }), Object.defineProperty(this, "options", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "errorSentAt", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: new Map
+    }), Object.defineProperty(this, "originalXHR", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "originalFetch", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), Object.defineProperty(this, "originalOnerror", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: void 0
+    }), this.options = e, this.endpoint = e.endpoint, this.projectKey = e.projectKey, 
+    this.timeoutDuration = null !== (t = e.timeoutDuration) && void 0 !== t ? t : 6e4, 
+    this.errorQueue = [], this.requestQueue = [], this.maxQueueSize = null !== (r = e.maxQueueSize) && void 0 !== r ? r : 10, 
+    this.sendTimer = null, this.reporter = (0, exception_1.createReporter)({
+      endpoint: e.endpoint,
+      projectKey: e.projectKey,
+      release: e.release,
+      environment: e.environment,
+      maxBatch: e.maxBatch,
+      flushInterval: e.flushInterval
+    }, (0, exception_1.makeH5Transport)(e.endpoint)), this.init(), this.initReplay(), 
+    this.originalXHR = window.XMLHttpRequest, this.originalFetch = window.fetch, this.originalOnerror = window.onerror;
+  }
+  init() {
+    modules_1.onWindowErr.call(this), modules_1.onLongTask.call(this), modules_1.onPaint.call(this), 
+    modules_1.onTiming.call(this), modules_1.onXHR.call(this);
+  }
+  initReplay() {
+    var e, t;
+    const r = this.options.replay;
+    if (!(null == r ? void 0 : r.enabled)) return;
+    const i = null !== (e = r.sampleRate) && void 0 !== e ? e : 1;
+    if (Math.random() >= i) return;
+    const o = null !== (t = r.replayEndpoint) && void 0 !== t ? t : (0, replay_1.deriveReplayEndpoint)(this.endpoint);
+    o && (this.replay = new replay_1.ReplayController({
+      replayEndpoint: o,
+      projectKey: this.projectKey,
+      bufferSeconds: r.bufferSeconds,
+      maxUploadsPerSession: r.maxUploadsPerSession,
+      minUploadIntervalMs: r.minUploadIntervalMs,
+      maxReplayBytes: r.maxReplayBytes,
+      captureRequest: r.captureRequest,
+      maskTextClass: r.maskTextClass
+    }), this.replay.start());
+  }
+  isDuplicateError(e) {
+    var t, r;
+    const i = null !== (t = this.options.errorDedupeMs) && void 0 !== t ? t : 0;
+    if (i <= 0 || "error" !== e.type) return !1;
+    const o = `${e.errorType}|${e.message}|${null !== (r = e.filename) && void 0 !== r ? r : ""}`, n = Date.now(), s = this.errorSentAt.get(o);
+    if (void 0 !== s && n - s < i) return !0;
+    if (this.errorSentAt.size >= 100) for (const [e, t] of this.errorSentAt) n - t >= i && this.errorSentAt.delete(e);
+    return this.errorSentAt.set(o, n), !1;
+  }
+  send(e) {
+    var t;
+    if (this.isDuplicateError(e)) return;
+    const r = (0, index_1.getLogBaseData)(), i = (0, toExcEvent_1.toExcEvents)(e, r, this.options), o = null === (t = this.replay) || void 0 === t ? void 0 : t.captureIfTriggered(e);
+    if (o) for (const e of i) e.device = {
+      ...e.device,
+      replayId: o
+    };
+    for (const e of i) this.reporter.capture(e);
+  }
+  capture(e) {
+    this.reporter.capture(e);
+  }
+  reportRequest() {
+    0 !== this.requestQueue.length && (this.send({
+      type: "batchXHR",
+      requests: [ ...this.requestQueue ]
+    }), this.requestQueue = []);
+  }
+  reportError() {
+    0 !== this.errorQueue.length && (this.send({
+      type: "batchXHR",
+      requests: [ ...this.errorQueue ]
+    }), this.errorQueue = []);
+  }
+  captureRequest(e) {
+    var t;
+    if (!e.type || ![ "xhr", "fetch" ].includes(e.type)) return;
+    if ((0, toExcEvent_1.isExceptionReportUrl)(String(null !== (t = e.url) && void 0 !== t ? t : ""), this.endpoint)) return;
+    const r = [ "url", "method", "duration", "status", "success", "startTime" ];
+    for (const t of r) if (void 0 === e[t]) return;
+    e.page = window.location.href, this.requestQueue.push(e), this.requestQueue.length >= this.maxQueueSize && this.reportRequest();
+  }
+  sendQueuedData() {
+    this.errorQueue.length > 0 && this.reportError(), this.requestQueue.length > 0 && this.reportRequest();
+  }
+  destroy() {
+    var e;
+    null === (e = this.replay) || void 0 === e || e.stop(), this.sendQueuedData(), this.reporter.destroy(), 
+    window.XMLHttpRequest = this.originalXHR, window.fetch = this.originalFetch, window.onerror = this.originalOnerror, 
+    this.sendTimer && (clearInterval(this.sendTimer), this.sendTimer = null), this.errorQueue = [], 
+    this.requestQueue = [], this.errorSentAt.clear();
+  }
 }
-exports.default = Monitor;
+
+exports.default = Monitor;