spy-client 2.1.14 → 2.1.15

package/README.md

@@ -871,6 +871,9 @@ export interface NavigatorInfoMetric {
 
 ## 自定义构建
 
+#### node版本
+node版本 = 16
+
 #### clone准备
 如果觉得spy-client太大，只想要部分模块，比如禁用 longtask，可以拉取源码，自行编译
 

package/dist/head/base.d.ts

@@ -2,7 +2,7 @@
  * @file 资源、JS、白屏监控的基础
  * @author kaivean
  */
-import { SpyHeadConf } from '../lib/spyHeadInterface';
+import { SpyHeadConf, SpyHeadUpdateConf } from '../lib/spyHeadInterface';
 interface SendObj {
     type?: 'perf' | 'except' | 'dist' | 'count';
     group: string;
@@ -19,6 +19,7 @@ declare const _default: {
     observerDestroy(): void;
     entryMap: any;
     init(conf: SpyHeadConf): void;
+    update(conf: SpyHeadUpdateConf): void;
     addError(obj: SendObj): void;
     send(obj: SendObj, isSend?: boolean, logServer?: string): void;
 };

package/dist/lib/spyHeadInterface.d.ts

@@ -26,3 +26,11 @@ export interface SpyHeadConf {
     resourceError: ErrorConf;
     whiteScreenError: WhiteScreenErrorConf;
 }
+export interface SpyHeadUpdateConf {
+    pid?: string;
+    lid?: string;
+    logServer?: string;
+    jsError?: ErrorConf;
+    resourceError?: ErrorConf;
+    whiteScreenError?: WhiteScreenErrorConf;
+}

package/dist/spy-client-basic.d.ts

@@ -24,6 +24,10 @@ interface Option {
      * 日志服务器，默认是webb服务器，尾部需要加?
      */
     logServer?: string;
+    /**
+     * log ID
+     */
+    lid?: string;
 }
 interface ErrorInfo {
     /**
@@ -48,6 +52,10 @@ interface ErrorOption {
      * 抽样，默认是 1，取值从[0, 1]，该抽样会覆盖实例初始化时的抽样配置
      */
     sample?: number;
+    /**
+     * log ID
+     */
+    lid?: string;
     /**
      * 业务拓展信息
      */
@@ -97,6 +105,12 @@ export default class SpyClient {
         [propName: string]: number;
     };
     clearAllMark(): void;
+    /**
+     * sendPost能以post请求发送，可以承接多个日志项，上报内容size可以提升，但没有前端校验
+     * send(data, true) 也能以post请求发送，但是会有严格校验
+     * 要求：发送的多条日志必须是同一个pid，同一类型type，同一分组group
+     * @param data 日志项或者日志项数组
+     */
     sendPost(data: any): void;
     protected request(url: string, data?: any): void;
     protected fetch(url: string, data: any): void;

package/dist/spy-client-basic.esm.js

@@ -251,8 +251,12 @@ var SpyClient = /** @class */ (function () {
     SpyClient.prototype.clearAllMark = function () {
         this.markCache = {};
     };
-    // send(data, true) 也能以post发送，但是会有严格校验
-    // sendPost能以post发送，但没有校验
+    /**
+     * sendPost能以post请求发送，可以承接多个日志项，上报内容size可以提升，但没有前端校验
+     * send(data, true) 也能以post请求发送，但是会有严格校验
+     * 要求：发送的多条日志必须是同一个pid，同一类型type，同一分组group
+     * @param data 日志项或者日志项数组
+     */
     SpyClient.prototype.sendPost = function (data) {
         var logItems = isArray(data) ? data : [data];
         var first = logItems[0];

package/dist/spy-client-basic.iife.js

@@ -254,8 +254,12 @@ var SpyClient = (function () {
         SpyClient.prototype.clearAllMark = function () {
             this.markCache = {};
         };
-        // send(data, true) 也能以post发送，但是会有严格校验
-        // sendPost能以post发送，但没有校验
+        /**
+         * sendPost能以post请求发送，可以承接多个日志项，上报内容size可以提升，但没有前端校验
+         * send(data, true) 也能以post请求发送，但是会有严格校验
+         * 要求：发送的多条日志必须是同一个pid，同一类型type，同一分组group
+         * @param data 日志项或者日志项数组
+         */
         SpyClient.prototype.sendPost = function (data) {
             var logItems = isArray(data) ? data : [data];
             var first = logItems[0];

package/dist/spy-client-basic.js

@@ -257,8 +257,12 @@
         SpyClient.prototype.clearAllMark = function () {
             this.markCache = {};
         };
-        // send(data, true) 也能以post发送，但是会有严格校验
-        // sendPost能以post发送，但没有校验
+        /**
+         * sendPost能以post请求发送，可以承接多个日志项，上报内容size可以提升，但没有前端校验
+         * send(data, true) 也能以post请求发送，但是会有严格校验
+         * 要求：发送的多条日志必须是同一个pid，同一类型type，同一分组group
+         * @param data 日志项或者日志项数组
+         */
         SpyClient.prototype.sendPost = function (data) {
             var logItems = isArray(data) ? data : [data];
             var first = logItems[0];

package/dist/spy-client-basic.mjs

@@ -251,8 +251,12 @@ var SpyClient = /** @class */ (function () {
     SpyClient.prototype.clearAllMark = function () {
         this.markCache = {};
     };
-    // send(data, true) 也能以post发送，但是会有严格校验
-    // sendPost能以post发送，但没有校验
+    /**
+     * sendPost能以post请求发送，可以承接多个日志项，上报内容size可以提升，但没有前端校验
+     * send(data, true) 也能以post请求发送，但是会有严格校验
+     * 要求：发送的多条日志必须是同一个pid，同一类型type，同一分组group
+     * @param data 日志项或者日志项数组
+     */
     SpyClient.prototype.sendPost = function (data) {
         var logItems = isArray(data) ? data : [data];
         var first = logItems[0];

package/dist/spy-client.esm.js

@@ -361,8 +361,12 @@ var SpyClient$1 = /** @class */ (function () {
     SpyClient.prototype.clearAllMark = function () {
         this.markCache = {};
     };
-    // send(data, true) 也能以post发送，但是会有严格校验
-    // sendPost能以post发送，但没有校验
+    /**
+     * sendPost能以post请求发送，可以承接多个日志项，上报内容size可以提升，但没有前端校验
+     * send(data, true) 也能以post请求发送，但是会有严格校验
+     * 要求：发送的多条日志必须是同一个pid，同一类型type，同一分组group
+     * @param data 日志项或者日志项数组
+     */
     SpyClient.prototype.sendPost = function (data) {
         var logItems = isArray(data) ? data : [data];
         var first = logItems[0];

package/dist/spy-client.iife.js

@@ -364,8 +364,12 @@ var SpyClient = (function () {
         SpyClient.prototype.clearAllMark = function () {
             this.markCache = {};
         };
-        // send(data, true) 也能以post发送，但是会有严格校验
-        // sendPost能以post发送，但没有校验
+        /**
+         * sendPost能以post请求发送，可以承接多个日志项，上报内容size可以提升，但没有前端校验
+         * send(data, true) 也能以post请求发送，但是会有严格校验
+         * 要求：发送的多条日志必须是同一个pid，同一类型type，同一分组group
+         * @param data 日志项或者日志项数组
+         */
         SpyClient.prototype.sendPost = function (data) {
             var logItems = isArray(data) ? data : [data];
             var first = logItems[0];

package/dist/spy-client.js

@@ -367,8 +367,12 @@
         SpyClient.prototype.clearAllMark = function () {
             this.markCache = {};
         };
-        // send(data, true) 也能以post发送，但是会有严格校验
-        // sendPost能以post发送，但没有校验
+        /**
+         * sendPost能以post请求发送，可以承接多个日志项，上报内容size可以提升，但没有前端校验
+         * send(data, true) 也能以post请求发送，但是会有严格校验
+         * 要求：发送的多条日志必须是同一个pid，同一类型type，同一分组group
+         * @param data 日志项或者日志项数组
+         */
         SpyClient.prototype.sendPost = function (data) {
             var logItems = isArray(data) ? data : [data];
             var first = logItems[0];

package/dist/spy-client.mjs

@@ -361,8 +361,12 @@ var SpyClient$1 = /** @class */ (function () {
     SpyClient.prototype.clearAllMark = function () {
         this.markCache = {};
     };
-    // send(data, true) 也能以post发送，但是会有严格校验
-    // sendPost能以post发送，但没有校验
+    /**
+     * sendPost能以post请求发送，可以承接多个日志项，上报内容size可以提升，但没有前端校验
+     * send(data, true) 也能以post请求发送，但是会有严格校验
+     * 要求：发送的多条日志必须是同一个pid，同一类型type，同一分组group
+     * @param data 日志项或者日志项数组
+     */
     SpyClient.prototype.sendPost = function (data) {
         var logItems = isArray(data) ? data : [data];
         var first = logItems[0];

package/dist/spy-head.js

@@ -92,6 +92,9 @@
         init: function (conf) {
             this.conf = conf;
         },
+        update: function (conf) {
+            this.conf = Object.assign(this.conf, conf || {});
+        },
         addError: function (obj) {
             // 有些错误一下出现很多次，都聚合都一个错误，加上次数
             if (this.winerrors.length > 0) {
@@ -148,12 +151,12 @@
                 var info = obj.info;
                 var srcElement = event.srcElement;
                 // 设备信息
-                var dataConnection = navigator.connection || {};
-                info.downlink = dataConnection.downlink; // 网站下载速度 M/s
-                info.effectiveType = dataConnection.effectiveType; // 网络类型
-                info.rtt = dataConnection.rtt; // 网络往返时间 ms
-                info.deviceMemory = navigator.deviceMemory || 0;
-                info.hardwareConcurrency = navigator.hardwareConcurrency || 0;
+                // const dataConnection = navigator.connection || {};
+                // info.downlink = dataConnection.downlink; // 网站下载速度 M/s
+                // info.effectiveType = dataConnection.effectiveType; // 网络类型
+                // info.rtt = dataConnection.rtt; // 网络往返时间 ms
+                // info.deviceMemory = navigator.deviceMemory || 0;
+                // info.hardwareConcurrency = navigator.hardwareConcurrency || 0;
                 // JS错误
                 if (srcElement === window) {
                     obj.group = jsError.group;

package/dist/spy-head.min.js

@@ -1 +1 @@
-((e,n)=>{"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(e="undefined"!=typeof globalThis?globalThis:e||self).__spyHead=n()})(this,function(){function E(e){var n,r=(e=>{if(URL&&e)try{var n=new URL(e);if(void 0!==n.host)return{protocol:n.protocol,host:n.host,pathname:n.pathname,ext:""}}catch(e){console.error(e)}})(e),e=(r||((n=document.createElement("a")).href=e,r={protocol:n.protocol,host:n.host||location.host,pathname:n.pathname,ext:""}),r.pathname.split("."));return r.ext=e[e.length-1],r}function n(e){return+e.toFixed(1)}var T={conf:{},winerrors:[],errorDestroy:function(){},observerDestroy:function(){},entryMap:{},init:function(e){this.conf=e},addError:function(e){if(0<this.winerrors.length){var n=this.winerrors[this.winerrors.length-1];if(e.info.msg===n.info.msg)return void(n.info.count+=n.info.count||0)}this.winerrors.length<1e3&&this.winerrors.push(e)},send:function(e,n,r){var t,o=this.conf;e.type=e.type||"except",e.pid=o.pid,e.lid=o.lid,e.ts=Date.now(),this.addError(e),this.interceptor&&this.interceptor(e),!1!==n&&(r=r||o.logServer,n="".concat(r,"?pid=").concat(e.pid,"&lid=").concat(e.lid,"&ts=").concat(e.ts)+"&type=".concat(e.type,"&group=").concat(e.group,"&info=").concat(encodeURIComponent(JSON.stringify(e.info))),e.dim&&(n+="&dim="+encodeURIComponent(JSON.stringify(e.dim))),(t=new Image).src=n,t.onload=t.onerror=function(){t=null})}};function r(e){var h=e.resourceError||{},m=e.jsError||{},g=Math.random()<(m.sample||0),w=Math.random()<(h.sample||0),v=T.winerrors,y=0;function n(e){try{var n=e.target,r={info:{},dim:{},group:""},t=r.info,o=e.srcElement,i=navigator.connection||{};if(t.downlink=i.downlink,t.effectiveType=i.effectiveType,t.rtt=i.rtt,t.deviceMemory=navigator.deviceMemory||0,t.hardwareConcurrency=navigator.hardwareConcurrency||0,o===window){r.group=m.group;for(var a,s=e.error||e.reason||{},c=(t.msg=e.message||s.message||"",t.file=e.filename,t.ln=e.lineno,t.col=e.colno,t.stack=(s.stack||"").split("\n").slice(0,3).join("\n"),-1!==t.msg.indexOf("MODULE_TIMEOUT")&&(a=t.msg.match(/^.*Hang:(.*); Miss:(.*)/))&&a[2]&&(t.msg="MODULE_TIMEOUT for miss:"+a[2]),[]),d=0;d<v.length;d++){var f=v[d],p=1<f.info.count?"(".concat(f.info.count,")"):"";c.push(p+f.info.msg)}t.hisErrors=c.join("----");var u=!0;!1!==(u=m.handler?m.handler(r):u)&&T.send(r,g)}else{r.group=h.group,r.dim.type=o.tagName.toLowerCase();var l=o.src||o.href||"";-1<l.indexOf("/mwb2.gif?")||(t.msg=l||"unknown load eror",r.dim.host=E(l).host,n&&"IMG"===n.tagName&&(t.xpath=(e=>{if(!e)return{xpath:""};for(var n=[];e&&1===e.nodeType&&e!==e.parentNode;){var r=e.tagName.toLowerCase();if(e.getAttribute("id")?r+="[#"+e.getAttribute("id")+"]":e.classList&&e.classList.length&&(r+="[."+e.classList[e.classList.length-1]+"]"),n.push(r),e===document.body)break;e=e.parentNode}return{xpath:n.join("<")}})(n).xpath),y&&(t.hisErrCount=y),!(u=!0)!==(u=h.handler?h.handler(r):u)&&T.send(r,w),y++)}}catch(e){console.error(e)}}window.addEventListener("error",n,!0),window.addEventListener("unhandledrejection",n,!0),T.errorDestroy=function(){window.removeEventListener("error",n,!0),window.removeEventListener("unhandledrejection",n,!0),T.winerrors=[]}}function t(e){var t=e.whiteScreenError||{},o=t.handler,i=t.selector,a=t.subSelector,e=t.timeout||6e3,s=Math.random()<(t.sample||0);function c(){var e;return!!window.performance&&(e={wait:n((e=window.performance.timing).domainLookupStart-(e.navigationStart||e.fetchStart||e.startTime)),dns:n(e.domainLookupEnd-e.domainLookupStart),connect:n(e.connectEnd-e.connectStart),req:n(e.responseStart-e.requestStart),res:n(e.responseEnd-e.responseStart)},"&wait=".concat(e.wait)+"&dns=".concat(e.dns)+"&connect=".concat(e.connect)+"&requestTime=".concat(e.req)+"&resoneTime=".concat(e.res))}i&&setTimeout(function(){var e,n,r;(r=document.querySelector(i))&&r.querySelector(a)&&!(r.clientHeight<2*window.innerHeight/3)||(r=!0,!((n={group:t.group,info:{msg:"",netTime:c(),hisErrors:(()=>{if(!T.winerrors)return!1;for(var e=T.winerrors,n=[],r=0;r<e.length;r++){var t=(e[r].info.stack||"").split("\n")[0];n.push("(".concat(r,")").concat(t||e[r].info.msg))}return n.join(";;")})(),deviceInfo:(e={},n=navigator.connection||{},e.downlink=n.downlink,e.effectiveType=n.effectiveType,e.rtt=n.rtt,e.deviceMemory=navigator.deviceMemory||0,e.hardwareConcurrency=navigator.hardwareConcurrency||0,e)}}).info.msg="WhiteScren Error")!==(r=o?o(n):r)&&n.info.msg&&T&&T.send(n,s))},e)}return T.init=function(e){if(e.logServer||(e.logServer="https://sp1.baidu.com/5b1ZeDe5KgQFm2e88IuM_a/mwb2.gif"),r(this.conf=e),window.PerformanceObserver){var n=new window.PerformanceObserver(function(e){for(var n=T.entryMap,r=e.getEntries(),t=0;t<r.length;t++){var o=r[t];n[o.entryType]||(n[o.entryType]=[]),n[o.entryType].push(o)}});T.observerDestroy=function(){n.disconnect()};try{n.observe({entryTypes:["longtask","layout-shift","first-input","largest-contentful-paint"]})}catch(e){}}t(e)},window.__spyclientConf&&T.init(window.__spyclientConf),window.__spyHead=window.__spyHead||T,T});
+((e,n)=>{"object"==typeof exports&&"undefined"!=typeof module?module.exports=n():"function"==typeof define&&define.amd?define(n):(e="undefined"!=typeof globalThis?globalThis:e||self).__spyHead=n()})(this,function(){function y(e){var n,r=(e=>{if(URL&&e)try{var n=new URL(e);if(void 0!==n.host)return{protocol:n.protocol,host:n.host,pathname:n.pathname,ext:""}}catch(e){console.error(e)}})(e),e=(r||((n=document.createElement("a")).href=e,r={protocol:n.protocol,host:n.host||location.host,pathname:n.pathname,ext:""}),r.pathname.split("."));return r.ext=e[e.length-1],r}function n(e){return+e.toFixed(1)}var E={conf:{},winerrors:[],errorDestroy:function(){},observerDestroy:function(){},entryMap:{},init:function(e){this.conf=e},update:function(e){this.conf=Object.assign(this.conf,e||{})},addError:function(e){if(0<this.winerrors.length){var n=this.winerrors[this.winerrors.length-1];if(e.info.msg===n.info.msg)return void(n.info.count+=n.info.count||0)}this.winerrors.length<1e3&&this.winerrors.push(e)},send:function(e,n,r){var t,o=this.conf;e.type=e.type||"except",e.pid=o.pid,e.lid=o.lid,e.ts=Date.now(),this.addError(e),this.interceptor&&this.interceptor(e),!1!==n&&(r=r||o.logServer,n="".concat(r,"?pid=").concat(e.pid,"&lid=").concat(e.lid,"&ts=").concat(e.ts)+"&type=".concat(e.type,"&group=").concat(e.group,"&info=").concat(encodeURIComponent(JSON.stringify(e.info))),e.dim&&(n+="&dim="+encodeURIComponent(JSON.stringify(e.dim))),(t=new Image).src=n,t.onload=t.onerror=function(){t=null})}};function r(e){var h=e.resourceError||{},l=e.jsError||{},m=Math.random()<(l.sample||0),g=Math.random()<(h.sample||0),w=E.winerrors,v=0;function n(e){try{var n=e.target,r={info:{},dim:{},group:""},t=r.info,o=e.srcElement;if(o===window){r.group=l.group;for(var i,s=e.error||e.reason||{},a=(t.msg=e.message||s.message||"",t.file=e.filename,t.ln=e.lineno,t.col=e.colno,t.stack=(s.stack||"").split("\n").slice(0,3).join("\n"),-1!==t.msg.indexOf("MODULE_TIMEOUT")&&(i=t.msg.match(/^.*Hang:(.*); Miss:(.*)/))&&i[2]&&(t.msg="MODULE_TIMEOUT for miss:"+i[2]),[]),c=0;c<w.length;c++){var d=w[c],f=1<d.info.count?"(".concat(d.info.count,")"):"";a.push(f+d.info.msg)}t.hisErrors=a.join("----");var p=!0;!1!==(p=l.handler?l.handler(r):p)&&E.send(r,m)}else{r.group=h.group,r.dim.type=o.tagName.toLowerCase();var u=o.src||o.href||"";-1<u.indexOf("/mwb2.gif?")||(t.msg=u||"unknown load eror",r.dim.host=y(u).host,n&&"IMG"===n.tagName&&(t.xpath=(e=>{if(!e)return{xpath:""};for(var n=[];e&&1===e.nodeType&&e!==e.parentNode;){var r=e.tagName.toLowerCase();if(e.getAttribute("id")?r+="[#"+e.getAttribute("id")+"]":e.classList&&e.classList.length&&(r+="[."+e.classList[e.classList.length-1]+"]"),n.push(r),e===document.body)break;e=e.parentNode}return{xpath:n.join("<")}})(n).xpath),v&&(t.hisErrCount=v),!(p=!0)!==(p=h.handler?h.handler(r):p)&&E.send(r,g),v++)}}catch(e){console.error(e)}}window.addEventListener("error",n,!0),window.addEventListener("unhandledrejection",n,!0),E.errorDestroy=function(){window.removeEventListener("error",n,!0),window.removeEventListener("unhandledrejection",n,!0),E.winerrors=[]}}function t(e){var t=e.whiteScreenError||{},o=t.handler,i=t.selector,s=t.subSelector,e=t.timeout||6e3,a=Math.random()<(t.sample||0);function c(){var e;return!!window.performance&&(e={wait:n((e=window.performance.timing).domainLookupStart-(e.navigationStart||e.fetchStart||e.startTime)),dns:n(e.domainLookupEnd-e.domainLookupStart),connect:n(e.connectEnd-e.connectStart),req:n(e.responseStart-e.requestStart),res:n(e.responseEnd-e.responseStart)},"&wait=".concat(e.wait)+"&dns=".concat(e.dns)+"&connect=".concat(e.connect)+"&requestTime=".concat(e.req)+"&resoneTime=".concat(e.res))}i&&setTimeout(function(){var e,n,r;(r=document.querySelector(i))&&r.querySelector(s)&&!(r.clientHeight<2*window.innerHeight/3)||(r=!0,!((n={group:t.group,info:{msg:"",netTime:c(),hisErrors:(()=>{if(!E.winerrors)return!1;for(var e=E.winerrors,n=[],r=0;r<e.length;r++){var t=(e[r].info.stack||"").split("\n")[0];n.push("(".concat(r,")").concat(t||e[r].info.msg))}return n.join(";;")})(),deviceInfo:(e={},n=navigator.connection||{},e.downlink=n.downlink,e.effectiveType=n.effectiveType,e.rtt=n.rtt,e.deviceMemory=navigator.deviceMemory||0,e.hardwareConcurrency=navigator.hardwareConcurrency||0,e)}}).info.msg="WhiteScren Error")!==(r=o?o(n):r)&&n.info.msg&&E&&E.send(n,a))},e)}return E.init=function(e){if(e.logServer||(e.logServer="https://sp1.baidu.com/5b1ZeDe5KgQFm2e88IuM_a/mwb2.gif"),r(this.conf=e),window.PerformanceObserver){var n=new window.PerformanceObserver(function(e){for(var n=E.entryMap,r=e.getEntries(),t=0;t<r.length;t++){var o=r[t];n[o.entryType]||(n[o.entryType]=[]),n[o.entryType].push(o)}});E.observerDestroy=function(){n.disconnect()};try{n.observe({entryTypes:["longtask","layout-shift","first-input","largest-contentful-paint"]})}catch(e){}}t(e)},window.__spyclientConf&&E.init(window.__spyclientConf),window.__spyHead=window.__spyHead||E,E});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spy-client",
-  "version": "2.1.14",
+  "version": "2.1.15",
   "description": "spy client",
   "main": "dist/spy-client.js",
   "module": "dist/spy-client.esm.js",