jason-trace-log 1.0.4 → 1.0.7

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

@@ -276,117 +276,6 @@
         // 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) {
         // 其他
@@ -524,12 +413,12 @@
             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)
@@ -624,22 +513,22 @@
     }
     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;
@@ -671,23 +560,19 @@
     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);
                             }
@@ -703,12 +588,6 @@
                                     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 = {};
                             }
@@ -850,7 +729,9 @@
                 });
             }
             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);
@@ -910,7 +791,6 @@
 
     var BaseTrace = /** @class */ (function () {
         function BaseTrace(options) {
-            var _this = this;
             // 日志上报后端API
             this.dsn = '';
             // 页面ID
@@ -942,12 +822,13 @@
             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;
@@ -958,30 +839,26 @@
                 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,
@@ -989,10 +866,11 @@
                 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,
@@ -1000,10 +878,11 @@
                 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,
@@ -1011,7 +890,8 @@
                 message: message,
                 time: getTimestamp(),
                 dataId: hashCode("".concat(message, "|").concat(tag || '')),
-                tag: tag
+                tag: tag,
+                extra: extra
             });
         };
         BaseTrace.prototype.setTraceData = function (data) {
@@ -1029,30 +909,26 @@
                 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 === exports.SendMethod.LTS) {
+                send(this.sendMethod, this.dsn, this.ltsConfig, data);
+            }
+            else {
+                this.queue.push(data);
+            }
         };
         BaseTrace.prototype.createPerfReport = function () {
             var _this = this;
@@ -1065,7 +941,7 @@
                 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)
                         }
@@ -1074,18 +950,63 @@
                 }
                 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',
@@ -1105,7 +1026,7 @@
                     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');
@@ -1127,7 +1048,7 @@
                     message: event.message,
                     time: getTimestamp()
                 });
-                this.queue.push(this.setTraceData(traceData));
+                this.enqueueOrSend(this.setTraceData(traceData));
             }
         };
         BaseTrace.prototype.handleObserverResource = function (entry) {
@@ -1153,7 +1074,7 @@
         };
         // 这里的构造数据有问题，后续需要更新
         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',
@@ -1163,31 +1084,20 @@
                 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 () {
@@ -1207,17 +1117,21 @@
             });
         };
         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) {
@@ -1230,14 +1144,19 @@
         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) {
@@ -1275,14 +1194,15 @@
             });
             // 监听页面性能
             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 !== exports.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;
         };
@@ -1303,13 +1223,12 @@
             return instance;
         }
         instance = TraceSdk.init(options);
-        console.log('instance: ', instance);
+        console.log('instances: ', instance);
         return instance;
     };
-    // @ts-ignore
-    window.traceSdkInit = init;
 
     exports.init = init;
+    exports.BaseTrace = BaseTrace;
 
     Object.defineProperty(exports, '__esModule', { value: true });