monitor-track 1.10.2 → 1.12.0

package/esm/types/global.d.ts

@@ -1,4 +1,4 @@
-import { IErrorInfo, INavigator, IPv, IUserActivity, IPerformance } from '.';
+import { IErrorInfo, INavigator, IPerformance, IPv, IUserActivity } from '.';
 /**
  * @description 上报信息
  */
@@ -34,9 +34,23 @@ export interface IReport extends INavigator {
     /** dpr */
     dpr: number;
     pv: IPv | null;
+    lag: {
+        lagTime: number;
+    } | null;
     error: IErrorInfo | null;
     ua: IUserActivity | null;
     perf: IPerformance | null;
+    req: {
+        requestType: string;
+        responseURL: string;
+        status: number;
+        loadTime: number;
+        statusText: string;
+        reason: 'slow' | 'failed' | string;
+        detail: string;
+        requestData: string;
+        method: string;
+    } | null;
     vD?: {
         /** 埋点名称 */
         trackName: string;
@@ -64,7 +78,7 @@ export interface IReport extends INavigator {
  * @type visual 可视化埋点上报
  * @type manual 手动上报
  */
-export type IType = 'pv' | 'error' | 'ua' | 'api' | 'per' | 'init' | 'request' | 'visual' | 'manual';
+export type IType = 'pv' | 'error' | 'ua' | 'api' | 'per' | 'init' | 'request' | 'visual' | 'manual' | 'lag';
 export interface Navigator {
     connection: any;
 }

package/esm/types/index.d.ts

@@ -153,13 +153,16 @@ export interface IPerformance {
         domContentLoadedEventEnd: number;
         /** 是一个无符号long long 型的毫秒数，返回当解析器发送DOMContentLoaded (en-US) 事件，即所有需要被执行的脚本已经被解析时的Unix毫秒时间戳。 */
         domContentLoadedEventStart: number;
-        /** 是一个无符号long long 型的毫秒数，返回当前网页DOM结构结束解析、开始加载内嵌资源时（即Document.readyState属性变为“interactive”、相应的readystatechange (en-US)事件触发时）的Unix毫秒时间戳。 */
+        /** 是一个无符号long long 型的毫秒数，返回当前网页DOM结构结束解析、开始加载内嵌资源时（即Document.readyState属性变为“interactive”、
+         * 相应的readystatechange (en-US)事件触发时）的Unix毫秒时间戳。 */
         domInteractive: number;
         /** 是一个无符号long long 型的毫秒数，返回当前网页DOM结构开始解析时（即Document.readyState属性变为“loading”、相应的 readystatechange (en-US)事件触发时）的Unix毫秒时间戳。 */
         domLoading: number;
-        /** 是一个无符号long long 型的毫秒数，表征了域名查询结束的UNIX时间戳。如果使用了持续连接(persistent connection)，或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
+        /** 是一个无符号long long 型的毫秒数，表征了域名查询结束的UNIX时间戳。如果使用了持续连接(persistent connection)，
+         * 或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
         domainLookupEnd: number;
-        /** 是一个无符号long long 型的毫秒数，表征了域名查询开始的UNIX时间戳。如果使用了持续连接(persistent connection)，或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
+        /** 是一个无符号long long 型的毫秒数，表征了域名查询开始的UNIX时间戳。如果使用了持续连接(persistent connection)，
+         * 或者这个信息存储到了缓存或者本地资源上，这个值将和 PerformanceTiming.fetchStart一致。 */
         domainLookupStart: number;
         /** 是一个无符号long long 型的毫秒数，表征了浏览器准备好使用HTTP请求来获取(fetch)文档的UNIX时间戳。这个时间点会在检查任何应用缓存之前。 */
         fetchStart: number;
@@ -181,9 +184,11 @@ export interface IPerformance {
         responseStart: number;
         /** 是一个无符号long long 型的毫秒数，返回浏览器与服务器开始安全链接的握手时的Unix毫秒时间戳。如果当前网页不要求安全连接，则返回0。 */
         secureConnectionStart: number;
-        /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件处理完成时的UNIX时间戳。如果没有上一个文档，or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
+        /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件处理完成时的UNIX时间戳。如果没有上一个文档，
+         * or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
         unloadEventEnd: number;
-        /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件抛出时的UNIX时间戳。如果没有上一个文档，or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
+        /** 是一个无符号long long 型的毫秒数，表征了unload (en-US)事件抛出时的UNIX时间戳。如果没有上一个文档，
+         * or if the previous document, or one of the needed redirects, is not of the same origin, 这个值会返回0. */
         unloadEventStart: number;
     };
 }

package/esm/utils/index.js

@@ -1,24 +1,24 @@
 import { __awaiter } from '../_virtual/_tslib.js';
 import axios from 'axios';
-import { v4 } from 'uuid';
 import { UAParser } from 'ua-parser-js';
-import { shuyunTrackSessionId, shuyunTrackId } from '../constant.js';
-import { setReportValue, getReport } from '../config/global.js';
-import { report } from '../reporter.js';
-import { Config } from '../config/index.js';
+import { v4 } from 'uuid';
 import { version } from '../package.json.js';
-import { getUserEvents, getFullScreenShoot } from '../handlers/error.js';
+import { Config } from '../config/index.js';
+import { setReportValue, getReport } from '../config/global.js';
+import { monitorTrackSessionId, monitorTrackId } from '../constant.js';
 import { handleHistoryChange } from '../handlers/pv.js';
+import { getUserEvents, getFullScreenShoot } from '../handlers/error.js';
+import { report } from '../reporter.js';
 
 const parser = new UAParser();
 /**
  * @description 获取uuid
  */
 function getUid() {
-    let uid = localStorage.getItem(shuyunTrackId) || '';
+    let uid = localStorage.getItem(monitorTrackId) || '';
     if (!uid) {
         uid = v4();
-        localStorage.setItem(shuyunTrackId, uid);
+        localStorage.setItem(monitorTrackId, uid);
     }
     return uid;
 }
@@ -26,13 +26,13 @@ function getUid() {
  * @description 获取session id
  */
 function getSessionId() {
-    const sessionId = sessionStorage.getItem(shuyunTrackSessionId);
+    const sessionId = sessionStorage.getItem(monitorTrackSessionId);
     if (sessionId) {
         return sessionId;
     }
     else {
         const id = v4();
-        sessionStorage.setItem(shuyunTrackSessionId, id);
+        sessionStorage.setItem(monitorTrackSessionId, id);
         return id;
     }
 }
@@ -195,9 +195,7 @@ const visualTrackFunc = () => {
         timeout = setTimeout(() => {
             timeout = null;
             const url = location.href.split('?')[0];
-            axios
-                .get(`${Config.reportUrl.replace('/s/r', '')}/visual/get_data_list?url=${encodeURIComponent(url)}`)
-                .then((res) => {
+            axios.get(`${Config.reportUrl.replace('/s/r', '')}/visual/get_data_list?url=${encodeURIComponent(url)}`).then((res) => {
                 var _a, _b;
                 const listData = (_b = (_a = res.data.result) === null || _a === void 0 ? void 0 : _a.result) === null || _b === void 0 ? void 0 : _b.dataList;
                 if (Array.isArray(listData)) {
@@ -207,9 +205,7 @@ const visualTrackFunc = () => {
                                 visualReportEvent(item);
                             }
                             else {
-                                const element = document
-                                    .evaluate(formatTrackElementXPath(item.trackElementXPath), document)
-                                    .iterateNext();
+                                const element = document.evaluate(formatTrackElementXPath(item.trackElementXPath), document).iterateNext();
                                 const key = url + item.trackElementXPath;
                                 if (element) {
                                     if (!existTrackListenEvent[key]) {