spy-client 2.1.1-alpha.3 → 2.1.3

package/dist/spy-local-cache.min.js

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).SpyLocalCache=e()}(this,function(){"use strict";var r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o])})(t,e)};function t(t,e){function o(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}var c=(e.prototype.preOrder=function(t){t.push(this),this.left&&this.left.preOrder(t),this.right&&this.right.preOrder(t)},e);function e(t,e){this.data=t,this.weight=e}function o(t){if(null==t)return null;var n={};return function t(e,o,r){r=[].concat(r);r.push(o),null!=e&&(null==e.data?(t(e.left,"0",r),t(e.right,"1",r)):n[e.data]=r.join(""))}(t,"",[]),n}function n(t){var e=o(function(t){for(var e=function(t,e){return t.weight-e.weight};1<t.length;){t.sort(e);var o,r=t.shift(),n=t.shift();r&&n&&((o=new c(null,r.weight+n.weight)).left=r,o.right=n,t.unshift(o))}return t.shift()}(function(t){for(var e=[],o={},r=0,n=t;r<n.length;r++){var i=n[r];null==o[i]?o[i]=1:o[i]++}for(var a=0,s=Object.entries(o);a<s.length;a++){var u=s[a],h=u[0],u=u[1];e.push(new c(h,u))}return e}(t)));return{result:function(t){for(var e=t.join(""),t=Math.ceil(e.length/8),o=new Array(t+1),r=0,n="",i=0;i<e.length;i+=8)n=e.substring(i,i+8),o[r]=parseInt(n,2),r++;return o[r]=n.length,o}(function(t,e){for(var o=[],r=0,n=t;r<n.length;r++){var i=n[r];o.push(e[i])}return o}(t,e)),codes:e}}function i(t,e){for(var o,r,n=[],i=0;i<e.length-1;i++){var a=i!==e.length-2;n.push((o=a,r=e[i],o&&(r|=256),r=Number(r).toString(2),o?r.substring(r.length-8):r))}var s=n[n.length-1],u=e[e.length-1],s="00000000".substring(8-(u-s.length))+s;n[n.length-1]=s;for(var h={},c=0,p=Object.entries(t);c<p.length;c++){var l=p[c],f=l[0];h[l[1]]=f}for(var g=n.join(""),d=[],v=g.length,i=0;i<v;){for(var y=1,a=!0,m=null;a&&i+y<=v;){if(""===(f=g.substring(i,i+y)))break;(m=h[f])?a=!1:y++}d.push(parseInt(m)),i+=y}return d}function a(t){for(var e=[],o=0;o<t.length;o++)e.push(t.charCodeAt(o));return e}function s(t){for(var e="",o=0,r=t;o<r.length;o++){var n=r[o];e+=String.fromCharCode(n)}return e}var u=(h.prototype.set=function(t,e){},h.prototype.get=function(t,e){},h.prototype.rm=function(t){},h);function h(){}var p,l=(t(f,p=u),f.isSupport=function(){return!!window.localStorage},f.prototype.set=function(t,e){try{localStorage.setItem(t,e)}catch(t){console.error(t)}},f.prototype.get=function(t,e){var o=null;try{o=localStorage.getItem(t)}catch(t){console.error(t)}e&&e(o)},f.prototype.rm=function(t){try{localStorage.removeItem(t)}catch(t){console.error(t)}},f);function f(){return null!==p&&p.apply(this,arguments)||this}var g,d=(t(v,g=u),v.isSupport=function(){return!!window.indexedDB},v.prototype.set=function(t,e){this.db?this.db.transaction([this.databaseName],"readwrite").objectStore(this.databaseName).add({key:t,value:e}):this.setQueue.push({key:t,value:e})},v.prototype.get=function(t,e){var o;this.db?(o=this.db.transaction([this.databaseName]).objectStore(this.databaseName).get(t)).onsuccess=function(){var t=o.result||{value:""};e(t.value)}:this.getQueue.push({key:t,cb:e})},v.prototype.runQueueTask=function(){var e=this;this.setQueue.forEach(function(t){e.set(t.key,t.value)}),this.getQueue.forEach(function(t){e.get(t.key,t.cb)})},v);function v(){var e=g.call(this)||this;e.databaseName="spyLC",e.db=null,e.setQueue=[],e.getQueue=[];var t=window.indexedDB.open(e.databaseName);return t.onupgradeneeded=function(t){e.db=t.target&&t.target.result,e.db&&!e.db.objectStoreNames.contains(e.databaseName)&&e.db.createObjectStore(e.databaseName,{keyPath:"key"}),e.runQueueTask()},t.onsuccess=function(){e.db=t.result,e.runQueueTask()},e}function y(t,e){if(!t)return"";(e=void 0===e?!1:e)||(t=function(t){for(var e="",o=0;o<t.length;o++){var r=t.charCodeAt(o);r<128?e+=String.fromCharCode(r):(127<r&&r<2048?e+=String.fromCharCode(r>>6|192):(e+=String.fromCharCode(r>>12|224),e+=String.fromCharCode(r>>6&63|128)),e+=String.fromCharCode(63&r|128))}return e}(t));function o(){s.push(1<u.length?String.fromCharCode(a[u]):u)}var r,n,i,a={},s=[],u=t.charAt(0),h=u,c=h,p=256;for(e&&s.push(u),r=1;r<t.length;r++)n=t.charAt(r),e?(i=t.charCodeAt(r),u=i<256?n:a[i]||u+h,s.push(u),h=u.charAt(0),a[p++]=c+h,c=u):a.hasOwnProperty(u+n)?u+=n:(o(),a[u+n]=p++,u=n);e||o();var l=s.join("");return l=e?function(t){for(var e,o,r="",n=0,i=0;n<t.length;)(e=t.charCodeAt(n))<128?(r+=String.fromCharCode(e),n++):191<e&&e<224?(i=t.charCodeAt(n+1),r+=String.fromCharCode((31&e)<<6|63&i),n+=2):(i=t.charCodeAt(n+1),o=t.charCodeAt(n+2),r+=String.fromCharCode((15&e)<<12|(63&i)<<6|63&o),n+=3);return r}(l):l}function m(t){void 0===t&&(t={}),this.tmpList=[],this.option=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return(Object.assign||function(t){for(var e,o=1,r=arguments.length;o<r;o++)for(var n in e=arguments[o])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t}).apply(this,t)}({defaultTrigger:!0,compress:"lzw",key:"SpyLocalCache",interval:500,maxRecordLen:30,onFlush:function(){},storage:d.isSupport()?"indexedDB":l.isSupport()?"localstorage":"empty"},t),this.load=this.load.bind(this),this.init()}return m.prototype.init=function(){"indexedDB"===this.option.storage?this.storage=new d:"localstorage"===this.option.storage?this.storage=new l:this.storage=new u,"complete"===document.readyState?this.load():window.addEventListener("load",this.load)},m.prototype.load=function(){-1<location.search.indexOf("_FlushLogLocalCache=1")&&this.option.defaultTrigger&&this.flushLog()},m.prototype.addLog=function(t){var e=this;t=JSON.stringify(t),this.tmpList.push(t),this.timer&&clearTimeout(this.timer),this.timer=setTimeout(function(){e.save()},this.option.interval)},m.prototype.getData=function(r){var n=this;try{this.storage.get(this.option.key,function(o){o?n.storage.get(n.option.key+"Codes",function(t){var e=[];try{t=t&&JSON.parse(t);e=n.unzip(o,t).split("\n")}catch(t){console.error(t)}r(e)}):r([])})}catch(t){console.error(t),r([])}},m.prototype.save=function(){var o=this;this.getData(function(t){var e=o.option.maxRecordLen-1,e=(t.length>e?t.slice(t.length-e,t.length):t).concat(o.tmpList).join("\n"),t=o.zip(e);t.codes?(e=JSON.stringify(t.codes),o.storage.set(o.option.key+"Codes",e)):o.storage.rm(o.option.key+"Codes");e=performance.now();o.storage.set(o.option.key,t.result);e=(100*(performance.now()-e)).toFixed(2);o.option.costTime&&o.option.costTime(e),o.tmpList=[]})},m.prototype.flushLog=function(){var o=this;this.getData(function(e){try{for(var t=0;t<e.length;t++)e[t]=JSON.parse(e[t])}catch(t){e=[],o.storage.rm(o.option.key),console.error(t)}for(t=0;t<o.tmpList.length;t++)e.push(JSON.parse(o.tmpList[t]));o.option.onFlush&&o.option.onFlush(e)})},m.prototype.zip=function(t){return"lzw"===this.option.compress?{codes:null,result:y(t)}:"huffman"===this.option.compress?(e=(o=n(a(e=t))).result,{codes:o.codes,result:s(e)}):{codes:null,result:t};var e,o},m.prototype.unzip=function(t,e){return"lzw"===this.option.compress?y(t,!0):"huffman"===this.option.compress?s(i(e,a(t))):t},m});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).SpyLocalCache=e()}(this,function(){"use strict";var r=function(t,e){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var o in e)e.hasOwnProperty(o)&&(t[o]=e[o])})(t,e)};function t(t,e){function o(){this.constructor=t}r(t,e),t.prototype=null===e?Object.create(e):(o.prototype=e.prototype,new o)}var l=(e.prototype.preOrder=function(t){t.push(this),this.left&&this.left.preOrder(t),this.right&&this.right.preOrder(t)},e);function e(t,e){this.data=t,this.weight=e}function n(t){var e=function(t){if(null==t)return null;var i={};return function t(e,o,r){var n=[].concat(r);n.push(o),null!=e&&(null==e.data?(t(e.left,"0",n),t(e.right,"1",n)):i[e.data]=n.join(""))}(t,"",[]),i}(function(t){for(var e=function(t,e){return t.weight-e.weight};1<t.length;){t.sort(e);var o=t.shift(),r=t.shift();if(o&&r){var n=new l(null,o.weight+r.weight);n.left=o,n.right=r,t.unshift(n)}}return t.shift()}(function(t){for(var e=[],o={},r=0,n=t;r<n.length;r++){var i=n[r];null==o[i]?o[i]=1:o[i]++}for(var a=0,s=Object.entries(o);a<s.length;a++){var u=s[a],h=u[0],c=u[1];e.push(new l(h,c))}return e}(t)));return{result:function(t){for(var e=t.join(""),o=Math.ceil(e.length/8),r=new Array(o+1),n=0,i="",a=0;a<e.length;a+=8)i=e.substring(a,a+8),r[n]=parseInt(i,2),n++;return r[n]=i.length,r}(function(t,e){for(var o=[],r=0,n=t;r<n.length;r++){var i=n[r];o.push(e[i])}return o}(t,e)),codes:e}}function y(t,e){t&&(e|=256);var o=Number(e).toString(2);return t?o.substring(o.length-8):o}function i(t){for(var e=[],o=0;o<t.length;o++)e.push(t.charCodeAt(o));return e}function a(t){for(var e="",o=0,r=t;o<r.length;o++){var n=r[o];e+=String.fromCharCode(n)}return e}function o(t,e){return a(function(t,e){for(var o=[],r=0;r<e.length-1;r++){var n=r!==e.length-2;o.push(y(n,e[r]))}var i=o[o.length-1],a=e[e.length-1];i="00000000".substring(8-(a-i.length))+i,o[o.length-1]=i;for(var s={},u=0,h=Object.entries(t);u<h.length;u++){var c=h[u],l=c[0];s[c[1]]=l}var p=o.join(""),f=[],d=p.length;for(r=0;r<d;){for(var g=1,v=(n=!0,null);n&&r+g<=d;){if(""===(l=p.substring(r,r+g)))break;(v=s[l])?n=!1:g++}f.push(parseInt(v,10)),r+=g}return f}(t,i(e)))}var s=(u.prototype.set=function(t,e){},u.prototype.get=function(t,e){},u.prototype.rm=function(t){},u);function u(){}var h,c=(t(p,h=s),p.isSupport=function(){return!!window.localStorage},p.prototype.set=function(t,e){try{localStorage.setItem(t,e)}catch(t){console.error(t)}},p.prototype.get=function(t,e){var o=null;try{o=localStorage.getItem(t)}catch(t){console.error(t)}e&&e(o)},p.prototype.rm=function(t){try{localStorage.removeItem(t)}catch(t){console.error(t)}},p);function p(){return null!==h&&h.apply(this,arguments)||this}var f,d=(t(g,f=s),g.isSupport=function(){return!!window.indexedDB},g.prototype.set=function(t,e){this.db?this.db.transaction([this.databaseName],"readwrite").objectStore(this.databaseName).add({key:t,value:e}):this.setQueue.push({key:t,value:e})},g.prototype.get=function(t,e){if(this.db){var o=this.db.transaction([this.databaseName]).objectStore(this.databaseName).get(t);o.onsuccess=function(){var t=o.result?o.result:{value:""};e(t.value)}}else this.getQueue.push({key:t,cb:e})},g.prototype.runQueueTask=function(){var e=this;this.setQueue.forEach(function(t){e.set(t.key,t.value)}),this.getQueue.forEach(function(t){e.get(t.key,t.cb)})},g);function g(){var e=f.call(this)||this;e.databaseName="spyLC",e.db=null,e.setQueue=[],e.getQueue=[];var t=window.indexedDB.open(e.databaseName);return t.onupgradeneeded=function(t){e.db=t.target&&t.target.result,e.db&&!e.db.objectStoreNames.contains(e.databaseName)&&e.db.createObjectStore(e.databaseName,{keyPath:"key"}),e.runQueueTask()},t.onsuccess=function(){e.db=t.result,e.runQueueTask()},e}function v(t,e){if(void 0===e&&(e=!1),!t)return"";e||(t=function(t){for(var e="",o=0;o<t.length;o++){var r=t.charCodeAt(o);r<128?e+=String.fromCharCode(r):(127<r&&r<2048?e+=String.fromCharCode(r>>6|192):(e+=String.fromCharCode(r>>12|224),e+=String.fromCharCode(r>>6&63|128)),e+=String.fromCharCode(63&r|128))}return e}(t));function o(){s.push(1<u.length?String.fromCharCode(a[u]):u)}var r,n,i,a={},s=[],u=t.charAt(0),h=u,c=h,l=256;for(e&&s.push(u),r=1;r<t.length;r++)n=t.charAt(r),e?(i=t.charCodeAt(r),u=i<256?n:a[i]||u+h,s.push(u),h=u.charAt(0),a[l++]=c+h,c=u):a.hasOwnProperty(u+n)?u+=n:(o(),a[u+n]=l++,u=n);e||o();var p=s.join("");return e&&(p=function(t){for(var e="",o=0,r=0,n=0,i=0;o<t.length;)(r=t.charCodeAt(o))<128?(e+=String.fromCharCode(r),o++):191<r&&r<224?(n=t.charCodeAt(o+1),e+=String.fromCharCode((31&r)<<6|63&n),o+=2):(n=t.charCodeAt(o+1),i=t.charCodeAt(o+2),e+=String.fromCharCode((15&r)<<12|(63&n)<<6|63&i),o+=3);return e}(p)),p}function m(t){void 0===t&&(t={}),this.tmpList=[],this.option=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return(Object.assign||function(t){for(var e=void 0,o=1,r=arguments.length;o<r;o++)for(var n in e=arguments[o])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t}).apply(this,t)}({defaultTrigger:!0,compress:"lzw",key:"SpyLocalCache",interval:500,maxRecordLen:30,onFlush:function(){},onSave:function(){},onAdd:function(){return!0},storage:d.isSupport()?"indexedDB":c.isSupport()?"localstorage":"empty"},t),this.load=this.load.bind(this),this.init()}return m.prototype.init=function(){"indexedDB"===this.option.storage?this.storage=new d:"localstorage"===this.option.storage?this.storage=new c:this.storage=new s,"complete"===document.readyState?this.load():window.addEventListener("load",this.load)},m.prototype.load=function(){-1<location.search.indexOf("_FlushLogLocalCache=1")&&this.option.defaultTrigger&&this.flushLog()},m.prototype.addLog=function(t){var e=this;this.option.onAdd&&!this.option.onAdd(t)||(t=JSON.stringify(t),this.tmpList.push(t),this.timer&&clearTimeout(this.timer),this.timer=setTimeout(function(){e.save()},this.option.interval))},m.prototype.getData=function(r){var n=this;try{this.storage.get(this.option.key,function(o){o?n.storage.get(n.option.key+"Codes",function(t){var e=[];try{t=t&&JSON.parse(t),e=n.unzip(o,t).split("\n")}catch(t){console.error(t)}r(e)}):r([])})}catch(t){console.error(t),r([])}},m.prototype.save=function(){var u=this,h=Date.now();this.getData(function(t){var e=u.option.maxRecordLen-1,o=(t.length>e?t.slice(t.length-e,t.length):t).concat(u.tmpList),r=o.join("\n"),n=null,i=0;try{var a=u.zip(r),s="";a.codes?(s=JSON.stringify(a.codes),u.storage.set(u.option.key+"Codes",s)):u.storage.rm(u.option.key+"Codes"),u.storage.set(u.option.key,a.result),i=a.result.length}catch(t){n=t,console.error(t)}u.tmpList=[],u.option.onSave&&u.option.onSave({cost:Date.now()-h,length:i/1024,list:o,error:n})})},m.prototype.flushLog=function(){var o=this;this.getData(function(e){try{for(var t=0;t<e.length;t++)e[t]=JSON.parse(e[t])}catch(t){e=[],o.storage.rm(o.option.key),console.error(t)}for(t=0;t<o.tmpList.length;t++)e.push(JSON.parse(o.tmpList[t]));o.option.onFlush&&o.option.onFlush(e)})},m.prototype.zip=function(t){return"lzw"===this.option.compress?{codes:null,result:v(t)}:"huffman"===this.option.compress?function(t){var e=n(i(t)),o=e.result;return{codes:e.codes,result:a(o)}}(t):{codes:null,result:t}},m.prototype.unzip=function(t,e){return"lzw"===this.option.compress?v(t,!0):"huffman"===this.option.compress?o(e,t):t},m});

