@haluo/util 2.0.6 → 2.0.7
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/README.md +1 -1
- package/dist/index.cjs.js +89 -0
- package/dist/index.d.ts +12 -0
- package/dist/index.esm.js +87 -0
- package/dist/index.js +36 -50
- package/dist/lib-list.d.ts +2 -0
- package/dist/modules/cookie/index.d.ts +27 -0
- package/dist/modules/cookie/index.js +54 -55
- package/dist/modules/date/index.d.ts +1 -0
- package/dist/modules/date/index.js +192 -192
- package/dist/modules/dom/index.d.ts +1 -0
- package/dist/modules/dom/index.js +62 -62
- package/dist/modules/filter/index.d.ts +26 -0
- package/dist/modules/filter/index.js +57 -48
- package/dist/modules/format/index.d.ts +13 -0
- package/dist/modules/format/index.js +21 -22
- package/dist/modules/match/index.d.ts +1 -0
- package/dist/modules/match/index.js +31 -31
- package/dist/modules/monitor/index.js +17 -17
- package/dist/modules/monitor/lib/jsError.js +61 -53
- package/dist/modules/monitor/lib/timing.js +69 -69
- package/dist/modules/monitor/lib/xhr.js +50 -48
- package/dist/modules/monitor/utils/onload.js +11 -11
- package/dist/modules/monitor/utils/tracker.js +84 -63
- package/dist/modules/number/index.d.ts +39 -0
- package/dist/modules/number/index.js +102 -103
- package/dist/modules/sentry/index.d.ts +15 -0
- package/dist/modules/sentry/index.js +78 -81
- package/dist/modules/tools/index.d.ts +1 -0
- package/dist/modules/tools/index.js +393 -393
- package/dist/tsconfig.tsbuildinfo +2915 -1
- package/dist/types/index.d.ts +3 -24
- package/dist/types/index.js +2 -2
- package/dist/types/modules/cookie/index.d.ts +25 -27
- package/dist/types/modules/date/index.d.ts +1 -52
- package/dist/types/modules/dom/index.d.ts +1 -28
- package/dist/types/modules/filter/index.d.ts +26 -24
- package/dist/types/modules/format/index.d.ts +13 -15
- package/dist/types/modules/match/index.d.ts +1 -12
- package/dist/types/modules/monitor/index.d.ts +3 -3
- package/dist/types/modules/monitor/lib/jsError.d.ts +1 -1
- package/dist/types/modules/monitor/lib/timing.d.ts +1 -1
- package/dist/types/modules/monitor/lib/xhr.d.ts +1 -1
- package/dist/types/modules/monitor/utils/onload.d.ts +1 -1
- package/dist/types/modules/monitor/utils/tracker.d.ts +8 -7
- package/dist/types/modules/number/index.d.ts +39 -41
- package/dist/types/modules/sentry/index.d.ts +15 -15
- package/dist/types/modules/tools/index.d.ts +1 -166
- package/dist/types/types/index.d.ts +3 -3
- package/package.json +2 -2
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
interface Obj {
|
|
2
|
+
[prop: string]: any;
|
|
3
|
+
}
|
|
4
|
+
declare class Format {
|
|
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
|
+
transformObjectNullVal<T extends Obj>(obj: T, separator?: string): T;
|
|
13
|
+
}
|
|
@@ -1,22 +1,21 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
* @
|
|
8
|
-
* @param {
|
|
9
|
-
*
|
|
10
|
-
*
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
cur
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
exports.default = 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();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -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
|
-
exports
|
|
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
|
-
|
|
14
|
-
|
|
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
|
+
jsError_1.injectJsError(data);
|
|
14
|
+
xhr_1.default(data);
|
|
15
|
+
}
|
|
16
|
+
exports.default = setup;
|
|
17
|
+
// timing()
|
|
@@ -1,53 +1,61 @@
|
|
|
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
|
-
|
|
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
|
+
// track.send({
|
|
24
|
+
// kind: 'stability',
|
|
25
|
+
// type: 'error',
|
|
26
|
+
// title: 'resourceError',
|
|
27
|
+
// filename: e.target.src || e.target.href,
|
|
28
|
+
// tagName: e.target.tagName,
|
|
29
|
+
// reason: e.target.src || e.target.href,
|
|
30
|
+
// ...data
|
|
31
|
+
// // selector: lastEvent ? get
|
|
32
|
+
// })
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
tracker_1.default.send(__assign({ kind: 'stability', type: 'error', title: 'jsError', message: e.message, filename: e.filename, position: e.lineno + ":" + e.colno, reason: e.error.stack }, data
|
|
36
|
+
// selector: lastEvent ? get
|
|
37
|
+
));
|
|
38
|
+
}, true);
|
|
39
|
+
window.addEventListener('unhandledrejection', function (e) {
|
|
40
|
+
var message, filename, line, column, stack;
|
|
41
|
+
var reason = e.reason;
|
|
42
|
+
if (typeof reason === 'string') {
|
|
43
|
+
message = reason;
|
|
44
|
+
}
|
|
45
|
+
else if (typeof reason === 'object') {
|
|
46
|
+
if (reason.stack) {
|
|
47
|
+
var matchResult = reason.stack.match(/at\s+(.+):(\d+):(\d+)/);
|
|
48
|
+
filename = matchResult[1];
|
|
49
|
+
line = matchResult[2];
|
|
50
|
+
column = matchResult[3];
|
|
51
|
+
}
|
|
52
|
+
message = reason.message;
|
|
53
|
+
stack = reason.stack;
|
|
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,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
|
-
|
|
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
|
+
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,48 +1,50 @@
|
|
|
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
|
-
var tracker_1 = __importDefault(require("../utils/tracker"));
|
|
18
|
-
function injectXHR(data) {
|
|
19
|
-
if (data === void 0) { data = {}; }
|
|
20
|
-
var XMLHttpRequest = window.XMLHttpRequest;
|
|
21
|
-
var oldOpen = XMLHttpRequest.prototype.open;
|
|
22
|
-
XMLHttpRequest.prototype.open = function (method, url, async) {
|
|
23
|
-
this.logData = { method: method, url: url, async: async };
|
|
24
|
-
return oldOpen.apply(this, arguments);
|
|
25
|
-
};
|
|
26
|
-
var oldSend = XMLHttpRequest.prototype.send;
|
|
27
|
-
XMLHttpRequest.prototype.send = function (body) {
|
|
28
|
-
var _this = this;
|
|
29
|
-
if (this.logData) {
|
|
30
|
-
var startTime_1 = Date.now();
|
|
31
|
-
var handler = function (type) { return function (event) {
|
|
32
|
-
if (_this.logData.url.indexOf('app/collect/original/info/report/v2') > -1)
|
|
33
|
-
return;
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
var
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
this.addEventListener('
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
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
|
+
var tracker_1 = __importDefault(require("../utils/tracker"));
|
|
18
|
+
function injectXHR(data) {
|
|
19
|
+
if (data === void 0) { data = {}; }
|
|
20
|
+
var XMLHttpRequest = window.XMLHttpRequest;
|
|
21
|
+
var oldOpen = XMLHttpRequest.prototype.open;
|
|
22
|
+
XMLHttpRequest.prototype.open = function (method, url, async) {
|
|
23
|
+
this.logData = { method: method, url: url, async: async };
|
|
24
|
+
return oldOpen.apply(this, arguments);
|
|
25
|
+
};
|
|
26
|
+
var oldSend = XMLHttpRequest.prototype.send;
|
|
27
|
+
XMLHttpRequest.prototype.send = function (body) {
|
|
28
|
+
var _this = this;
|
|
29
|
+
if (this.logData) {
|
|
30
|
+
var startTime_1 = Date.now();
|
|
31
|
+
var handler = function (type) { return function (event) {
|
|
32
|
+
if (_this.logData.url.indexOf('app/collect/original/info/report/v2') > -1)
|
|
33
|
+
return;
|
|
34
|
+
// status = 0 是在跨域与404的情况下
|
|
35
|
+
// 当前都是在readyState为4(请求已完成)的情况下,进行处理
|
|
36
|
+
if (type !== 'error' || _this.status === 0)
|
|
37
|
+
return;
|
|
38
|
+
var duration = Date.now() - startTime_1;
|
|
39
|
+
var status = _this.status;
|
|
40
|
+
var statusText = _this.statusText;
|
|
41
|
+
tracker_1.default.send(__assign({ kind: 'stability', type: 'xhr', eventType: event.type, pathname: _this.logData.url, status: status + '-' + statusText, duration: duration, response: _this.response ? JSON.stringify(_this.response) : '', params: body || '', title: 'xhr', reason: status + '-' + statusText + (" " + _this.logData.url + " " + (_this.response ? JSON.stringify(_this.response) : '')) }, data));
|
|
42
|
+
}; };
|
|
43
|
+
this.addEventListener('load', handler('load'), false);
|
|
44
|
+
this.addEventListener('error', handler('error'), false);
|
|
45
|
+
this.addEventListener('abort', handler('abort'), false);
|
|
46
|
+
}
|
|
47
|
+
return oldSend.apply(this, arguments);
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
exports.default = injectXHR;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
function onload(cb) {
|
|
4
|
-
if (document.readyState) {
|
|
5
|
-
cb();
|
|
6
|
-
}
|
|
7
|
-
else {
|
|
8
|
-
window.addEventListener('load', cb);
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
exports.default = onload;
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
function onload(cb) {
|
|
4
|
+
if (document.readyState) {
|
|
5
|
+
cb();
|
|
6
|
+
}
|
|
7
|
+
else {
|
|
8
|
+
window.addEventListener('load', cb);
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
exports.default = onload;
|