@qiu_jun/monitors 0.0.1

package/dist/utils/index.js

@@ -0,0 +1,22 @@
+"use strict";
+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;
+var getLastEvent_1 = require("./getLastEvent");
+Object.defineProperty(exports, "getLastEvent", { enumerable: true, get: function () { return __importDefault(getLastEvent_1).default; } });
+var getLogBaseData_1 = require("./getLogBaseData");
+Object.defineProperty(exports, "getLogBaseData", { enumerable: true, get: function () { return __importDefault(getLogBaseData_1).default; } });
+var getSelector_1 = require("./getSelector");
+Object.defineProperty(exports, "getSelector", { enumerable: true, get: function () { return __importDefault(getSelector_1).default; } });
+var checkWhiteScreen_1 = require("./checkWhiteScreen");
+Object.defineProperty(exports, "checkWhiteScreen", { enumerable: true, get: function () { return __importDefault(checkWhiteScreen_1).default; } });
+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 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; } });
+Object.defineProperty(exports, "mapRequestLog", { enumerable: true, get: function () { return toExcEvent_1.mapRequestLog; } });

package/dist/utils/parseQueryString.d.ts

@@ -0,0 +1 @@
+export default function parseQueryString(url: string): Record<string, string>;

package/dist/utils/parseQueryString.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = parseQueryString;
+function parseQueryString(url) {
+    const queryString = url.split("?")[1];
+    const queryParams = {};
+    queryString === null || queryString === void 0 ? void 0 : queryString.split("&").forEach(item => {
+        const [key, value] = item.split("=");
+        queryParams[key] = value;
+    });
+    return queryParams;
+}

package/dist/utils/toExcEvent.d.ts

@@ -0,0 +1,8 @@
+import type { ExcEventPayload } from '../exception/types';
+import type { BaseLog, IMonitorOptions, MonitorTypeLog, RequestLog } from '../interface';
+/** RequestLog（失败）→ request */
+export declare function mapRequestLog(req: RequestLog, base: BaseLog, opts: Pick<IMonitorOptions, 'userId' | 'release' | 'environment'>): ExcEventPayload | null;
+/** monitor 采集日志 → 异常平台事件列表 */
+export declare function toExcEvents(data: MonitorTypeLog, base: BaseLog, opts: Pick<IMonitorOptions, 'userId' | 'release' | 'environment'>): ExcEventPayload[];
+/** 是否为异常平台上报 URL（防递归拦截） */
+export declare function isExceptionReportUrl(url: string | URL, endpoint?: string): boolean;

package/dist/utils/toExcEvent.js

@@ -0,0 +1,149 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapRequestLog = mapRequestLog;
+exports.toExcEvents = toExcEvents;
+exports.isExceptionReportUrl = isExceptionReportUrl;
+/** 当前页面 pathname + search */
+function currentPage() {
+    try {
+        return `${location.pathname}${location.search}`;
+    }
+    catch (_a) {
+        return '';
+    }
+}
+function baseDeviceFields(base) {
+    return {
+        title: base.title,
+        url: base.url,
+        browser: base.browser,
+        os: base.os,
+        deviceInfo: base.device,
+        userAgent: base.userAgent,
+    };
+}
+function contextFields(base, opts) {
+    return {
+        page: currentPage(),
+        userId: opts.userId,
+        release: opts.release,
+        environment: opts.environment,
+        device: baseDeviceFields(base),
+    };
+}
+function mapErrorLog(log, base, opts) {
+    var _a;
+    const ctx = contextFields(base, opts);
+    if (log.errorType === 'promiseError') {
+        return {
+            type: 'unhandledrejection',
+            level: 'ERROR',
+            message: log.message,
+            stack: log.stack,
+            ...ctx,
+            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',
+        message: log.message,
+        stack: log.stack,
+        ...ctx,
+        device: {
+            ...ctx.device,
+            selector: log.selector,
+            isWhiteScreen: log.isWhiteScreen,
+            filename: log.filename,
+            position: log.position,
+            errorType: log.errorType,
+        },
+    };
+}
+function mapPaintLog(log, base, opts) {
+    const ctx = contextFields(base, opts);
+    return {
+        type: 'paint',
+        level: 'INFO',
+        message: 'paint metrics',
+        ...ctx,
+        device: { ...ctx.device, FP: log.FP, FCP: log.FCP, FMP: log.FMP, LCP: log.LCP },
+    };
+}
+function mapTimingLog(log, base, opts) {
+    const ctx = contextFields(base, opts);
+    return {
+        type: 'timing',
+        level: 'INFO',
+        message: 'timing metrics',
+        ...ctx,
+        device: { ...ctx.device, DOMContentLoadedTime: log.DOMContentLoadedTime, loadTime: log.loadTime },
+    };
+}
+function mapLongTaskLog(log, base, opts) {
+    const ctx = contextFields(base, opts);
+    return {
+        type: 'longTask',
+        level: log.duration >= 100 ? 'WARN' : 'INFO',
+        message: `long task ${log.duration}ms`,
+        ...ctx,
+        device: { ...ctx.device, startTime: log.startTime, duration: log.duration, selector: log.selector, eventType: log.eventType },
+    };
+}
+/** RequestLog（失败）→ request */
+function mapRequestLog(req, base, opts) {
+    var _a, _b, _c;
+    if (req.success !== false)
+        return null;
+    const url = String((_a = req.url) !== null && _a !== void 0 ? _a : '');
+    const method = String((_b = req.method) !== null && _b !== void 0 ? _b : 'GET').toUpperCase();
+    const status = (_c = req.status) !== null && _c !== void 0 ? _c : 0;
+    const reason = status === 0 ? 'network' : String(status);
+    const ctx = contextFields(base, opts);
+    return {
+        type: 'request',
+        level: 'ERROR',
+        message: `Request failed [${reason}]: ${method} ${url}`,
+        ...ctx,
+        device: { ...ctx.device, durationMs: req.duration, msg: req.msg },
+    };
+}
+function mapBatchRequestLog(log, base, opts) {
+    return log.requests
+        .map(req => mapRequestLog(req, base, opts))
+        .filter((e) => e != null);
+}
+/** monitor 采集日志 → 异常平台事件列表 */
+function toExcEvents(data, base, opts) {
+    if (data.type === 'error')
+        return [mapErrorLog(data, base, opts)];
+    if (data.type === 'paint')
+        return [mapPaintLog(data, base, opts)];
+    if (data.type === 'timing')
+        return [mapTimingLog(data, base, opts)];
+    if (data.type === 'longTask')
+        return [mapLongTaskLog(data, base, opts)];
+    if (data.type === 'batchXHR')
+        return mapBatchRequestLog(data, base, opts);
+    if (data.type === 'xhr' || data.type === 'fetch') {
+        const one = mapRequestLog(data, base, opts);
+        return one ? [one] : [];
+    }
+    return [];
+}
+/** 是否为异常平台上报 URL（防递归拦截） */
+function isExceptionReportUrl(url, endpoint) {
+    if (!endpoint)
+        return false;
+    return String(url) === endpoint;
+}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@qiu_jun/monitors",
+  "version": "0.0.1",
+  "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"
+    },
+    "./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",
+    "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"
+  }
+}