package/example/local-cache.html

@@ -9,11 +9,11 @@
         // 配置
         window.__spyHead && window.__spyHead.init({
             pid: '1_1000',
-            lid: '',
+            lid: 'xx',
             // 数据类型：异常，触发时间：OnLoadResourceError
             resourceError: {
                 group: 'resource',
-                sample: 1,
+                sample: 0.1,
                 handler: function (data) {
 
                 }
@@ -28,7 +28,7 @@
             },
             // 数据类型：异常，触发时间：OnJudgeReturnFalseWhenTimeout
             whiteScreenError: {
-                sample: 1,
+                sample: 0.1,
                 group: 'whiteScreen',
                 selector: 'body',
                 subSelector: 'button1',
@@ -38,15 +38,6 @@
                 }
             }
         });
-
-
-    function en(c){
-        var x='charCodeAt',
-        b, e={},
-        f=c.split(""),d=[],a=f[0],g=256;for(b=1;b<f.length;b++)c=f[b],null!=e[a+c]?a+=c:(d.push(1<a.length?e[a]:a[x](0)),e[a+c]=g,g++,a=c);d.push(1<a.length?e[a]:a[x](0));for(b=0;b<d.length;b++)d[b]=String.fromCharCode(d[b]);return d.join("")}
-
-    function de(b){var a,e={},d=b.split(""),c=f=d[0],g=[c],h=o=256;for(b=1;b<d.length;b++)a=d[b].charCodeAt(0),a=h>a?d[b]:e[a]?e[a]:f+c,g.push(a),c=a.charAt(0),e[o]=f+c,o++,f=a;return g.join("")}
-
     </script>
 </head>
 <body>
