spy-client 2.1.1-alpha.4 → 2.1.4

package/dist/spy-client.mjs

@@ -1,16 +1,16 @@
 /*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
 
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
 
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
 ***************************************************************************** */
 /* global Reflect, Promise */
 
@@ -132,7 +132,8 @@ function getxpath(el) {
  * @author kaivean
  */
 var defaultLogServer = 'https://sp1.baidu.com/5b1ZeDe5KgQFm2e88IuM_a/mwb2.gif?';
-var isIos = /(iPhone|iPod|iPad)/.test(navigator.userAgent);
+var ver = navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?)_/);
+var isLtIos14 = ver && ver[2] && (+ver[2] < 14);
 function err(msg) {
     console.error("[SpyClient_log]" + msg);
     // throw new Error(msg);
@@ -149,6 +150,9 @@ function stringify(obj) {
         return encodeURIComponent(key) + '=' + encodeURIComponent(value);
     }).join('&');
 }
+function isArray(arr) {
+    return Object.prototype.toString.call(arr) === '[object Array]';
+}
 var SpyClient$1 = /** @class */ (function () {
     function SpyClient(option) {
         this.sample = {};
@@ -161,38 +165,93 @@ var SpyClient$1 = /** @class */ (function () {
             lid: option.lid,
             check: option.check !== false,
             sample: option.sample,
+            localCache: option.localCache,
             logServer: option.logServer || defaultLogServer,
         };
     }
-    SpyClient.prototype.send = function (query) {
-        if (!this.check(query)) {
+    SpyClient.prototype.fetch = function (url, data) {
+        if (!window.fetch) {
             return;
         }
-        // 当前api设置了抽样，
-        if (typeof query.sample === 'number') {
-            if (Math.random() > query.sample) {
-                return;
-            }
+        fetch(url, {
+            method: 'POST',
+            credentials: 'include',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify(data),
+        });
+    };
+    SpyClient.prototype.sendPost = function (data) {
+        var logItems = isArray(data) ? data : [data];
+        var first = logItems[0];
+        // 需要在页面暴漏出来pid等基本信息，方式调试查看基本信息与兼容目前的监控
+        var query = {
+            pid: first.pid,
+            type: first.type,
+            group: first.group,
+        };
+        var url = this.option.logServer + stringify(query);
+        if (!(!isLtIos14
+            && navigator.sendBeacon
+            && navigator.sendBeacon(url, JSON.stringify(data)))) {
+            this.fetch(url, data);
         }
-        else if (typeof this.option.sample === 'number' && Math.random() > this.option.sample) { // 否则，用全局抽样
+    };
+    SpyClient.prototype.handle = function (logItem) {
+        if (!this.check(logItem)) {
             return;
         }
-        query = assign({
+        logItem = assign({
             pid: this.option.pid,
             lid: this.option.lid,
             ts: Date.now(),
             group: 'common',
-        }, query);
-        delete query.sample;
-        var url = this.option.logServer + stringify(query);
-        // 目前服务器端支持sendBeacon的post请求，可以优先采用，该api可以降低打点丢失率
-        // 但是ios有些问题：在webkit浏览内核环境下，beacon requests的请求方式存在证书验证的bug.
-        // 修复说明在如下链接中：https://bugs.webkit.org/show_bug.cgi?id=193508
-        // 但是目前为止，在iOS12.2版本中该问题依旧存在
-        if (!(!isIos
-            && navigator.sendBeacon
-            && navigator.sendBeacon(url))) {
-            (new Image()).src = url;
+        }, logItem);
+        if (this.option.localCache) {
+            this.option.localCache.addLog(logItem);
+        }
+        // 当前api设置了抽样，
+        if (typeof logItem.sample === 'number') {
+            if (Math.random() > logItem.sample) {
+                return;
+            }
+        }
+        else if (typeof this.option.sample === 'number' && Math.random() > this.option.sample) { // 否则，用全局抽样
+            return;
+        }
+        delete logItem.sample;
+        return logItem;
+    };
+    SpyClient.prototype.send = function (data, post) {
+        if (post === void 0) { post = false; }
+        var logItems = isArray(data) ? data : [data];
+        var postData = [];
+        for (var _i = 0, logItems_1 = logItems; _i < logItems_1.length; _i++) {
+            var logItem = logItems_1[_i];
+            logItem = this.handle(logItem);
+            if (!logItem) {
+                continue;
+            }
+            postData.push(logItem);
+            // 期望通过post方式上传日志
+            if (post) {
+                continue;
+            }
+            var url = this.option.logServer + stringify(logItem);
+            // 目前服务器端支持sendBeacon的post请求，可以优先采用，该api可以降低打点丢失率
+            // 但是ios有些问题：在webkit浏览内核环境下，beacon requests的请求方式存在证书验证的bug，发送失败但返回正确.
+            // 修复说明在如下链接中：https://bugs.webkit.org/show_bug.cgi?id=193508
+            // 但是目前为止，在iOS12.2版本中该问题依旧存在
+            // 2021-11-11： 发现ios 14可以送，故小于14的不发送
+            if (!(!isLtIos14
+                && navigator.sendBeacon
+                && navigator.sendBeacon(url))) {
+                (new Image()).src = url;
+            }
+        }
+        if (post) {
+            this.sendPost(postData);
         }
     };
     SpyClient.prototype.check = function (query) {
@@ -1307,8 +1366,25 @@ var SpyClient = /** @class */ (function (_super) {
         document.addEventListener('visibilitychange', _this.visibilitychangeCB);
         window.addEventListener('beforeunload', _this.leave, false);
         window.addEventListener('unload', _this.leave, false);
+        _this.handleHead();
         return _this;
     }
+    SpyClient.prototype.handleHead = function () {
+        var _this = this;
+        if (this.option.localCache) {
+            var spyHead = window.__spyHead;
+            if (spyHead && spyHead.winerrors) {
+                for (var index = 0; index < spyHead.winerrors.length; index++) {
+                    var obj = spyHead.winerrors[index];
+                    this.option.localCache.addLog(obj);
+                }
+                // Head发送的异常，也保存一份到本地，主要是JS错误和资源加载异常
+                spyHead.interceptor = function (obj) {
+                    _this.option.localCache.addLog(obj);
+                };
+            }
+        }
+    };
     SpyClient.prototype.listenFID = function (cb) {
         this.invoke('listenFID', cb);
     };

package/dist/spy-head.js

@@ -87,11 +87,32 @@
         init: function (conf) {
             this.conf = conf;
         },
-        send: function (obj, logServer) {
-            obj.type = obj.type || 'except';
+        addError: function (obj) {
+            // 有些错误一下出现很多次，都聚合都一个错误，加上次数
+            if (this.winerrors.length > 0) {
+                var lastObj = this.winerrors[this.winerrors.length - 1];
+                if (obj.info.msg === lastObj.info.msg) {
+                    lastObj.info.count += (lastObj.info.count || 0);
+                    return;
+                }
+            }
+            if (this.winerrors.length < 1000) {
+                this.winerrors.push(obj);
+            }
+        },
+        send: function (obj, isSend, logServer) {
             var conf = this.conf;
+            obj.type = obj.type || 'except';
+            obj.pid = conf.pid;
+            obj.lid = conf.lid;
+            obj.ts = Date.now();
+            this.addError(obj);
+            this.interceptor && this.interceptor(obj);
+            if (isSend === false) {
+                return;
+            }
             logServer = logServer || conf.logServer;
-            var logUrl = logServer + "?pid=" + conf.pid + "&lid=" + conf.lid + "&ts=" + Date.now()
+            var logUrl = logServer + "?pid=" + obj.pid + "&lid=" + obj.lid + "&ts=" + obj.ts
                 + ("&type=" + obj.type + "&group=" + obj.group + "&info=" + encodeURIComponent(JSON.stringify(obj.info)));
             if (obj.dim) {
                 logUrl += '&dim=' + encodeURIComponent(JSON.stringify(obj.dim));
@@ -147,18 +168,18 @@
                     }
                     // 历史错误
                     var historys = [];
-                    for (var index = 0; index < spyHead.winerrors.length; index++) {
-                        var item = spyHead.winerrors[index];
-                        var prefix = item.count > 1 ? "(" + item.count + ")" : '';
-                        historys.push(prefix + item.msg);
+                    for (var index = 0; index < winerrors.length; index++) {
+                        var item = winerrors[index];
+                        var prefix = item.info.count > 1 ? "(" + item.info.count + ")" : '';
+                        historys.push(prefix + item.info.msg);
                     }
                     info.hisErrors = historys.join('----');
                     var allow = true;
                     if (jsError.handler) {
                         allow = jsError.handler(obj);
                     }
-                    if (allow !== false && isSendJserror) {
-                        spyHead.send(obj);
+                    if (allow !== false) {
+                        spyHead.send(obj, isSendJserror);
                     }
                 }
                 // 资源错误
@@ -178,20 +199,11 @@
                     if (resourceError.handler) {
                         allow = resourceError.handler(obj);
                     }
-                    if (allow !== false && isSendResource) {
-                        spyHead.send(obj);
+                    if (allow !== false) {
+                        spyHead.send(obj, isSendResource);
                     }
                     resourceErrorCount++;
                 }
-                // 有些错误一下出现很多次，都聚合都一个错误，加上次数
-                if (winerrors.length > 0) {
-                    var lastInfo = winerrors[winerrors.length - 1];
-                    if (info.msg === lastInfo.msg) {
-                        lastInfo.count += (lastInfo.count || 0);
-                        return;
-                    }
-                }
-                winerrors.push(info);
             }
             catch (e) {
                 console.error(e);
@@ -200,7 +212,7 @@
         window.addEventListener('error', spyListenError, true);
         spyHead.errorDestroy = function () {
             window.removeEventListener('error', spyListenError, true);
-            spyHead.winerrors = null;
+            spyHead.winerrors = [];
         };
     }
 
@@ -270,8 +282,8 @@
             var errors = spyHead.winerrors;
             var historys = [];
             for (var i = 0; i < errors.length; i++) {
-                var stack = (errors[i].stack || '').split('\n')[0];
-                historys.push("(" + i + ")" + (stack || errors[i].msg));
+                var stack = (errors[i].info.stack || '').split('\n')[0];
+                historys.push("(" + i + ")" + (stack || errors[i].info.msg));
             }
             return historys.join(';;');
         }
@@ -301,25 +313,25 @@
             }
             return false;
         }
-        if (isSend) {
+        if (selector) {
             setTimeout(function () {
-                var obj = {
-                    group: whiteScreenError.group,
-                    info: {
-                        msg: '',
-                        netTime: getNetTime(),
-                        hisErrors: getHisError(),
-                        deviceInfo: getDeviceInfo(),
-                    },
-                };
                 if (isWhiteScreen()) {
+                    var obj = {
+                        group: whiteScreenError.group,
+                        info: {
+                            msg: '',
+                            netTime: getNetTime(),
+                            hisErrors: getHisError(),
+                            deviceInfo: getDeviceInfo(),
+                        },
+                    };
                     obj.info.msg = 'WhiteScren Error';
                     var allow = true;
                     if (handler) {
                         allow = handler(obj);
                     }
                     if (allow !== false && obj.info.msg) {
-                        spyHead && spyHead.send(obj);
+                        spyHead && spyHead.send(obj, isSend);
                     }
                 }
             }, timeout);

package/dist/spy-head.min.js

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

package/dist/spy-local-cache.js

@@ -5,18 +5,18 @@
 }(this, (function () { 'use strict';
 
     /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
+    Copyright (c) Microsoft Corporation. All rights reserved.
+    Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+    this file except in compliance with the License. You may obtain a copy of the
+    License at http://www.apache.org/licenses/LICENSE-2.0
 
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
+    THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+    KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+    WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+    MERCHANTABLITY OR NON-INFRINGEMENT.
 
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
+    See the Apache Version 2.0 License for specific language governing permissions
+    and limitations under the License.
     ***************************************************************************** */
     /* global Reflect, Promise */
 
@@ -74,9 +74,9 @@
      * @return 返回的就是list形式
      */
     function getNodes(bytes) {
-        //创建一个list
+        // 创建一个list
         var list = [];
-        //counts 统计每一个byte出现的次数
+        // counts 统计每一个byte出现的次数
         var counts = {};
         for (var _i = 0, bytes_1 = bytes; _i < bytes_1.length; _i++) {
             var b = bytes_1[_i];
@@ -110,7 +110,7 @@
                 var parent_1 = new HuffmanNode(null, leftNode.weight + rightNode.weight);
                 parent_1.left = leftNode;
                 parent_1.right = rightNode;
-                //将新的二叉树，加入到nodes
+                // 将新的二叉树，加入到nodes
                 nodes.unshift(parent_1);
             }
         }
@@ -140,33 +140,32 @@
             string2.push(code);
             if (node != null) { // 如果node == null不处理
                 // 判断当前node是叶子节点还是非叶子节点
-                if (node.data == null) { //非叶子节点
+                if (node.data == null) { // 非叶子节点
                     // 递归处理
                     // 向左递归
                     getCodes(node.left, '0', string2);
                     // 向右递归
                     getCodes(node.right, '1', string2);
                 }
-                else { //说明是一个叶子节点
+                else { // 说明是一个叶子节点
                     // 就表示找到了某个叶子节点的最后
                     huffmanCodes[node.data] = string2.join('');
                 }
             }
         }
-        getCodes(root, "", strings);
+        getCodes(root, '', strings);
         return huffmanCodes;
     }
-    //编写一个方法，将字符串对应的bytes数组，通过生成的赫夫曼编码表，返回一个赫夫曼编码压缩后的byte数组
     /**
-     *
+     * 编写一个方法，将字符串对应的bytes数组，通过生成的赫夫曼编码表，返回一个赫夫曼编码压缩后的byte数组
      * @param {原始的字符串对应的bytes数组} bytes
      * @param {生成的赫夫曼编码表} huffmanCodes
      * @return 返回的是字符串对应的一个byte数组
      */
     function zip(bytes, huffmanCodes) {
-        //1.利用huffmanCodes将bytes转成赫夫曼编码对应的字符串
+        // 1.利用huffmanCodes将bytes转成赫夫曼编码对应的字符串
         var string = [];
-        //遍历数组
+        // 遍历数组
         for (var _i = 0, bytes_2 = bytes; _i < bytes_2.length; _i++) {
             var b = bytes_2[_i];
             string.push(huffmanCodes[b]);
@@ -174,10 +173,10 @@
         return string;
     }
     function huffStringToByte(strs) {
-        //计算赫夫曼编码字符串的长度
+        // 计算赫夫曼编码字符串的长度
         var str = strs.join('');
         var len = Math.ceil(str.length / 8);
-        //创建存储压缩后的byte数组
+        // 创建存储压缩后的byte数组
         var huffmanCodeByte = new Array(len + 1);
         var index = 0;
         var strByte = ''; // 记录是第几个byte
@@ -222,7 +221,7 @@
      * @returns 是byte对应的二进制字符串
      */
     function huffByteToString(flag, byte) {
-        //如果是
+        // 如果是
         if (flag) {
             byte |= 256;
         }
@@ -230,13 +229,10 @@
         if (flag) {
             return str.substring(str.length - 8);
         }
-        else {
-            return str;
-        }
+        return str;
     }
-    //编写一份方法，完成对压缩数据的解码
     /**
-     *
+     * 编写一份方法，完成对压缩数据的解码
      * @param {赫夫曼编码表} huffmanCodes
      * @param {赫夫曼编码得到的二进制数组} huffmanBytes
      */
@@ -244,7 +240,7 @@
         // 1.先得到二进制字符串 形式11001111111011......
         var heffmanStrArr = [];
         for (var i = 0; i < huffmanBytes.length - 1; i++) {
-            //判断是不是最后一个字节
+            // 判断是不是最后一个字节
             var flag = (i !== huffmanBytes.length - 2);
             heffmanStrArr.push(huffByteToString(flag, huffmanBytes[i]));
         }
@@ -274,15 +270,15 @@
                     break;
                 }
                 b = map[key];
-                if (!b) { //没有匹配到
+                if (!b) { // 没有匹配到
                     count++;
                 }
                 else {
-                    //匹配到
+                    // 匹配到
                     flag = false;
                 }
             }
-            list.push(parseInt(b));
+            list.push(parseInt(b, 10));
             i += count;
         }
         // 当for循环结束后，list中就存放了所有的字符
@@ -309,31 +305,14 @@
         var _a = huffmanZip(bytes), result = _a.result, codes = _a.codes;
         return {
             codes: codes,
-            result: byteToString(result)
+            result: byteToString(result),
         };
     }
     function huffmanDecode(codes, str) {
         var bytes = stringToByte(str);
         var data = decode(codes, bytes);
         return byteToString(data);
-    }
-    // For test
-    // let content = JSON.stringify({
-    //     type: 3,
-    //     fm: 'disp',
-    //     data: [{"base":{"size":{"doc":{"w":360,"h":4875},"wind":{"w":360,"h":640},"scr":{"w":360,"h":640}},"vsb":"visible","num":16},"t":1629773746698,"path":"/s"}],
-    //     qid: 10991431029479106376,
-    //     did: '8dd09c47c7bc90c9fd7274f0ad2c581e',
-    //     q: '刘德华',
-    //     t: 1629773746698
-    // });
-    // console.log('压缩前的字符串', content, '其长度:', content.length);
-    // const res = huffmanEncode(content);
-    // console.log('压缩后的字符串长度', res.result.length);
-    // console.log('压缩后的字符串', res.result);
-    // const out = huffmanDecode(res.codes, res.result);
-    // console.log('解压后的字符串', out, '其长度:', out.length);
-    // console.log('解压后的数据', JSON.stringify(JSON.parse(out)));
+    }
 
     var Storage = /** @class */ (function () {
         function Storage() {
@@ -587,6 +566,10 @@
                 interval: 500,
                 maxRecordLen: 30,
                 onFlush: function () { },
+                onSave: function () { },
+                onAdd: function () {
+                    return true;
+                },
                 storage: IndexedDB.isSupport()
                     ? 'indexedDB'
                     : LS.isSupport()
@@ -620,6 +603,11 @@
         };
         SpyLocalCache.prototype.addLog = function (info) {
             var _this = this;
+            if (this.option.onAdd) {
+                if (!this.option.onAdd(info)) {
+                    return;
+                }
+            }
             info = JSON.stringify(info);
             this.tmpList.push(info);
             // 控制写日志频率
@@ -662,27 +650,39 @@
         };
         SpyLocalCache.prototype.save = function () {
             var _this = this;
+            var st = Date.now();
             this.getData(function (list) {
                 // 只保留最近的maxRecordLen条日志
                 var reserveLen = _this.option.maxRecordLen - 1;
                 var originList = list.length > reserveLen ? list.slice(list.length - reserveLen, list.length) : list;
-                var content = originList.concat(_this.tmpList).join('\n');
-                var data = _this.zip(content);
-                var codesStr = '';
-                if (data.codes) {
-                    codesStr = JSON.stringify(data.codes);
-                    _this.storage.set(_this.option.key + 'Codes', codesStr);
-                }
-                else {
-                    _this.storage.rm(_this.option.key + 'Codes');
+                var newList = originList.concat(_this.tmpList);
+                var content = newList.join('\n');
+                var error = null;
+                var len = 0;
+                try {
+                    var data = _this.zip(content);
+                    var codesStr = '';
+                    if (data.codes) {
+                        codesStr = JSON.stringify(data.codes);
+                        _this.storage.set(_this.option.key + 'Codes', codesStr);
+                    }
+                    else {
+                        _this.storage.rm(_this.option.key + 'Codes');
+                    }
+                    _this.storage.set(_this.option.key, data.result);
+                    len = data.result.length;
                 }
-                var startTime = performance.now();
-                _this.storage.set(_this.option.key, data.result);
-                var costTime = ((performance.now() - startTime) * 100).toFixed(0);
-                if (_this.option.costTime) {
-                    _this.option.costTime(costTime);
+                catch (e) {
+                    error = e;
+                    console.error(e);
                 }
                 _this.tmpList = [];
+                _this.option.onSave && _this.option.onSave({
+                    cost: Date.now() - st,
+                    length: len / 1024,
+                    list: newList,
+                    error: error,
+                });
             });
         };
         SpyLocalCache.prototype.flushLog = function () {