@qiu_jun/monitors 0.0.6 → 0.0.8

package/dist/replay/index.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: !0
+}), exports.ReplayController = void 0, exports.deriveReplayEndpoint = deriveReplayEndpoint;
+
+const uuid_1 = require("../utils/uuid"), upload_1 = require("./upload"), MAX_SEGMENTS = 2, DEFAULTS = {
+  bufferSeconds: 30,
+  maxUploadsPerSession: 10,
+  minUploadIntervalMs: 3e4,
+  maxReplayBytes: 2097152
+};
+
+function deriveReplayEndpoint(e) {
+  const t = e.replace(/\/+$/, "");
+  return t.endsWith("/report") ? `${t.slice(0, -7)}/replay` : void 0;
+}
+
+class ReplayController {
+  constructor(e) {
+    Object.defineProperty(this, "opts", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: e
+    }), Object.defineProperty(this, "segments", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: []
+    }), Object.defineProperty(this, "stopFn", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: null
+    }), Object.defineProperty(this, "starting", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: !1
+    }), Object.defineProperty(this, "lastUploadAt", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: 0
+    }), Object.defineProperty(this, "uploadCount", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: 0
+    });
+  }
+  async start() {
+    var e, t, s;
+    if (!this.stopFn && !this.starting) {
+      this.starting = !0;
+      try {
+        const {record: r} = await (import("rrweb"));
+        this.stopFn = null !== (s = r({
+          emit: (e, t) => {
+            for ((t || 0 === this.segments.length) && this.segments.push([]), this.segments[this.segments.length - 1].push(e); this.segments.length > 2; ) this.segments.shift();
+          },
+          checkoutEveryNms: Math.max(500 * (null !== (e = this.opts.bufferSeconds) && void 0 !== e ? e : DEFAULTS.bufferSeconds), 1e4),
+          maskAllInputs: !0,
+          maskTextClass: null !== (t = this.opts.maskTextClass) && void 0 !== t ? t : "rr-mask",
+          blockClass: "rr-block",
+          sampling: {
+            mousemove: 50,
+            scroll: 150,
+            input: "last"
+          }
+        })) && void 0 !== s ? s : null;
+      } catch (e) {}
+    }
+  }
+  captureIfTriggered(e) {
+    var t, s, r;
+    if (!this.isTrigger(e)) return;
+    const l = Date.now();
+    if (l - this.lastUploadAt < (null !== (t = this.opts.minUploadIntervalMs) && void 0 !== t ? t : DEFAULTS.minUploadIntervalMs)) return;
+    if (this.uploadCount >= (null !== (s = this.opts.maxUploadsPerSession) && void 0 !== s ? s : DEFAULTS.maxUploadsPerSession)) return;
+    const n = [].concat(...this.segments);
+    if (0 === n.length) return;
+    const a = (0, uuid_1.randomId)();
+    this.lastUploadAt = l, this.uploadCount++;
+    const o = null !== (r = this.opts.maxReplayBytes) && void 0 !== r ? r : DEFAULTS.maxReplayBytes, i = this.segments.length > 1 && JSON.stringify(n).length > o ? [ ...this.segments[this.segments.length - 1] ] : n;
+    return this.compressAndUpload(a, i), a;
+  }
+  stop() {
+    var e;
+    null === (e = this.stopFn) || void 0 === e || e.call(this), this.stopFn = null;
+  }
+  isTrigger(e) {
+    return "error" === e.type || !!this.opts.captureRequest && ("xhr" === e.type || "fetch" === e.type || "batchXHR" === e.type);
+  }
+  async compressAndUpload(e, t) {
+    try {
+      const s = JSON.stringify(t), {deflate: r} = await (import("pako"));
+      await (0, upload_1.uploadReplay)(this.opts.replayEndpoint, this.opts.projectKey, {
+        replayId: e,
+        format: "rrweb@2",
+        codec: "deflate-base64",
+        size: s.length,
+        durationMs: t.length > 1 ? t[t.length - 1].timestamp - t[0].timestamp : 0,
+        occurredAt: (new Date).toISOString(),
+        data: toBase64(r(s))
+      });
+    } catch (e) {}
+  }
+}
+
+function toBase64(e) {
+  let t = "";
+  for (let s = 0; s < e.length; s += 32768) t += String.fromCharCode(...e.subarray(s, s + 32768));
+  return btoa(t);
+}
+
+exports.ReplayController = ReplayController;

package/dist/replay/upload.d.ts