@@ -60,19 +51,90 @@
 
     </div>
     <script src="https://mss0.bdstatic.com/se/static/js/iphone/zbios/zbiosT_f69.js"></script>
+    <script src="/dist/spy-client.js"></script>
     <script src="/dist/spy-local-cache.js"></script>
 
 <script type="text/javascript">
 const localCache = new SpyLocalCache({
     storage: 'localstorage',
-    // compress: 'huffman',
-    // compress: 'no',
-    compress: 'lzw',
+    maxRecordLen: 300,
+    compress: 'no',
+    onAdd(log) {
+        // 仅保存性能异常
+        console.log('onAdd',  log && log.type && (log.type === 'perf' || log.type === 'except'));
+        return log && log.type && (log.type === 'perf' || log.type === 'except');
+    },
     onFlush(list) {
         console.log('flushed list', list);
+
+        if (list.length) {
+            // 将回捞的日志上报的spy，记住在spy平台配置 对应group
+            spy.sendPost({
+                pid: '1_1000',
+                type: 'except',
+                group: 'localCache',
+                ts: Date.now(),
+                lid: 'xxxx',
+                info: {
+                    msg: 'localcache',
+                    pageUrl: location.href,
+                    log: JSON.stringify(list)
+                }
+            });
+        }
+    }
+});
+
+
+const spy = new SpyClient({
+    pid: '1_1000',
+    lid: 'xxxx',
+    localCache: localCache
+});
+// 采用spy-client sdk内置的抽样配置，则此异常日志不管是否命中抽样，都会存在本地，同时若命中抽样，则日志发送给服务端
+// 那么所有spy sdk发送的日志会存到localstorage
+spy.sendExcept({
+    info: {
+        msg: 'xxxx is not undefined'
+    }
+});
+
+
+// 若自行做了抽样，那么此时则需要主动将此异常或性能日志存在本地，才能百分百保存异常信息到本地
+localCache.addLog({
+    type: 'except',
+    ts: Date.now(),
+    lid: 'xxx',
+    info: {
+        msg: 'module "jquery" miss',
+        pageUrl: location.href,
+    }
+});
+if (Math.random() < 0.1) {
+    spy.sendExcept({
+        info: {
+            msg: 'module "jquery" miss',
+            pageUrl: location.href,
+        }
+    });
+}
+
+
+spy.sendPerf({
+    // 可选, 分组，默认common，用户自定义
+    group: 'test',
+    // 必须, 指标信息，每个字段为一个指标，由用户自定义
+    info: {
+        fisrtScreen: 200, // 需要你自行计算好时间再发送，不能带单位
     },
+    // 可选，维度信息，每个字段为一个维度，由用户自定义
+    dim: {
+        os: 'ios',
+        netType: 'wifi'
+    }
 });
 
