@haluo/util 1.0.32 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +33 -36
- package/dist/modules/cookie/index.js +54 -54
- package/dist/modules/date/index.js +192 -192
- package/dist/modules/dom/index.js +62 -62
- package/dist/modules/filter/index.js +44 -57
- package/dist/modules/format/index.js +21 -21
- package/dist/modules/match/index.js +31 -31
- package/dist/modules/monitor/index.js +17 -17
- package/dist/modules/monitor/lib/jsError.js +53 -61
- package/dist/modules/monitor/lib/timing.js +69 -69
- package/dist/modules/monitor/lib/xhr.js +48 -50
- package/dist/modules/monitor/utils/onload.js +11 -11
- package/dist/modules/monitor/utils/tracker.js +63 -84
- package/dist/modules/number/index.js +102 -102
- package/dist/modules/sentry/index.js +81 -78
- package/dist/modules/tools/index.js +393 -393
- package/package.json +4 -4
- package/publish.sh +0 -0
- package/src/index.ts +3 -6
- package/src/modules/filter/index.ts +0 -14
- package/src/modules/monitor/lib/jsError.ts +10 -10
- package/src/modules/monitor/lib/xhr.ts +1 -3
- package/src/modules/monitor/utils/tracker.ts +1 -15
- package/src/modules/sentry/index.ts +7 -4
- package/dist/index.cjs.js +0 -89
- package/dist/index.d.ts +0 -12
- package/dist/index.esm.js +0 -87
- package/dist/lib-list.d.ts +0 -2
- package/dist/modules/cookie/index.d.ts +0 -27
- package/dist/modules/date/index.d.ts +0 -1
- package/dist/modules/dom/index.d.ts +0 -1
- package/dist/modules/filter/index.d.ts +0 -26
- package/dist/modules/format/index.d.ts +0 -13
- package/dist/modules/match/index.d.ts +0 -1
- package/dist/modules/number/index.d.ts +0 -39
- package/dist/modules/sentry/index.d.ts +0 -15
- package/dist/modules/tools/index.d.ts +0 -1
- package/yarn-error.log +0 -9316
|
@@ -1,62 +1,62 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @file Cookie
|
|
3
|
-
* @Author: wanghui
|
|
4
|
-
* @createBy: @2021.08.17
|
|
5
|
-
*/
|
|
6
|
-
'use strict';
|
|
7
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
|
-
var DomClass = /** @class */ (function () {
|
|
9
|
-
function DomClass() {
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* 创建一个子元素并添加至父节点
|
|
13
|
-
* @param {Object} { name = 'div', innerHTML = '', style = {}, parent, }
|
|
14
|
-
* @return {String}
|
|
15
|
-
*/
|
|
16
|
-
DomClass.prototype.createElement = function (_a) {
|
|
17
|
-
var _b = _a.name, name = _b === void 0 ? 'div' : _b, _c = _a.innerHTML, innerHTML = _c === void 0 ? '' : _c, _d = _a.style, style = _d === void 0 ? {} : _d, parent = _a.parent;
|
|
18
|
-
if (!(window && window.document)) {
|
|
19
|
-
return new Error('仅支持浏览器');
|
|
20
|
-
}
|
|
21
|
-
var element = document.createElement(name);
|
|
22
|
-
element.innerHTML = innerHTML;
|
|
23
|
-
Object.keys(style).map(function (_) { return element.style[_] = style[_]; });
|
|
24
|
-
if (parent) {
|
|
25
|
-
var body = document.querySelector(parent);
|
|
26
|
-
body && body.append(element);
|
|
27
|
-
}
|
|
28
|
-
return element;
|
|
29
|
-
};
|
|
30
|
-
/**
|
|
31
|
-
* 获取文本中的url并用a标签包裹
|
|
32
|
-
* @param {Object} ICookie
|
|
33
|
-
*/
|
|
34
|
-
DomClass.prototype.wrapperA = function (text) {
|
|
35
|
-
if (!(window && window.document)) {
|
|
36
|
-
return new Error('仅支持浏览器');
|
|
37
|
-
}
|
|
38
|
-
return text.replace(/((https|http|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|])/g, '<a href="$1">$1</a>');
|
|
39
|
-
};
|
|
40
|
-
/**
|
|
41
|
-
* 对象转化为formdata
|
|
42
|
-
* getFormData({a: 1, b: 2})
|
|
43
|
-
* @param {Object} object
|
|
44
|
-
*/
|
|
45
|
-
DomClass.prototype.getFormData = function (object) {
|
|
46
|
-
var formData = new FormData();
|
|
47
|
-
Object.keys(object).forEach(function (key) {
|
|
48
|
-
var value = object[key];
|
|
49
|
-
if (Array.isArray(value)) {
|
|
50
|
-
value.forEach(function (subValue, i) {
|
|
51
|
-
return formData.append(key +
|
|
52
|
-
});
|
|
53
|
-
}
|
|
54
|
-
else {
|
|
55
|
-
formData.append(key, object[key]);
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
return formData;
|
|
59
|
-
};
|
|
60
|
-
return DomClass;
|
|
61
|
-
}());
|
|
62
|
-
module.exports = new DomClass();
|
|
1
|
+
/**
|
|
2
|
+
* @file Cookie
|
|
3
|
+
* @Author: wanghui
|
|
4
|
+
* @createBy: @2021.08.17
|
|
5
|
+
*/
|
|
6
|
+
'use strict';
|
|
7
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
|
+
var DomClass = /** @class */ (function () {
|
|
9
|
+
function DomClass() {
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* 创建一个子元素并添加至父节点
|
|
13
|
+
* @param {Object} { name = 'div', innerHTML = '', style = {}, parent, }
|
|
14
|
+
* @return {String}
|
|
15
|
+
*/
|
|
16
|
+
DomClass.prototype.createElement = function (_a) {
|
|
17
|
+
var _b = _a.name, name = _b === void 0 ? 'div' : _b, _c = _a.innerHTML, innerHTML = _c === void 0 ? '' : _c, _d = _a.style, style = _d === void 0 ? {} : _d, parent = _a.parent;
|
|
18
|
+
if (!(window && window.document)) {
|
|
19
|
+
return new Error('仅支持浏览器');
|
|
20
|
+
}
|
|
21
|
+
var element = document.createElement(name);
|
|
22
|
+
element.innerHTML = innerHTML;
|
|
23
|
+
Object.keys(style).map(function (_) { return element.style[_] = style[_]; });
|
|
24
|
+
if (parent) {
|
|
25
|
+
var body = document.querySelector(parent);
|
|
26
|
+
body && body.append(element);
|
|
27
|
+
}
|
|
28
|
+
return element;
|
|
29
|
+
};
|
|
30
|
+
/**
|
|
31
|
+
* 获取文本中的url并用a标签包裹
|
|
32
|
+
* @param {Object} ICookie
|
|
33
|
+
*/
|
|
34
|
+
DomClass.prototype.wrapperA = function (text) {
|
|
35
|
+
if (!(window && window.document)) {
|
|
36
|
+
return new Error('仅支持浏览器');
|
|
37
|
+
}
|
|
38
|
+
return text.replace(/((https|http|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|])/g, '<a href="$1">$1</a>');
|
|
39
|
+
};
|
|
40
|
+
/**
|
|
41
|
+
* 对象转化为formdata
|
|
42
|
+
* getFormData({a: 1, b: 2})
|
|
43
|
+
* @param {Object} object
|
|
44
|
+
*/
|
|
45
|
+
DomClass.prototype.getFormData = function (object) {
|
|
46
|
+
var formData = new FormData();
|
|
47
|
+
Object.keys(object).forEach(function (key) {
|
|
48
|
+
var value = object[key];
|
|
49
|
+
if (Array.isArray(value)) {
|
|
50
|
+
value.forEach(function (subValue, i) {
|
|
51
|
+
return formData.append(key + "[".concat(i, "]"), subValue);
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
else {
|
|
55
|
+
formData.append(key, object[key]);
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
return formData;
|
|
59
|
+
};
|
|
60
|
+
return DomClass;
|
|
61
|
+
}());
|
|
62
|
+
module.exports = new DomClass();
|
|
@@ -1,57 +1,44 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @file 过滤器
|
|
3
|
-
* @Author: wanghui
|
|
4
|
-
* @createBy: @2020.05.28
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
*
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
*
|
|
33
|
-
* @
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
if (target === void 0) { target = ''; }
|
|
46
|
-
if (length === void 0) { length = 0; }
|
|
47
|
-
return toolsClass.slice(target, length);
|
|
48
|
-
};
|
|
49
|
-
FilterClass.prototype.install = function (Vue) {
|
|
50
|
-
var _this = this;
|
|
51
|
-
Vue.filter('format', _this.format);
|
|
52
|
-
Vue.filter('formatMoney', _this.formatMoney);
|
|
53
|
-
Vue.filter('slice', _this.slice);
|
|
54
|
-
};
|
|
55
|
-
return FilterClass;
|
|
56
|
-
}());
|
|
57
|
-
module.exports = new FilterClass();
|
|
1
|
+
/**
|
|
2
|
+
* @file 过滤器
|
|
3
|
+
* @Author: wanghui
|
|
4
|
+
* @createBy: @2020.05.28
|
|
5
|
+
*/
|
|
6
|
+
'use strict';
|
|
7
|
+
var dateClass = require('../date');
|
|
8
|
+
var numberClass = require('../number');
|
|
9
|
+
var toolsClass = require('../tools');
|
|
10
|
+
var FilterClass = /** @class */ (function () {
|
|
11
|
+
function FilterClass() {
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* 格式化时间,示例:1586840260500 | format('YYYY-MM-DD HH:mm:ss')
|
|
15
|
+
* @param {String|Number} date
|
|
16
|
+
* @param {String} fmt 'YYYY-MM-DD HH:mm:ss'
|
|
17
|
+
* @return {String} 'YYYY-MM-DD HH:mm:ss'
|
|
18
|
+
*/
|
|
19
|
+
FilterClass.prototype.format = function (date, fmt) {
|
|
20
|
+
if (fmt === void 0) { fmt = 'YYYY-MM-DD HH:mm:ss'; }
|
|
21
|
+
return dateClass.format(date, fmt);
|
|
22
|
+
};
|
|
23
|
+
/**
|
|
24
|
+
* 格式化金额,示例:123456 | formatMoney
|
|
25
|
+
* @param {Number} num
|
|
26
|
+
* @return {String} 123,456
|
|
27
|
+
*/
|
|
28
|
+
FilterClass.prototype.formatMoney = function (money) {
|
|
29
|
+
return numberClass.formatMoney(money);
|
|
30
|
+
};
|
|
31
|
+
/**
|
|
32
|
+
* 截取数组或字符串,示例:'1234' | slice(3)
|
|
33
|
+
* @param {Array|String} target 数组或字符串
|
|
34
|
+
* @param {Number} length 截取长度,从0开始
|
|
35
|
+
* @return {any}
|
|
36
|
+
*/
|
|
37
|
+
FilterClass.prototype.slice = function (target, length) {
|
|
38
|
+
if (target === void 0) { target = ''; }
|
|
39
|
+
if (length === void 0) { length = 0; }
|
|
40
|
+
return toolsClass.slice(target, length);
|
|
41
|
+
};
|
|
42
|
+
return FilterClass;
|
|
43
|
+
}());
|
|
44
|
+
module.exports = new FilterClass();
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var Format = /** @class */ (function () {
|
|
3
|
-
function Format() {
|
|
4
|
-
}
|
|
5
|
-
/**
|
|
6
|
-
* @desc 对于对象非数字与布尔值的value,当其为falsy时,转换成separator
|
|
7
|
-
* @param {object} obj 传入的对象
|
|
8
|
-
* @param {string} separator 替换后的值
|
|
9
|
-
* transformObjectNullVal({ a: null, b: 0}, '23') // {a: "23", b: 0}
|
|
10
|
-
* @return {object}
|
|
11
|
-
*/
|
|
12
|
-
Format.prototype.transformObjectNullVal = function (obj, separator) {
|
|
13
|
-
if (separator === void 0) { separator = '-'; }
|
|
14
|
-
return Object.keys(obj).reduce(function (cur, key) {
|
|
15
|
-
cur[key] = obj[key] || ((obj[key] === 0 || obj[key] === false) ? obj[key] : separator);
|
|
16
|
-
return cur;
|
|
17
|
-
}, {});
|
|
18
|
-
};
|
|
19
|
-
return Format;
|
|
20
|
-
}());
|
|
21
|
-
module.exports = new Format();
|
|
1
|
+
"use strict";
|
|
2
|
+
var Format = /** @class */ (function () {
|
|
3
|
+
function Format() {
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* @desc 对于对象非数字与布尔值的value,当其为falsy时,转换成separator
|
|
7
|
+
* @param {object} obj 传入的对象
|
|
8
|
+
* @param {string} separator 替换后的值
|
|
9
|
+
* transformObjectNullVal({ a: null, b: 0}, '23') // {a: "23", b: 0}
|
|
10
|
+
* @return {object}
|
|
11
|
+
*/
|
|
12
|
+
Format.prototype.transformObjectNullVal = function (obj, separator) {
|
|
13
|
+
if (separator === void 0) { separator = '-'; }
|
|
14
|
+
return Object.keys(obj).reduce(function (cur, key) {
|
|
15
|
+
cur[key] = obj[key] || ((obj[key] === 0 || obj[key] === false) ? obj[key] : separator);
|
|
16
|
+
return cur;
|
|
17
|
+
}, {});
|
|
18
|
+
};
|
|
19
|
+
return Format;
|
|
20
|
+
}());
|
|
21
|
+
module.exports = new Format();
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @file: tools 常用的工具函数
|
|
3
|
-
* @Author: wanghui
|
|
4
|
-
*/
|
|
5
|
-
'use strict';
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
var MatchClass = /** @class */ (function () {
|
|
8
|
-
function MatchClass() {
|
|
9
|
-
}
|
|
10
|
-
/**
|
|
11
|
-
* 根据类型返回正则
|
|
12
|
-
* @param {String} str 检测的内容
|
|
13
|
-
* @param {String} type 检测类型
|
|
14
|
-
* checkType('10.120.33.11', 'ip') // true
|
|
15
|
-
* @return {Boolean} true or false
|
|
16
|
-
*/
|
|
17
|
-
MatchClass.prototype.checkType = function (str, type) {
|
|
18
|
-
var regexp = {
|
|
19
|
-
'ip': /((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})){3}/.test(str),
|
|
20
|
-
'port': /^(\d|[1-5]\d{4}|6[1-4]\d{3}|65[1-4]\d{2}|655[1-2]\d|6553[1-5])$/.test(str),
|
|
21
|
-
'phone': /^1[3|4|5|6|7|8][0-9]{9}$/.test(str),
|
|
22
|
-
'number': /^[0-9]+$/.test(str),
|
|
23
|
-
'email': /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/.test(str),
|
|
24
|
-
'IDCard': /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/.test(str),
|
|
25
|
-
'url': /[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/i.test(str)
|
|
26
|
-
};
|
|
27
|
-
return regexp[type];
|
|
28
|
-
};
|
|
29
|
-
return MatchClass;
|
|
30
|
-
}());
|
|
31
|
-
module.exports = new MatchClass();
|
|
1
|
+
/**
|
|
2
|
+
* @file: tools 常用的工具函数
|
|
3
|
+
* @Author: wanghui
|
|
4
|
+
*/
|
|
5
|
+
'use strict';
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
var MatchClass = /** @class */ (function () {
|
|
8
|
+
function MatchClass() {
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* 根据类型返回正则
|
|
12
|
+
* @param {String} str 检测的内容
|
|
13
|
+
* @param {String} type 检测类型
|
|
14
|
+
* checkType('10.120.33.11', 'ip') // true
|
|
15
|
+
* @return {Boolean} true or false
|
|
16
|
+
*/
|
|
17
|
+
MatchClass.prototype.checkType = function (str, type) {
|
|
18
|
+
var regexp = {
|
|
19
|
+
'ip': /((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})){3}/.test(str),
|
|
20
|
+
'port': /^(\d|[1-5]\d{4}|6[1-4]\d{3}|65[1-4]\d{2}|655[1-2]\d|6553[1-5])$/.test(str),
|
|
21
|
+
'phone': /^1[3|4|5|6|7|8][0-9]{9}$/.test(str),
|
|
22
|
+
'number': /^[0-9]+$/.test(str),
|
|
23
|
+
'email': /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/.test(str),
|
|
24
|
+
'IDCard': /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/.test(str),
|
|
25
|
+
'url': /[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/i.test(str)
|
|
26
|
+
};
|
|
27
|
+
return regexp[type];
|
|
28
|
+
};
|
|
29
|
+
return MatchClass;
|
|
30
|
+
}());
|
|
31
|
+
module.exports = new MatchClass();
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Tracker = void 0;
|
|
7
|
-
var jsError_1 = require("./lib/jsError");
|
|
8
|
-
var xhr_1 = __importDefault(require("./lib/xhr"));
|
|
9
|
-
var tracker_1 = __importDefault(require("./utils/tracker"));
|
|
10
|
-
exports.Tracker = tracker_1.default;
|
|
11
|
-
// import timing from './lib/timing'
|
|
12
|
-
function setup(data) {
|
|
13
|
-
jsError_1.injectJsError(data);
|
|
14
|
-
xhr_1.default(data);
|
|
15
|
-
}
|
|
16
|
-
exports.default = setup;
|
|
17
|
-
// timing()
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Tracker = void 0;
|
|
7
|
+
var jsError_1 = require("./lib/jsError");
|
|
8
|
+
var xhr_1 = __importDefault(require("./lib/xhr"));
|
|
9
|
+
var tracker_1 = __importDefault(require("./utils/tracker"));
|
|
10
|
+
exports.Tracker = tracker_1.default;
|
|
11
|
+
// import timing from './lib/timing'
|
|
12
|
+
function setup(data) {
|
|
13
|
+
(0, jsError_1.injectJsError)(data);
|
|
14
|
+
(0, xhr_1.default)(data);
|
|
15
|
+
}
|
|
16
|
+
exports.default = setup;
|
|
17
|
+
// timing()
|
|
@@ -1,61 +1,53 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.injectJsError = void 0;
|
|
18
|
-
var tracker_1 = __importDefault(require("../utils/tracker"));
|
|
19
|
-
function injectJsError(data) {
|
|
20
|
-
if (data === void 0) { data = {}; }
|
|
21
|
-
window.addEventListener('error', function (e) {
|
|
22
|
-
if (e.target && (e.target.src || e.target.href)) {
|
|
23
|
-
|
|
24
|
-
//
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}
|
|
55
|
-
tracker_1.default.send(__assign({ kind: 'stability', type: 'error', title: 'promiseError', message: message,
|
|
56
|
-
filename: filename, position: line + ":" + column, reason: stack }, data
|
|
57
|
-
// selector: lastEvent ? get
|
|
58
|
-
));
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
exports.injectJsError = injectJsError;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.injectJsError = void 0;
|
|
18
|
+
var tracker_1 = __importDefault(require("../utils/tracker"));
|
|
19
|
+
function injectJsError(data) {
|
|
20
|
+
if (data === void 0) { data = {}; }
|
|
21
|
+
window.addEventListener('error', function (e) {
|
|
22
|
+
if (e.target && (e.target.src || e.target.href)) {
|
|
23
|
+
tracker_1.default.send(__assign({ kind: 'stability', type: 'error', title: 'resourceError', filename: e.target.src || e.target.href, tagName: e.target.tagName, reason: e.target.src || e.target.href }, data
|
|
24
|
+
// selector: lastEvent ? get
|
|
25
|
+
));
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
tracker_1.default.send(__assign({ kind: 'stability', type: 'error', title: 'jsError', message: e.message, filename: e.filename, position: "".concat(e.lineno, ":").concat(e.colno), reason: e.error.stack }, data
|
|
29
|
+
// selector: lastEvent ? get
|
|
30
|
+
));
|
|
31
|
+
}, true);
|
|
32
|
+
window.addEventListener('unhandledrejection', function (e) {
|
|
33
|
+
var message, filename, line, column, stack;
|
|
34
|
+
var reason = e.reason;
|
|
35
|
+
if (typeof reason === 'string') {
|
|
36
|
+
message = reason;
|
|
37
|
+
}
|
|
38
|
+
else if (typeof reason === 'object') {
|
|
39
|
+
if (reason.stack) {
|
|
40
|
+
var matchResult = reason.stack.match(/at\s+(.+):(\d+):(\d+)/);
|
|
41
|
+
filename = matchResult[1];
|
|
42
|
+
line = matchResult[2];
|
|
43
|
+
column = matchResult[3];
|
|
44
|
+
}
|
|
45
|
+
message = reason.message;
|
|
46
|
+
stack = reason.stack;
|
|
47
|
+
}
|
|
48
|
+
tracker_1.default.send(__assign({ kind: 'stability', type: 'error', title: 'promiseError', message: message, filename: filename, position: "".concat(line, ":").concat(column), reason: stack }, data
|
|
49
|
+
// selector: lastEvent ? get
|
|
50
|
+
));
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
exports.injectJsError = injectJsError;
|
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
var onload_1 = __importDefault(require("../utils/onload"));
|
|
7
|
-
var tracker_1 = __importDefault(require("../utils/tracker"));
|
|
8
|
-
function timing() {
|
|
9
|
-
var FMP, LCP;
|
|
10
|
-
new PerformanceObserver(function (entryList, observer) {
|
|
11
|
-
var perfEntries = entryList.getEntries();
|
|
12
|
-
FMP = perfEntries[0];
|
|
13
|
-
observer.disconnect(); // 不再观察
|
|
14
|
-
}).observe({ entryTypes: ['element'] }); // 观察页面中有意义的元素
|
|
15
|
-
new PerformanceObserver(function (entryList, observer) {
|
|
16
|
-
var perfEntries = entryList.getEntries();
|
|
17
|
-
LCP = perfEntries[0];
|
|
18
|
-
observer.disconnect(); // 不再观察
|
|
19
|
-
}).observe({ entryTypes: ['largest-contentful-paint'] }); // 观察页面中最大的元素
|
|
20
|
-
new PerformanceObserver(function (entryList, observer) {
|
|
21
|
-
var firstInput = entryList.getEntries();
|
|
22
|
-
console.log('FID', firstInput);
|
|
23
|
-
if (firstInput) {
|
|
24
|
-
var inputDelay = firstInput.processingStart - firstInput.startTime;
|
|
25
|
-
var duration = firstInput.duration;
|
|
26
|
-
if (inputDelay > 0 || duration > 0) {
|
|
27
|
-
tracker_1.default.send({
|
|
28
|
-
kind: 'experience',
|
|
29
|
-
type: 'firstInputDelay',
|
|
30
|
-
inputDelay: inputDelay,
|
|
31
|
-
duration: duration,
|
|
32
|
-
startTime: firstInput.startTime
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
observer.disconnect(); // 不再观察
|
|
37
|
-
}).observe({ type: 'first-input', buffered: true }); // 观察页面中最大的元素
|
|
38
|
-
onload_1.default(function () {
|
|
39
|
-
setTimeout(function () {
|
|
40
|
-
console.dir(window.performance);
|
|
41
|
-
var _a = performance.getEntriesByType('navigation')[0], fetchStart = _a.fetchStart, connectStart = _a.connectStart, connectEnd = _a.connectEnd, requestStart = _a.requestStart, responseStart = _a.responseStart, responseEnd = _a.responseEnd, domInteractive = _a.domInteractive, domContentLoadedEventStart = _a.domContentLoadedEventStart, domContentLoadedEventEnd = _a.domContentLoadedEventEnd, loadEventStart = _a.loadEventStart;
|
|
42
|
-
tracker_1.default.send({
|
|
43
|
-
kind: 'experience',
|
|
44
|
-
type: 'timing',
|
|
45
|
-
connectTime: connectEnd - connectStart,
|
|
46
|
-
ttfbTime: responseStart - requestStart,
|
|
47
|
-
responseTime: responseEnd - responseStart,
|
|
48
|
-
domContentLoadedTime: domContentLoadedEventEnd - domContentLoadedEventStart,
|
|
49
|
-
timeToInteractive: domInteractive - fetchStart,
|
|
50
|
-
loadTime: loadEventStart - fetchStart // 完整的页面加载时间
|
|
51
|
-
});
|
|
52
|
-
var FP = performance.getEntriesByName('first-paint')[0];
|
|
53
|
-
var FCP = performance.getEntriesByName('first-contentful-paint')[0];
|
|
54
|
-
console.log('FP', FP);
|
|
55
|
-
console.log('FCP', FCP);
|
|
56
|
-
console.log('FMP', FMP);
|
|
57
|
-
console.log('LCP', LCP);
|
|
58
|
-
tracker_1.default.send({
|
|
59
|
-
kind: 'experience',
|
|
60
|
-
type: 'paint',
|
|
61
|
-
FP: FP.startTime,
|
|
62
|
-
FCP: FCP.startTime,
|
|
63
|
-
FMP: FMP.startTime,
|
|
64
|
-
LCP: LCP.startTime,
|
|
65
|
-
});
|
|
66
|
-
}, 3000);
|
|
67
|
-
});
|
|
68
|
-
}
|
|
69
|
-
exports.default = timing;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
var onload_1 = __importDefault(require("../utils/onload"));
|
|
7
|
+
var tracker_1 = __importDefault(require("../utils/tracker"));
|
|
8
|
+
function timing() {
|
|
9
|
+
var FMP, LCP;
|
|
10
|
+
new PerformanceObserver(function (entryList, observer) {
|
|
11
|
+
var perfEntries = entryList.getEntries();
|
|
12
|
+
FMP = perfEntries[0];
|
|
13
|
+
observer.disconnect(); // 不再观察
|
|
14
|
+
}).observe({ entryTypes: ['element'] }); // 观察页面中有意义的元素
|
|
15
|
+
new PerformanceObserver(function (entryList, observer) {
|
|
16
|
+
var perfEntries = entryList.getEntries();
|
|
17
|
+
LCP = perfEntries[0];
|
|
18
|
+
observer.disconnect(); // 不再观察
|
|
19
|
+
}).observe({ entryTypes: ['largest-contentful-paint'] }); // 观察页面中最大的元素
|
|
20
|
+
new PerformanceObserver(function (entryList, observer) {
|
|
21
|
+
var firstInput = entryList.getEntries();
|
|
22
|
+
console.log('FID', firstInput);
|
|
23
|
+
if (firstInput) {
|
|
24
|
+
var inputDelay = firstInput.processingStart - firstInput.startTime;
|
|
25
|
+
var duration = firstInput.duration;
|
|
26
|
+
if (inputDelay > 0 || duration > 0) {
|
|
27
|
+
tracker_1.default.send({
|
|
28
|
+
kind: 'experience',
|
|
29
|
+
type: 'firstInputDelay',
|
|
30
|
+
inputDelay: inputDelay,
|
|
31
|
+
duration: duration,
|
|
32
|
+
startTime: firstInput.startTime
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
observer.disconnect(); // 不再观察
|
|
37
|
+
}).observe({ type: 'first-input', buffered: true }); // 观察页面中最大的元素
|
|
38
|
+
(0, onload_1.default)(function () {
|
|
39
|
+
setTimeout(function () {
|
|
40
|
+
console.dir(window.performance);
|
|
41
|
+
var _a = performance.getEntriesByType('navigation')[0], fetchStart = _a.fetchStart, connectStart = _a.connectStart, connectEnd = _a.connectEnd, requestStart = _a.requestStart, responseStart = _a.responseStart, responseEnd = _a.responseEnd, domInteractive = _a.domInteractive, domContentLoadedEventStart = _a.domContentLoadedEventStart, domContentLoadedEventEnd = _a.domContentLoadedEventEnd, loadEventStart = _a.loadEventStart;
|
|
42
|
+
tracker_1.default.send({
|
|
43
|
+
kind: 'experience',
|
|
44
|
+
type: 'timing',
|
|
45
|
+
connectTime: connectEnd - connectStart,
|
|
46
|
+
ttfbTime: responseStart - requestStart,
|
|
47
|
+
responseTime: responseEnd - responseStart,
|
|
48
|
+
domContentLoadedTime: domContentLoadedEventEnd - domContentLoadedEventStart,
|
|
49
|
+
timeToInteractive: domInteractive - fetchStart,
|
|
50
|
+
loadTime: loadEventStart - fetchStart // 完整的页面加载时间
|
|
51
|
+
});
|
|
52
|
+
var FP = performance.getEntriesByName('first-paint')[0];
|
|
53
|
+
var FCP = performance.getEntriesByName('first-contentful-paint')[0];
|
|
54
|
+
console.log('FP', FP);
|
|
55
|
+
console.log('FCP', FCP);
|
|
56
|
+
console.log('FMP', FMP);
|
|
57
|
+
console.log('LCP', LCP);
|
|
58
|
+
tracker_1.default.send({
|
|
59
|
+
kind: 'experience',
|
|
60
|
+
type: 'paint',
|
|
61
|
+
FP: FP.startTime,
|
|
62
|
+
FCP: FCP.startTime,
|
|
63
|
+
FMP: FMP.startTime,
|
|
64
|
+
LCP: LCP.startTime,
|
|
65
|
+
});
|
|
66
|
+
}, 3000);
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
exports.default = timing;
|