@@ -0,0 +1,17 @@
+/** 回放上传 payload（契约见 backend-integration.md「回放接口」） */
+export interface ReplayUploadPayload {
+    replayId: string;
+    /** 事件流格式+版本，播放器按此选择解析方式 */
+    format: 'rrweb@2';
+    /** data 编码方式 */
+    codec: 'deflate-base64';
+    /** 解压前 JSON 字节数 */
+    size: number;
+    /** 回放覆盖时长（首末事件时间差 ms） */
+    durationMs: number;
+    occurredAt: string;
+    /** pako deflate + base64 后的 rrweb 事件流 */
+    data: string;
+}
+/** 回放独立上传：与事件上报共用鉴权头；失败由调用方静默处理（回放是可丢数据） */
+export declare function uploadReplay(replayEndpoint: string, projectKey: string, payload: ReplayUploadPayload): Promise<void>;

package/dist/replay/upload.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uploadReplay = uploadReplay;
+/** 回放独立上传：与事件上报共用鉴权头；失败由调用方静默处理（回放是可丢数据） */
+async function uploadReplay(replayEndpoint, projectKey, payload) {
+    const res = await fetch(replayEndpoint, {
+        method: 'POST',
+        headers: { 'content-type': 'application/json', 'X-Project-Key': projectKey },
+        body: JSON.stringify(payload),
+    });
+    if (!res.ok)
+        throw Object.assign(new Error(`monitor: 回放上传失败 ${res.status}`), { statusCode: res.status });
+}

package/dist/utils/index.d.ts

@@ -4,4 +4,5 @@ export { default as getSelector } from './getSelector';
 export { default as checkWhiteScreen } from './checkWhiteScreen';
 export { default as parseQueryString } from './parseQueryString';
 export { default as formatStack } from './formatStack';
+export { randomId } from './uuid';
 export { toExcEvents, isExceptionReportUrl, mapRequestLog } from './toExcEvent';

package/dist/utils/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mapRequestLog = exports.isExceptionReportUrl = exports.toExcEvents = exports.formatStack = exports.parseQueryString = exports.checkWhiteScreen = exports.getSelector = exports.getLogBaseData = exports.getLastEvent = void 0;
+exports.mapRequestLog = exports.isExceptionReportUrl = exports.toExcEvents = exports.randomId = exports.formatStack = exports.parseQueryString = exports.checkWhiteScreen = exports.getSelector = exports.getLogBaseData = exports.getLastEvent = void 0;
 var getLastEvent_1 = require("./getLastEvent");
 Object.defineProperty(exports, "getLastEvent", { enumerable: true, get: function () { return __importDefault(getLastEvent_1).default; } });
 var getLogBaseData_1 = require("./getLogBaseData");
@@ -16,6 +16,8 @@ var parseQueryString_1 = require("./parseQueryString");
 Object.defineProperty(exports, "parseQueryString", { enumerable: true, get: function () { return __importDefault(parseQueryString_1).default; } });
 var formatStack_1 = require("./formatStack");
 Object.defineProperty(exports, "formatStack", { enumerable: true, get: function () { return __importDefault(formatStack_1).default; } });
+var uuid_1 = require("./uuid");
+Object.defineProperty(exports, "randomId", { enumerable: true, get: function () { return uuid_1.randomId; } });
 var toExcEvent_1 = require("./toExcEvent");
 Object.defineProperty(exports, "toExcEvents", { enumerable: true, get: function () { return toExcEvent_1.toExcEvents; } });
 Object.defineProperty(exports, "isExceptionReportUrl", { enumerable: true, get: function () { return toExcEvent_1.isExceptionReportUrl; } });

package/dist/utils/toExcEvent.js

