jason-trace-log 1.0.5 → 1.0.7

package/dist/jason-trace-log.esm.js

@@ -270,117 +270,6 @@ var onVitals = function (saveMetric) {
     // onFCP(saveMetric)
 };
 
-/**
- *  base64.ts
- *
- *  Licensed under the BSD 3-Clause License.
- *    http://opensource.org/licenses/BSD-3-Clause
- *
- *  References:
- *    http://en.wikipedia.org/wiki/Base64
- *
- * @author Dan Kogai (https://github.com/dankogai)
- */
-const _hasBuffer = typeof Buffer === 'function';
-const _TD = typeof TextDecoder === 'function' ? new TextDecoder() : undefined;
-const _TE = typeof TextEncoder === 'function' ? new TextEncoder() : undefined;
-const b64ch = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
-const b64chs = Array.prototype.slice.call(b64ch);
-const b64tab = ((a) => {
-    let tab = {};
-    a.forEach((c, i) => tab[c] = i);
-    return tab;
-})(b64chs);
-const _fromCC = String.fromCharCode.bind(String);
-const _U8Afrom = typeof Uint8Array.from === 'function'
-    ? Uint8Array.from.bind(Uint8Array)
-    : (it) => new Uint8Array(Array.prototype.slice.call(it, 0));
-const _mkUriSafe = (src) => src
-    .replace(/=/g, '').replace(/[+\/]/g, (m0) => m0 == '+' ? '-' : '_');
-/**
- * polyfill version of `btoa`
- */
-const btoaPolyfill = (bin) => {
-    // console.log('polyfilled');
-    let u32, c0, c1, c2, asc = '';
-    const pad = bin.length % 3;
-    for (let i = 0; i < bin.length;) {
-        if ((c0 = bin.charCodeAt(i++)) > 255 ||
-            (c1 = bin.charCodeAt(i++)) > 255 ||
-            (c2 = bin.charCodeAt(i++)) > 255)
-            throw new TypeError('invalid character found');
-        u32 = (c0 << 16) | (c1 << 8) | c2;
-        asc += b64chs[u32 >> 18 & 63]
-            + b64chs[u32 >> 12 & 63]
-            + b64chs[u32 >> 6 & 63]
-            + b64chs[u32 & 63];
-    }
-    return pad ? asc.slice(0, pad - 3) + "===".substring(pad) : asc;
-};
-/**
- * does what `window.btoa` of web browsers do.
- * @param {String} bin binary string
- * @returns {string} Base64-encoded string
- */
-const _btoa = typeof btoa === 'function' ? (bin) => btoa(bin)
-    : _hasBuffer ? (bin) => Buffer.from(bin, 'binary').toString('base64')
-        : btoaPolyfill;
-const _fromUint8Array = _hasBuffer
-    ? (u8a) => Buffer.from(u8a).toString('base64')
-    : (u8a) => {
-        // cf. https://stackoverflow.com/questions/12710001/how-to-convert-uint8-array-to-base64-encoded-string/12713326#12713326
-        const maxargs = 0x1000;
-        let strs = [];
-        for (let i = 0, l = u8a.length; i < l; i += maxargs) {
-            strs.push(_fromCC.apply(null, u8a.subarray(i, i + maxargs)));
-        }
-        return _btoa(strs.join(''));
-    };
-// This trick is found broken https://github.com/dankogai/js-base64/issues/130
-// const utob = (src: string) => unescape(encodeURIComponent(src));
-// reverting good old fationed regexp
-const cb_utob = (c) => {
-    if (c.length < 2) {
-        var cc = c.charCodeAt(0);
-        return cc < 0x80 ? c
-            : cc < 0x800 ? (_fromCC(0xc0 | (cc >>> 6))
-                + _fromCC(0x80 | (cc & 0x3f)))
-                : (_fromCC(0xe0 | ((cc >>> 12) & 0x0f))
-                    + _fromCC(0x80 | ((cc >>> 6) & 0x3f))
-                    + _fromCC(0x80 | (cc & 0x3f)));
-    }
-    else {
-        var cc = 0x10000
-            + (c.charCodeAt(0) - 0xD800) * 0x400
-            + (c.charCodeAt(1) - 0xDC00);
-        return (_fromCC(0xf0 | ((cc >>> 18) & 0x07))
-            + _fromCC(0x80 | ((cc >>> 12) & 0x3f))
-            + _fromCC(0x80 | ((cc >>> 6) & 0x3f))
-            + _fromCC(0x80 | (cc & 0x3f)));
-    }
-};
-const re_utob = /[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g;
-/**
- * @deprecated should have been internal use only.
- * @param {string} src UTF-8 string
- * @returns {string} UTF-16 string
- */
-const utob = (u) => u.replace(re_utob, cb_utob);
-//
-const _encode = _hasBuffer
-    ? (s) => Buffer.from(s, 'utf8').toString('base64')
-    : _TE
-        ? (s) => _fromUint8Array(_TE.encode(s))
-        : (s) => _btoa(utob(s));
-/**
- * converts a UTF-8-encoded string to a Base64 string.
- * @param {boolean} [urlsafe] if `true` make the result URL-safe
- * @returns {string} Base64 string
- */
-const encode = (src, urlsafe = false) => urlsafe
-    ? _mkUriSafe(_encode(src))
-    : _encode(src);
-
 var TraceDataSeverity;
 (function (TraceDataSeverity) {
     // 其他
@@ -519,12 +408,12 @@ var isResourceTarget = function (target) {
         target instanceof HTMLAudioElement;
 };
 /**
-* 根据字符串生成hashcode
-*
-* @export
-* @param {string} str
-* @return {*}  {number} 可为正数和负数
-*/
+ * 根据字符串生成hashcode
+ *
+ * @export
+ * @param {string} str
+ * @return {*}  {number} 可为正数和负数
+ */
 function hashCode(str) {
     var hash = 0;
     if (str.length == 0)
@@ -619,22 +508,22 @@ function getTraceDataType(type) {
 }
 function getPerfLevel(data) {
     var level = TraceLevelType.Info;
-    if (data.LCPRating === 'poor'
-        || data.FIDRating === 'poor'
-        || data.FCPRating === 'poor'
-        || data.TTFBRating === 'poor'
-        || data.CLSRating === 'poor'
-        || data.INPRating === 'poor') {
+    if (data.LCPRating === 'poor' ||
+        data.FIDRating === 'poor' ||
+        data.FCPRating === 'poor' ||
+        data.TTFBRating === 'poor' ||
+        data.CLSRating === 'poor' ||
+        data.INPRating === 'poor') {
         // console.log('[getPerfLevel] error')
         level = TraceLevelType.Error;
         return;
     }
-    if (data.LCPRating === 'needs improvement'
-        || data.CLSRating === 'needs improvement'
-        || data.FCPRating === 'needs improvement'
-        || data.FIDRating === 'needs improvement'
-        || data.INPRating === 'needs improvement'
-        || data.TTFBRating === 'needs improvement') {
+    if (data.LCPRating === 'needs improvement' ||
+        data.CLSRating === 'needs improvement' ||
+        data.FCPRating === 'needs improvement' ||
+        data.FIDRating === 'needs improvement' ||
+        data.INPRating === 'needs improvement' ||
+        data.TTFBRating === 'needs improvement') {
         // console.log('[getPerfLevel] warn')
         level = TraceLevelType.Warn;
         return;
@@ -666,23 +555,19 @@ function safeStringify(obj) {
 var originFetch = window.fetch;
 // 拦截fetch
 var interceptFetch = function (_a) {
-    var pagePath = _a.pagePath, onError = _a.onError, onBefore = _a.onBefore, onAfter = _a.onAfter;
+    var onError = _a.onError, onBefore = _a.onBefore, onAfter = _a.onAfter;
     return function () {
         var args = [];
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
         }
         return __awaiter(void 0, void 0, void 0, function () {
-            var url, options, startTime, traceId, traceSegmentId, appId, appVersion, traceIdStr, segmentId, service, instance, endpoint, peer, res, err_1;
+            var url, options, startTime, res, err_1;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         url = args[0], options = args[1];
                         startTime = getTimestamp();
-                        traceId = uuid();
-                        traceSegmentId = uuid();
-                        appId = uuid();
-                        appVersion = 'v1.0.0';
                         if (Object.prototype.toString.call(args[0]) === '[object Request]') {
                             url = new URL(url.url);
                         }
@@ -698,12 +583,6 @@ var interceptFetch = function (_a) {
                                 url.pathname = args[0];
                             }
                         }
-                        traceIdStr = String(encode(traceId));
-                        segmentId = String(encode(traceSegmentId));
-                        service = String(encode(appId));
-                        instance = String(encode(appVersion));
-                        endpoint = String(encode(pagePath));
-                        peer = String(encode(url.host));
                         if (!options) {
                             options = {};
                         }
@@ -845,7 +724,9 @@ function sendByLTS(ltsConfig, data) {
             });
         }
         var ltsData = convertTraceDataToLTS(data);
-        ltsInstance.reportImmediately(ltsData);
+        // 使用 reportImmediately 的第二个参数传递标签
+        // 标签格式: { key: 'value' }，最多支持 50 个标签
+        ltsInstance.report(ltsData);
     }
     catch (error) {
         console.error('Failed to send data to LTS:', error);
@@ -905,7 +786,6 @@ function send(method, url, ltsConfig, data) {
 
 var BaseTrace = /** @class */ (function () {
     function BaseTrace(options) {
-        var _this = this;
         // 日志上报后端API
         this.dsn = '';
         // 页面ID
@@ -937,12 +817,13 @@ var BaseTrace = /** @class */ (function () {
         this.maxBreadcrumb = 10;
         // 是否开启用户行为
         this.breadcrumbEnabled = true;
-        this.observer = null;
         // 存储链路日志数据
         this.queue = [];
         // 发送请求时间间隔
         this.sendTimer = 1000;
-        console.log('BaseTrace constructor.');
+        // 自定义全局字段
+        this.customGlobalFields = {};
+        this.debug && console.log('BaseTrace constructor.');
         this.pageId = uuid();
         this.dsn = options.dsn || '';
         this.appId = options.appId;
@@ -953,30 +834,26 @@ var BaseTrace = /** @class */ (function () {
             id: generateUniqueId$1()
         };
         this.fpId = getFingerprintId('TraceCourse');
-        this.observer = new PerformanceObserver(function (list, observer) {
-            list.getEntries().forEach(function (entry) {
-                _this.debug && console.debug("name    : ".concat(entry.name));
-                _this.debug && console.debug("type    : ".concat(entry.entryType));
-                _this.debug && console.debug("duration: ".concat(entry.duration));
-                if (entry.entryType === 'resource') {
-                    _this.handleObserverResource(entry);
-                }
-            });
-        });
+        this.customGlobalFields = options.customGlobalFields || {};
     }
     BaseTrace.prototype.log = function (log) {
-        this.saveBreadcrumb({
-            name: 'customer-log',
-            level: log.level,
-            type: dataTypes2BreadcrumbsType(log.type),
-            category: dataCategory2BreadcrumbsCategory(log.type),
-            message: log.message,
-            time: getTimestamp()
-        });
-        this.debug && console.debug("log: ".concat(JSON.stringify(log)));
-        this.send(log);
+        try {
+            this.saveBreadcrumb({
+                name: 'customer-log',
+                level: log.level,
+                type: dataTypes2BreadcrumbsType(log.type),
+                category: dataCategory2BreadcrumbsCategory(log.type),
+                message: log.message,
+                time: getTimestamp()
+            });
+            this.debug && console.debug("log: ".concat(JSON.stringify(log)));
+            this.send(log);
+        }
+        catch (error) {
+            console.error('Failed to log trace data:', error);
+        }
     };
-    BaseTrace.prototype.info = function (message, tag) {
+    BaseTrace.prototype.info = function (message, tag, extra) {
         this.log({
             name: 'customer-info',
             type: TraceDataTypes.LOG,
@@ -984,10 +861,11 @@ var BaseTrace = /** @class */ (function () {
             message: message,
             time: getTimestamp(),
             dataId: hashCode("".concat(message, "|").concat(tag || '')),
-            tag: tag
+            tag: tag,
+            extra: extra
         });
     };
-    BaseTrace.prototype.warn = function (message, tag) {
+    BaseTrace.prototype.warn = function (message, tag, extra) {
         this.log({
             name: 'customer-warning',
             type: TraceDataTypes.LOG,
@@ -995,10 +873,11 @@ var BaseTrace = /** @class */ (function () {
             message: message,
             time: getTimestamp(),
             dataId: hashCode("".concat(message, "|").concat(tag || '')),
-            tag: tag
+            tag: tag,
+            extra: extra
         });
     };
-    BaseTrace.prototype.error = function (message, tag) {
+    BaseTrace.prototype.error = function (message, tag, extra) {
         this.log({
             name: 'customer-error',
             type: TraceDataTypes.LOG,
@@ -1006,7 +885,8 @@ var BaseTrace = /** @class */ (function () {
             message: message,
             time: getTimestamp(),
             dataId: hashCode("".concat(message, "|").concat(tag || '')),
-            tag: tag
+            tag: tag,
+            extra: extra
         });
     };
     BaseTrace.prototype.setTraceData = function (data) {
@@ -1024,30 +904,26 @@ var BaseTrace = /** @class */ (function () {
             level = getPerfLevel(data);
             perf = data;
         }
-        var traceData = {
-            type: type,
-            level: level,
-            createdAt: getTimestamp(),
-            updatedAt: getTimestamp(),
-            data: _data,
-            perf: perf,
-            breadcrumbs: this.breadcrumb,
-            traceId: uuid(),
-            ua: this.userAgent,
-            bt: this.browserType,
-            fpId: this.fpId,
-            appId: this.appId,
-            clientType: TraceClientTypes.BROWSER_H5,
-            url: document.URL,
-            pid: this.pageId,
-            uid: this.uid
-        };
+        var traceData = __assign({ type: type, level: level, createdAt: getTimestamp(), updatedAt: getTimestamp(), data: _data, perf: perf, breadcrumbs: this.breadcrumb, traceId: uuid(), ua: this.userAgent, bt: this.browserType, fpId: this.fpId, appId: this.appId, clientType: TraceClientTypes.BROWSER_H5, url: typeof document !== 'undefined' ? document.URL : '', pid: this.pageId, uid: this.uid }, this.customGlobalFields);
         this.debug && console.log('[setTraceData]traceData: ', traceData);
         return traceData;
     };
     BaseTrace.prototype.send = function (data) {
-        var traceData = this.setTraceData(data);
-        send(this.sendMethod, this.dsn, this.ltsConfig, traceData);
+        try {
+            var traceData = this.setTraceData(data);
+            send(this.sendMethod, this.dsn, this.ltsConfig, traceData);
+        }
+        catch (error) {
+            console.error('Failed to send trace data:', error);
+        }
+    };
+    BaseTrace.prototype.enqueueOrSend = function (data) {
+        if (this.sendMethod === SendMethod.LTS) {
+            send(this.sendMethod, this.dsn, this.ltsConfig, data);
+        }
+        else {
+            this.queue.push(data);
+        }
     };
     BaseTrace.prototype.createPerfReport = function () {
         var _this = this;
@@ -1060,7 +936,7 @@ var BaseTrace = /** @class */ (function () {
             if (isLatestVisibilityChangeSupported) {
                 var onVisibilityChange = function () {
                     if (document.visibilityState === 'hidden') {
-                        console.log('this.send', _this.perfData);
+                        _this.debug && console.log('this.send', _this.perfData);
                         _this.send(_this.perfData);
                         // removeEventListener('visibilitychange', onVisibilityChange, true)
                     }
@@ -1069,18 +945,63 @@ var BaseTrace = /** @class */ (function () {
             }
             else {
                 addEventListener('pagehide', function () {
-                    console.log('pagehide', _this.perfData);
+                    _this.debug && console.log('pagehide', _this.perfData);
                     _this.send(_this.perfData);
                 }, { capture: true, once: true });
             }
         });
         return report;
     };
+    /**
+     * 保存 Promise 异常
+     */
+    BaseTrace.prototype.savePromiseError = function (reason) {
+        this.debug && console.log('[onPromiseRejection] reason: ', reason);
+        // 提取错误信息
+        var errorMessage = 'Unhandled Promise Rejection';
+        var errorStack = '';
+        var errorName = 'PromiseRejection';
+        if (reason instanceof Error) {
+            errorMessage = reason.message;
+            errorStack = reason.stack || '';
+            errorName = reason.name || 'Error';
+        }
+        else if (typeof reason === 'string') {
+            errorMessage = reason;
+        }
+        else {
+            errorMessage = String(reason);
+        }
+        var traceData = {
+            dataId: hashCode("promise-rejection-".concat(errorMessage, "-").concat(errorStack)),
+            name: 'promise-rejection',
+            level: TraceDataSeverity.Error,
+            message: errorMessage,
+            time: getTimestamp(),
+            type: TraceDataTypes.PROMISE,
+            stack: errorStack
+        };
+        this.resources.push(traceData);
+        this.breadcrumb.push({
+            name: errorName,
+            type: BreadcrumbTypes.UNHANDLEDREJECTION,
+            category: BreadcrumbsCategorys.Exception,
+            level: TraceDataSeverity.Error,
+            message: errorMessage,
+            stack: errorStack,
+            time: getTimestamp()
+        });
+        this.enqueueOrSend(this.setTraceData(traceData));
+    };
+    /**
+     * 保存 JavaScript 运行时错误和资源加载错误
+     */
     BaseTrace.prototype.saveError = function (event) {
-        console.log('[onResourceError] event: ', event);
+        this.debug && console.log('[onResourceError] event: ', event);
         var target = event.target || event.srcElement;
         var isResTarget = isResourceTarget(target);
         if (!isResTarget) {
+            // JavaScript 运行时错误
             var traceData = {
                 dataId: hashCode("".concat(event.type, "-").concat(event.error.stack)),
                 name: 'script-error',
@@ -1100,7 +1021,7 @@ var BaseTrace = /** @class */ (function () {
                 stack: event.error.stack,
                 time: getTimestamp()
             });
-            this.queue.push(this.setTraceData(traceData));
+            this.enqueueOrSend(this.setTraceData(traceData));
         }
         else {
             var url = target.getAttribute('src') || target.getAttribute('href');
@@ -1122,7 +1043,7 @@ var BaseTrace = /** @class */ (function () {
                 message: event.message,
                 time: getTimestamp()
             });
-            this.queue.push(this.setTraceData(traceData));
+            this.enqueueOrSend(this.setTraceData(traceData));
         }
     };
     BaseTrace.prototype.handleObserverResource = function (entry) {
@@ -1148,7 +1069,7 @@ var BaseTrace = /** @class */ (function () {
     };
     // 这里的构造数据有问题，后续需要更新
     BaseTrace.prototype.onFetchError = function (message) {
-        console.log('[onFetchError] message: ', message);
+        this.debug && console.log('[onFetchError] message: ', message);
         var traceBaseData = {
             dataId: hashCode("".concat(message.url, "-").concat(message.method, "-").concat(message.status, "-").concat(message.statusText)),
             name: 'fetch-error',
@@ -1158,31 +1079,20 @@ var BaseTrace = /** @class */ (function () {
             type: TraceDataTypes.HTTP
         };
         var errorData = __assign(__assign({}, traceBaseData), { url: message.url, status: message.status, message: message.statusText, method: message.method, body: message.body, elapsedTime: message.elapsedTime, httpType: 'fetch' });
-        console.log('error data: ', errorData);
-        this.queue.push(this.setTraceData(errorData));
+        this.debug && console.log('error data: ', errorData);
+        this.enqueueOrSend(this.setTraceData(errorData));
     };
     BaseTrace.prototype.onGlobalError = function () {
+        var _this = this;
         var _t = this;
-        console.log('onGlobalError');
+        this.debug && console.log('onGlobalError');
         window.addEventListener('error', function (event) {
             _t.saveError(event);
-        });
+        }, true);
+        // 单独处理 Promise 异常
         window.addEventListener('unhandledrejection', function (event) {
-            // _t.saveError(event)
-            console.log(event);
-            if (event instanceof PromiseRejectionEvent) {
-                var errorEvent = new ErrorEvent('promiseRejection', {
-                    message: event.reason.toString(),
-                    // filename: event.filename,
-                    // lineno: event.lineno,
-                    // colno: event.colno,
-                    error: event.reason
-                });
-                _t.saveError(errorEvent);
-            }
-            else if (event instanceof ErrorEvent) {
-                _t.saveError(event);
-            }
+            _this.debug && console.log('[unhandledrejection] event: ', event);
+            _t.savePromiseError(event.reason);
         });
     };
     BaseTrace.prototype.onGlobalClick = function () {
@@ -1202,17 +1112,21 @@ var BaseTrace = /** @class */ (function () {
         });
     };
     BaseTrace.prototype.onObserverResource = function () {
-        // const observer = new PerformanceObserver((list, observer) => {
-        //   list.getEntries().forEach((entry) => {
-        //     console.log(`name    : ${entry.name}`);
-        //     console.log(`type    : ${entry.entryType}`);
-        //     console.log(`duration: ${entry.duration}`);
-        //     _t.handleObserverResource(entry)
-        //   });
-        // });
-        // observer.observe({
-        //   entryTypes: ["resource"],
-        // });
+        var _this = this;
+        var _t = this;
+        var observer = new PerformanceObserver(function (list, observer) {
+            list.getEntries().forEach(function (entry) {
+                _this.debug && console.log("name    : ".concat(entry.name));
+                _this.debug && console.log("type    : ".concat(entry.entryType));
+                _this.debug && console.log("duration: ".concat(entry.duration));
+                if (entry.entryType === 'resource') {
+                    _t.handleObserverResource(entry);
+                }
+            });
+        });
+        observer.observe({
+            entryTypes: ['resource']
+        });
     };
     BaseTrace.prototype.saveBreadcrumb = function (data) {
         if (this.breadcrumbEnabled) {
@@ -1225,14 +1139,19 @@ var BaseTrace = /** @class */ (function () {
     BaseTrace.prototype.setUserId = function (userId) {
         this.uid = userId;
     };
+    /**
+     * 设置自定义全局字段
+     * @param fields 自定义全局字段
+     */
+    BaseTrace.prototype.setCustomGlobalFields = function (fields) {
+        this.customGlobalFields = __assign(__assign({}, this.customGlobalFields), fields);
+    };
     // 初始化实例
     BaseTrace.init = function (options) {
         var traceSdk = new BaseTrace(options);
         traceSdk.onGlobalError();
-        // traceSdk.onObserverResource()
-        traceSdk.observer.observe({
-            entryTypes: ['resource']
-        });
+        // traceSdk.onGlobalClick()
+        traceSdk.onObserverResource();
         window.fetch = interceptFetch({
             pagePath: '',
             onError: function (error) {
@@ -1270,14 +1189,15 @@ var BaseTrace = /** @class */ (function () {
         });
         // 监听页面性能
         onVitals(traceSdk.createPerfReport());
-        setInterval(function () {
-            console.log('[queue] traceSdk.queue: ', traceSdk.queue);
-            var data = traceSdk.queue.shift();
-            console.log('[queue] data: ', data);
-            if (data)
-                send(traceSdk.sendMethod, traceSdk.dsn, traceSdk.ltsConfig, data);
-        }, traceSdk.sendTimer);
-        // @ts-ignore
+        if (traceSdk.sendMethod !== SendMethod.LTS) {
+            setInterval(function () {
+                traceSdk.debug && console.log('[queue] traceSdk.queue: ', traceSdk.queue);
+                var data = traceSdk.queue.shift();
+                traceSdk.debug && console.log('[queue] data: ', data);
+                if (data)
+                    send(traceSdk.sendMethod, traceSdk.dsn, traceSdk.ltsConfig, data);
+            }, traceSdk.sendTimer);
+        }
         window.traceSdk = traceSdk;
         return traceSdk;
     };
@@ -1298,11 +1218,9 @@ var init = function (options) {
         return instance;
     }
     instance = TraceSdk.init(options);
-    console.log('instance: ', instance);
+    console.log('instances: ', instance);
     return instance;
 };
-// @ts-ignore
-window.traceSdkInit = init;
 
-export { init, SendMethod };
+export { init, SendMethod, BaseTrace };
 //# sourceMappingURL=jason-trace-log.esm.js.map