+
 // 当有22条如下日志时
 // lzw 压缩率 68%，耗时 2ms
 // huffman压缩率 21% ,耗时2ms

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spy-client",
-  "version": "2.1.1-alpha.3",
+  "version": "2.1.3",
   "description": "spy client",
   "main": "dist/spy-client.js",
   "module": "dist/spy-client.esm.js",
@@ -15,8 +15,8 @@
     "lint": "eslint src/**/*.ts",
     "example": "npm run dev && echo 'open url http://localhost:8000/example' && python -m SimpleHTTPServer 8000 ",
     "test": "karma start karma.conf.js",
-    "release_pre": "npm version patch",
-    "release": "rm -fr dist && npm run build && npm run lint && npm run test && npm publish",
+    "release_pre": "rm -fr dist && npm run build && npm run lint && npm run test",
+    "release": "npm version patch && npm publish",
     "release_post": "git push origin master && git push origin --tags"
   },
   "directories": {
@@ -101,15 +101,7 @@
   "license": "ISC",
   "babel": {
     "comments": false,
-    "presets": [
-      [
-        "@babel/preset-env",
-        {
-          "useBuiltIns": "usage",
-          "corejs": 3
-        }
-      ]
-    ],
+    "presets": [],
     "env": {
       "test": {
         "plugins": [

package/src/head/base.ts

@@ -7,20 +7,53 @@ import {
     SpyHeadConf,
 } from '../lib/spyHeadInterface';
 
+interface SendObj {
+    type?: 'perf'| 'except' | 'dist' | 'count';
+    group: string;
+    info: any;
+    dim?: any;
+    lid?: string;
+    pid?: string;
+    ts?: number;
+}
+
 export default {
     conf: {} as SpyHeadConf,
-    winerrors: [] as any,
+    winerrors: [] as SendObj[],
     errorDestroy() {},
     observerDestroy() {},
     entryMap: {} as any,
     init(conf: SpyHeadConf) {
         this.conf = conf;
     },
-    send(obj: {type?: 'perf'| 'except' | 'dist' | 'count', group: string, info: any, dim?: any}, logServer?: string) {
-        obj.type = obj.type || 'except';
+    addError(obj: SendObj) {
+        // 有些错误一下出现很多次，都聚合都一个错误，加上次数
+        if (this.winerrors.length > 0) {
+            const 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(obj: SendObj, isSend?: boolean, logServer?: string) {
         const 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;
-        let logUrl = `${logServer}?pid=${conf.pid}&lid=${conf.lid}&ts=${Date.now()}`
+        let 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) {

package/src/head/error.ts

@@ -58,10 +58,10 @@ export function init(conf: SpyHeadConf) {
 
                 // 历史错误
                 const historys = [];
-                for (let index = 0; index < spyHead.winerrors.length; index++) {
-                    const item = spyHead.winerrors[index];
-                    const prefix = item.count > 1 ? `(${item.count})` : '';
-                    historys.push(prefix + (item.msg as string));
+                for (let index = 0; index < winerrors.length; index++) {
+                    const item = winerrors[index];
+                    const prefix = item.info.count > 1 ? `(${item.info.count})` : '';
+                    historys.push(prefix + (item.info.msg as string));
                 }
 
                 info.hisErrors = historys.join('----');
@@ -71,8 +71,8 @@ export function init(conf: SpyHeadConf) {
                     allow = jsError.handler(obj);
                 }
 
-                if (allow !== false && isSendJserror) {
-                    spyHead.send(obj);
+                if (allow !== false) {
+                    spyHead.send(obj, isSendJserror);
                 }
             }
             // 资源错误
@@ -98,22 +98,12 @@ export function init(conf: SpyHeadConf) {
                     allow = resourceError.handler(obj);
                 }
 
-                if (allow !== false && isSendResource) {
-                    spyHead.send(obj);
+                if (allow !== false) {
+                    spyHead.send(obj, isSendResource);
                 }
 
                 resourceErrorCount++;
             }
-
-            // 有些错误一下出现很多次，都聚合都一个错误，加上次数
-            if (winerrors.length > 0) {
-                const lastInfo = winerrors[winerrors.length - 1];
-                if (info.msg === lastInfo.msg) {
-                    lastInfo.count += (lastInfo.count || 0);
-                    return;
-                }
-            }
-            winerrors.push(info);
         }
         catch (e) {
             console.error(e);
@@ -122,7 +112,7 @@ export function init(conf: SpyHeadConf) {
     window.addEventListener('error', spyListenError, true);
     spyHead.errorDestroy = function () {
         window.removeEventListener('error', spyListenError, true);
-        spyHead.winerrors = null;
+        spyHead.winerrors = [];
     };
 }
 

package/src/head/whitescreen.ts

@@ -42,8 +42,8 @@ export function init(conf: SpyHeadConf) {
         const errors = spyHead.winerrors;
         const historys = [];
         for (let i = 0; i < errors.length; i++) {
-            const stack = (errors[i].stack || '').split('\n')[0];
-            historys.push(`(${i })${stack || errors[i].msg}`);
+            const stack = (errors[i].info.stack || '').split('\n')[0];
+            historys.push(`(${i })${stack || errors[i].info.msg}`);
         }
         return historys.join(';;');
     }
@@ -76,19 +76,19 @@ export function init(conf: SpyHeadConf) {
         return false;
     }
 
-    if (isSend) {
+    if (selector) {
         setTimeout(function () {
-            const obj = {
-                group: whiteScreenError.group,
-                info: {
-                    msg: '',
-                    netTime: getNetTime(),
-                    hisErrors: getHisError(),
-                    deviceInfo: getDeviceInfo(),
-                },
-            } as ErrorHandlerData;
-
             if (isWhiteScreen()) {
+                const obj = {
+                    group: whiteScreenError.group,
+                    info: {
+                        msg: '',
+                        netTime: getNetTime(),
+                        hisErrors: getHisError(),
+                        deviceInfo: getDeviceInfo(),
+                    },
+                } as ErrorHandlerData;
+
                 obj.info.msg = 'WhiteScren Error';
 
                 let allow: boolean | undefined | void = true;
@@ -97,7 +97,7 @@ export function init(conf: SpyHeadConf) {
                 }
 
                 if (allow !== false && obj.info.msg) {
-                    spyHead && spyHead.send(obj);
+                    spyHead && spyHead.send(obj, isSend);
                 }
             }
         }, timeout);

package/src/lib/huffman.ts

@@ -46,16 +46,17 @@ class HuffmanNode {
  * @param {接受字符数组} bytes
  * @return 返回的就是list形式
  */
-function getNodes(bytes: Array<any>): HuffmanNode[] {
-    //创建一个list
+function getNodes(bytes: any[]): HuffmanNode[] {
+    // 创建一个list
     let list: HuffmanNode[] = [];
-    //counts 统计每一个byte出现的次数
+    // counts 统计每一个byte出现的次数
     let counts: any = {};
     for (let b of bytes) {
         let count = counts[b]; // map还没有这个字符数据
         if (count == null) {
             counts[b] = 1;
-        } else {
+        }
+        else {
             counts[b]++;
         }
     }
@@ -84,7 +85,7 @@ function createHuffmanTree(nodes: HuffmanNode[]): HuffmanNode | undefined {
             parent.left = leftNode;
             parent.right = rightNode;
 
-            //将新的二叉树，加入到nodes
+            // 将新的二叉树，加入到nodes
             nodes.unshift(parent);
         }
 
@@ -118,44 +119,45 @@ function getHuffmanCodes(root: any) {
         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 {//说明是一个叶子节点
+                getCodes(node.right, '1', string2);
+            }
+            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: Array<number>, huffmanCodes: any) {
-    //1.利用huffmanCodes将bytes转成赫夫曼编码对应的字符串
+function zip(bytes: number[], huffmanCodes: any) {
+    // 1.利用huffmanCodes将bytes转成赫夫曼编码对应的字符串
     let string = [];
-    //遍历数组
+    // 遍历数组
     for (let b of bytes) {
         string.push(huffmanCodes[b]);
     }
     return string;
 }
 
-function huffStringToByte(strs: Array<string>) {
-    //计算赫夫曼编码字符串的长度
+function huffStringToByte(strs: string[]) {
+    // 计算赫夫曼编码字符串的长度
     let str = strs.join('');
     let len = Math.ceil(str.length / 8);
-    //创建存储压缩后的byte数组
+    // 创建存储压缩后的byte数组
     let huffmanCodeByte = new Array(len + 1);
     let index = 0;
     let strByte: string = ''; // 记录是第几个byte
@@ -178,7 +180,7 @@ function huffStringToByte(strs: Array<string>) {
  * @returns 是经过赫夫曼编码处理后，压缩后的字节数组
  *
  */
-function huffmanZip(bytes: Array<any>) {
+function huffmanZip(bytes: any[]) {
     // 1.生成节点数组
     let nodes = getNodes(bytes);
     // 2.根据节点数组创建赫夫曼树
@@ -204,31 +206,30 @@ function huffmanZip(bytes: Array<any>) {
  * @returns 是byte对应的二进制字符串
  */
 function huffByteToString(flag: boolean, byte: number) {
-    //如果是
+    // 如果是
     if (flag) {
         byte |= 256;
     }
-    let str = Number(byte).toString(2)
+    let str = Number(byte).toString(2);
     if (flag) {
         return str.substring(str.length - 8);
-    } else {
-        return str;
     }
+    return str;
 }
 
-//编写一份方法，完成对压缩数据的解码
+
 /**
- *
+ * 编写一份方法，完成对压缩数据的解码
  * @param {赫夫曼编码表} huffmanCodes
  * @param {赫夫曼编码得到的二进制数组} huffmanBytes
  */
-function decode(huffmanCodes: {[key:string]: string}, huffmanBytes: Array<number>) {
+function decode(huffmanCodes: {[key: string]: string}, huffmanBytes: number[]) {
     // 1.先得到二进制字符串 形式11001111111011......
     let heffmanStrArr = [];
     for (let i = 0; i < huffmanBytes.length - 1; i++) {
-        //判断是不是最后一个字节
+        // 判断是不是最后一个字节
         let flag = (i !== huffmanBytes.length - 2);
-        heffmanStrArr.push(huffByteToString(flag, huffmanBytes[i]))
+        heffmanStrArr.push(huffByteToString(flag, huffmanBytes[i]));
     }
     // 最后一位记录的是最后一位二进制字符串的长度，该长度主要用于补足最后一位丢失的0,所以要单独处理，
     let lastByteStr = heffmanStrArr[heffmanStrArr.length - 1];
@@ -237,7 +238,7 @@ function decode(huffmanCodes: {[key:string]: string}, huffmanBytes: Array<number
     heffmanStrArr[heffmanStrArr.length - 1] = lastByteStr;
 
     // 把赫夫曼编码表进行调换
-    let map: {[key:string]: string} = {};
+    let map: {[key: string]: string} = {};
     for (const [key, value] of Object.entries(huffmanCodes)) {
         map[value] = key;
     }
@@ -256,14 +257,15 @@ function decode(huffmanCodes: {[key:string]: string}, huffmanBytes: Array<number
                 break;
             }
             b = map[key];
-            if (!b) {//没有匹配到
+            if (!b) { // 没有匹配到
                 count++;
-            } else {
-                //匹配到
+            }
+            else {
+                // 匹配到
                 flag = false;
             }
         }
-        list.push(parseInt(b as string));
+        list.push(parseInt(b as string, 10));
         i += count;
     }
     // 当for循环结束后，list中就存放了所有的字符
@@ -273,7 +275,7 @@ function decode(huffmanCodes: {[key:string]: string}, huffmanBytes: Array<number
 
 
 // js byte[] 和string 相互转换 UTF-8
-function stringToByte(str: string): Array<number> {
+function stringToByte(str: string): number[] {
     let bytes = [];
     for (let index = 0; index < str.length; index++) {
         bytes.push(str.charCodeAt(index));
@@ -281,7 +283,7 @@ function stringToByte(str: string): Array<number> {
     return bytes;
 }
 
-function byteToString(arr: Array<number>): string {
+function byteToString(arr: number[]): string {
     let data = '';
     for (const code of arr) {
         data += String.fromCharCode(code);
@@ -294,7 +296,7 @@ export function huffmanEncode(str: string) {
     let {result, codes} = huffmanZip(bytes);
     return {
         codes,
-        result: byteToString(result)
+        result: byteToString(result),
     };
 }
 
@@ -303,24 +305,3 @@ export function huffmanDecode(codes: any, str: string) {
     const 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)));

package/src/lib/interface.ts

@@ -24,6 +24,11 @@ export interface SpyClientOption {
      * 日志服务器，默认是webb服务器，尾部需要加?
      */
     logServer?: string;
+
+    /**
+     * 本地日志cache对象，是指独立的spy-local-cache模块实例
+     */
+    localCache?: any;
 }
 
 export class Module {