@@ -32,7 +32,6 @@ function contextFields(base, opts) {
     };
 }
 function mapErrorLog(log, base, opts) {
-    var _a;
     const ctx = contextFields(base, opts);
     if (log.errorType === 'promiseError') {
         return {
@@ -44,16 +43,6 @@ function mapErrorLog(log, base, opts) {
             device: { ...ctx.device, selector: log.selector, filename: log.filename, position: log.position, errorType: log.errorType },
         };
     }
-    if (log.errorType === 'loadResourceError') {
-        const url = (_a = log.filename) !== null && _a !== void 0 ? _a : log.message;
-        return {
-            type: 'resource',
-            level: 'ERROR',
-            message: url ? `Resource failed: ${url}` : log.message,
-            ...ctx,
-            device: { ...ctx.device, tagName: log.tagName, selector: log.selector, errorType: log.errorType },
-        };
-    }
     return {
         type: 'error',
         level: 'ERROR',

package/dist/utils/uuid.d.ts

@@ -0,0 +1,2 @@
+/** 生成关联用随机 id：优先 crypto.randomUUID，非安全上下文（http）降级为 getRandomValues 拼十六进制 */
+export declare function randomId(): string;

package/dist/utils/uuid.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.randomId = randomId;
+/** 生成关联用随机 id：优先 crypto.randomUUID，非安全上下文（http）降级为 getRandomValues 拼十六进制 */
+function randomId() {
+    const cryptoApi = globalThis.crypto;
+    if (typeof (cryptoApi === null || cryptoApi === void 0 ? void 0 : cryptoApi.randomUUID) === 'function')
+        return cryptoApi.randomUUID();
+    // randomUUID 仅安全上下文（HTTPS）可用；getRandomValues 在 http 下依然可用
+    if (typeof (cryptoApi === null || cryptoApi === void 0 ? void 0 : cryptoApi.getRandomValues) === 'function') {
+        const bytes = new Uint8Array(16);
+        cryptoApi.getRandomValues(bytes);
+        return Array.from(bytes, b => b.toString(16).padStart(2, '0')).join('');
+    }
+    // 极老环境兜底：仅作关联键用途，非安全场景
+    return Array.from({ length: 32 }, () => Math.floor(Math.random() * 16).toString(16)).join('');
+}

package/package.json

@@ -1,62 +1,65 @@
-{
-  "name": "@qiu_jun/monitors",
-  "version": "0.0.6",
-  "description": "前端监控，用于捕获，分析，和报告网站或应用程序中的异常，错误和性能问题的方法",
-  "sideEffects": false,
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/monitor.umd.js",
-      "default": "./dist/index.js"
-    },
-    "./h5": {
-      "types": "./dist/h5.d.ts",
-      "default": "./dist/h5.js"
-    },
-    "./miniprogram": {
-      "types": "./dist/miniprogram.d.ts",
-      "default": "./dist/miniprogram.js"
-    },
-    "./reporter": {
-      "types": "./dist/reporter.d.ts",
-      "default": "./dist/reporter.js"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "preinstall": "npx only-allow pnpm",
-    "build": "pnpm run clean && pnpm run compile && pnpm run bundle",
-    "prepublishOnly": "pnpm run build",
-    "clean": "rimraf dist",
-    "compile": "tsc -p tsconfig.build.json",
-    "bundle": "vite build"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Qiu-Jun/monitor.git"
-  },
-  "author": "June",
-  "license": "ISC",
-  "bugs": {
-    "url": "https://github.com/Qiu-Jun/monitor/issues"
-  },
-  "homepage": "https://github.com/Qiu-Jun/monitor#readme",
-  "devDependencies": {
-    "rimraf": "^6.0.1",
-    "terser": "^5.43.1",
-    "typescript": "~6.0.3",
-    "vite": "^6.2.0"
-  },
-  "dependencies": {
-    "ua-parser-js": "^2.0.4"
-  }
-}
+{
+  "name": "@qiu_jun/monitors",
+  "version": "0.0.8",
+  "description": "前端监控，用于捕获，分析，和报告网站或应用程序中的异常，错误和性能问题的方法",
+  "sideEffects": false,
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/monitor.umd.js",
+      "default": "./dist/index.js"
+    },
+    "./h5": {
+      "types": "./dist/h5.d.ts",
+      "default": "./dist/h5.js"
+    },
+    "./miniprogram": {
+      "types": "./dist/miniprogram.d.ts",
+      "default": "./dist/miniprogram.js"
+    },
+    "./reporter": {
+      "types": "./dist/reporter.d.ts",
+      "default": "./dist/reporter.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "preinstall": "npx only-allow pnpm",
+    "build": "pnpm run clean && pnpm run compile && pnpm run bundle",
+    "prepublishOnly": "pnpm run build",
+    "clean": "rimraf dist",
+    "compile": "tsc -p tsconfig.build.json && node scripts/strip-console.mjs",
+    "bundle": "vite build"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Qiu-Jun/monitor.git"
+  },
+  "author": "June",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/Qiu-Jun/monitor/issues"
+  },
+  "homepage": "https://github.com/Qiu-Jun/monitor#readme",
+  "devDependencies": {
+    "@types/pako": "^3.0.0",
+    "rimraf": "^6.0.1",
+    "terser": "^5.43.1",
+    "typescript": "~6.0.3",
+    "vite": "^6.2.0"
+  },
+  "dependencies": {
+    "pako": "^3.0.2",
+    "rrweb": "^2.1.7",
+    "ua-parser-js": "^2.0.4"
+  }
+}