keeson-web-report-sdk 1.0.3 → 1.1.1

package/bundle.min.js

@@ -1,432 +1 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-  typeof define === 'function' && define.amd ? define(['exports'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.umd = {}));
-})(this, (function (exports) { 'use strict';
-
-  // 错误上报
-
-  // 全局错误处理
-  function globalErrorHandler(callback) {
-    window.onerror = function (msg, url, line, col, error) {
-     callback &&  callback({msg, url, line, col, error});
-    };
-  }
-
-  function promiseErrorHandler(callback) {
-    window.addEventListener("unhandledrejection", function (event) {
-      // console.log("Unhandled Promise Rejection:", event.reason);
-      callback && callback(event);
-    });
-  }
-
-  /**
-   * @param {*} v vue2的话是Vue，vue3的话是app
-   */
-  function vueErrorHandler(v, callback) {
-    // vue2 vue3
-    v.config.errorHandler = function (err, vm, info) {
-      // handle error
-      // `info` 是 Vue 特定的错误信息，比如错误发生在哪一个组件上
-      console.error(`Error in ${info}:`, err);
-      callback && callback({err, vm, info});
-    };
-  }
-
-  // react 
-  // export function reactErrorHandler() {
-  // }
-
-  // 性能上报
-  function reportPerformance(callback) {
-    if (PerformanceNavigationTiming) {
-      const time =
-        PerformanceNavigationTiming.loadEventEnd -
-        PerformanceNavigationTiming.navigationStart;
-      console.log("Page load time: " + time + "ms");
-
-      const lcp = PerformanceNavigationTiming.getEntriesByType(
-        "largest-contentful-paint"
-      )[0];
-      console.log("Largest Contentful Paint:", lcp.startTime);
-      const fcp = PerformanceNavigationTiming.getEntriesByType(
-        "first-contentful-paint"
-      )[0];
-      console.log("First Contentful Paint:", fcp.startTime);
-      const cls = PerformanceNavigationTiming.getEntriesByType("layout-shift")[0];
-      console.log("Cumulative Layout Shift:", cls.value);
-      const fmp =
-        PerformanceNavigationTiming.getEntriesByType("first-input-delay")[0];
-      console.log("First Input Delay:", fmp.startTime);
-      console.log("Total Blocking Time:", fmp.value);
-      const FID = PerformanceNavigationTiming.getEntriesByType("first-input")[0];
-      console.log("First Input:", FID.startTime);
-
-      // 计算DNS查询时间
-      const dnsTime =
-        PerformanceNavigationTiming.domainLookupEnd -
-        PerformanceNavigationTiming.domainLookupStart;
-      console.log("DNS查询时间:", dnsTime);
-
-
-      callback && callback({
-        time,
-        lcp,
-        fcp,
-        cls,
-        fmp,
-        FID,
-        dnsTime
-      });
-    }
-  }
-
-  function xhrReportHandle(onsuccess, onerror) {
-    var oldOpen = XMLHttpRequest.prototype.open;
-    XMLHttpRequest.prototype.open = function (method, url, async, user, pass) {
-      let startTime = Date.now();
-      this.addEventListener("load", function () {
-        const endTime = Date.now();
-        const duration = endTime - startTime;
-        onsuccess &&
-          onsuccess({
-            url: url,
-            method: method,
-            duration: duration,
-            status: this.status,
-            statusText: this.statusText,
-            response: this.responseText,
-          });
-        // 可以在这里处理响应
-        console.log("Response:", this.responseText);
-      });
-      this.addEventListener("error", function () {
-        console.log("Error:", this.statusText);
-        onerror &&
-          onerror({
-            url: url,
-            method: method,
-            duration: duration,
-            status: this.status,
-            statusText: this.statusText,
-            response: this.responseText,
-          });
-      });
-      // 修改或记录原始请求信息
-      console.log("Request URL:", url);
-      console.log("Request Method:", method);
-      // 继续原有的open调用
-      oldOpen.call(this, method, url, async, user, pass);
-    };
-  }
-
-  function fetchReportHandle(onsuccess, onerror) {
-    var realFetch = window.fetch;
-    window.fetch = function (url, options) {
-      console.log("Fetch URL:", url);
-      console.log("Fetch Options:", options);
-      // 可以在这里修改options，例如添加headers等
-      if (options && options.headers) {
-        options.headers["X-Custom-Header"] = "Value";
-      }
-      let startTime = Date.now();
-      // 继续原有的fetch调用
-      return realFetch(url, options)
-        .then((response) => {
-          const endTime = Date.now();
-          const duration = endTime - startTime;
-          onsuccess &&
-            onsuccess({
-              url: url,
-              method: method,
-              duration: duration,
-              status: response.status,
-              statusText: response.statusText,
-              response: response.responseText,
-            });
-          // 可以在这里处理响应
-          console.log("Response:", response);
-          return response;
-        })
-        .catch((error) => {
-          console.log("Error:", error);
-          onerror &&
-            onerror({
-              url: url,
-              method: method,
-              duration: duration,
-              // status: response.status,
-              // statusText: response.statusText,
-              // response: response.responseText,
-            });
-        });
-    };
-  }
-
-  // 用户行为上报
-
-  // 路由跳转监听
-
-  /**
-   * 监听地址栏路由变化，包括传统路由和虚拟路由（如Vue Router、React Router）
-   * 通过监听History API和popstate事件实现
-   * @param {Function} callback 路由变化时的回调函数，接收{ to, from }参数
-   * @returns {Function} 清理函数，用于移除监听
-   */
-  function routeChangeHandler(callback) {
-    // 保存原始的pushState和replaceState方法
-    const originalPushState = history.pushState;
-    const originalReplaceState = history.replaceState;
-
-    // 重写pushState方法
-    history.pushState = function (...args) {
-      const from = window.location.href;
-      const result = originalPushState.apply(this, args);
-      const to = window.location.href;
-      if (from !== to) {
-        callback({ to, from });
-      }
-      return result;
-    };
-
-    // 重写replaceState方法
-    history.replaceState = function (...args) {
-      const from = window.location.href;
-      const result = originalReplaceState.apply(this, args);
-      const to = window.location.href;
-      if (from !== to) {
-        callback({ to, from });
-      }
-      return result;
-    };
-
-    // 监听popstate事件（back/forward按钮）
-    const popstateHandler = () => {
-      // 对于popstate事件，我们无法直接获取from，所以使用当前URL作为from和to
-      // 在实际应用中，可以通过维护一个路由历史栈来获取更准确的from信息
-      callback({ to: window.location.href, from: window.location.href });
-    };
-    window.addEventListener("popstate", popstateHandler);
-
-    // 返回清理函数
-    return () => {
-      window.removeEventListener("popstate", popstateHandler);
-      // 恢复原始方法
-      history.pushState = originalPushState;
-      history.replaceState = originalReplaceState;
-    };
-  }
-
-  // /**
-  //  * Vue Router路由监听
-  //  * @param {Object} router Vue Router实例
-  //  * @param {Function} callback 路由变化时的回调函数，接收{ to, from }参数
-  //  * @returns {Function} 清理函数，用于移除监听
-  //  */
-  // function vueRouterChangeHandler(router, callback) {
-  //     if (!router) {
-  //         console.warn('Vue Router实例未提供，无法监听路由变化');
-  //         return () => {};
-  //     }
-
-  //     // 使用Vue Router的beforeEach钩子监听路由变化
-  //     const removeRouterHook = router.beforeEach((to, from, next) => {
-  //         callback({ to, from });
-  //         next();
-  //     });
-
-  //     // 同时监听History API变化，确保覆盖所有路由变化场景
-  //     const removeHistoryListener = routeChangeHandler(callback);
-
-  //     // 返回组合的清理函数
-  //     return () => {
-  //         removeRouterHook();
-  //         removeHistoryListener();
-  //     };
-  // }
-
-  // /**
-  //  * React Router路由监听（支持v4+）
-  //  * @param {Object} history React Router的history对象
-  //  * @param {Function} callback 路由变化时的回调函数，接收{ to, from }参数
-  //  * @returns {Function} 清理函数，用于移除监听
-  //  */
-  // function reactRouterChangeHandler(history, callback) {
-  //     if (!history) {
-  //         console.warn('React Router的history对象未提供，无法监听路由变化');
-  //         return () => {};
-  //     }
-
-  //     let lastLocation = history.location;
-
-  //     // 使用history.listen监听路由变化
-  //     const unlisten = history.listen((location) => {
-  //         callback({ to: location, from: lastLocation });
-  //         lastLocation = location;
-  //     });
-
-  //     // 同时监听History API变化，确保覆盖所有路由变化场景
-  //     const removeHistoryListener = routeChangeHandler(callback);
-
-  //     // 返回组合的清理函数
-  //     return () => {
-  //         unlisten();
-  //         removeHistoryListener();
-  //     };
-  // }
-
-  /**
-   * 初始化路由监听
-   * @param {Object} options 配置选项
-   * @param {Object} [options.vueRouter] Vue Router实例
-   * @param {Object} [options.reactHistory] React Router的history对象
-   * @param {Function} callback 路由变化时的回调函数
-   * @returns {Function} 清理函数，用于移除所有监听
-   */
-  function initRouteListener(callback) {
-    const cleanups = [];
-
-    // // 如果提供了Vue Router实例，使用Vue Router的监听方式
-    // if (options.vueRouter) {
-    //     cleanups.push(vueRouterChangeHandler(options.vueRouter, callback));
-    // }
-
-    // // 如果提供了React Router的history对象，使用React Router的监听方式
-    // else if (options.reactHistory) {
-    //     cleanups.push(reactRouterChangeHandler(options.reactHistory, callback));
-    // }
-
-    // // 否则使用通用的路由监听方式
-    // else {
-    //     cleanups.push(routeChangeHandler(callback));
-    // }
-    cleanups.push(routeChangeHandler(callback));
-    // 返回组合的清理函数
-    return () => {
-      cleanups.forEach((cleanup) => cleanup());
-    };
-  }
-
-  const defaultOptions = {
-    appId: "", // appId
-    // appName: '',
-    // appVersion: '',
-    env: "production",
-    appUrl: window.location.origin, // 站点地址, 对应应用配置网站站点地址
-
-    reportError: true,
-    reportPromiseReject: true,
-    reportVueError: true,
-    vueInstance: null,
-
-    reportPerformance: true, // 是否上报性能数据
-
-    reportLongTimeRequest: true, // 是否上报长请求时间接口
-    longTimeRequestThreshold: 2000, // 长请求时间阈值，单位毫秒
-    reportErrorReqest: true, // 是否上报报错请求
-
-    reportUserNavigate: true, // 是否上报用户导航行为
-  };
-
-  class Report {
-    records = [];
-    timer = null;
-    options = {};
-    constructor(options) {
-      this.options = { ...defaultOptions, ...options };
-    }
-    init() {
-      // listen and callback
-      if (this.options.reportError) {
-        globalErrorHandler(({ msg, url, line, col, error }) => {
-          console.log({ msg, url, line, col, error });
-        });
-      }
-      if (this.options.reportPromiseReject) {
-        promiseErrorHandler((event) => {
-          console.log("Unhandled Promise Rejection:", event, event.reason);
-        });
-      }
-      if (this.options.reportVueError && this.options.vueInstance) {
-        vueErrorHandler(
-          this.options.vueInstance,
-          ({ err, vm, info }) => {
-            console.log("Vue error:", err, vm, info);
-          }
-        );
-      }
-
-      if (this.options.reportPerformance) {
-        reportPerformance(
-          ({ time, lcp, fcp, cls, fmp, FID, dnsTime }) => {
-            console.log({
-              time,
-              lcp,
-              fcp,
-              cls,
-              fmp,
-              FID,
-              dnsTime,
-            });
-          }
-        );
-      }
-
-      if (this.options.reportLongTimeRequest) {
-        xhrReportHandle(
-          (duration) => {
-            console.log(duration);
-          },
-          (error) => {
-            console.log(error);
-          }
-        );
-        fetchReportHandle(
-          (duration) => {
-            console.log(duration);
-          },
-          (error) => {
-            console.log(error);
-          }
-        );
-      }
-
-      if (this.options.reportUserNavigate) {
-        const href = window.location.href;
-        // 上报当前路由
-        console.log("current href:", href);
-        initRouteListener((record) => {
-          // 上报路由变化
-          // this.addReportRecord(record);
-          console.log("route change:", record);
-        });
-      }
-    }
-    addReportRecord(record) {
-      this.timer && clearTimeout(this.timer);
-      this.timer = setTimeout(() => {
-        try {
-          this.sendReport(JSON.parse(JSON.stringify(this.records)));
-          this.records = [];
-        } catch (error) {
-          console.log(error);
-        }
-      }, 1000);
-      this.records.push(record);
-    }
-    sendReport(records) {
-      // if(this.records.length === 0) return;
-      // todo: 上报数据 api
-      this.apiDo(this.records);
-    }
-  }
-
-  let report;
-  function init(options = {}) {
-    if (!report) report = new Report(options);
-    report.init();
-  }
-
-  exports.init = init;
-
-}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).umd={})}(this,function(e){"use strict";function t(e,t,o){return t&&function(e,t){for(var o=0;o<t.length;o++){var n=t[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,i(n.key),n)}}(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e}function o(e,t,o){return(t=i(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function n(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,n)}return o}function r(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?n(Object(r),!0).forEach(function(t){o(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function i(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof t?t:t+""}function s(e){var t=[];return t.push(function(e){var t=history.pushState,o=history.replaceState;history.pushState=function(){for(var o=window.location.href,n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];var s=t.apply(this,r),a=window.location.href;return o!==a&&e({to:a,from:o}),s},history.replaceState=function(){for(var t=window.location.href,n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];var s=o.apply(this,r),a=window.location.href;return t!==a&&e({to:a,from:t}),s};var n=function(){e({to:window.location.href,from:window.location.href})};return window.addEventListener("popstate",n),function(){window.removeEventListener("popstate",n),history.pushState=t,history.replaceState=o}}(e)),function(){t.forEach(function(e){return e()})}}var a,c={appId:"",env:"production",appUrl:window.location.origin,reportError:!0,reportPromiseReject:!0,reportVueError:!0,vueInstance:null,reportPerformance:!0,reportLongTimeRequest:!0,longTimeRequestThreshold:2e3,reportErrorReqest:!0,reportUserNavigate:!0},u=function(){return t(function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),o(this,"records",[]),o(this,"timer",null),o(this,"options",{}),this.options=r(r({},c),t)},[{key:"init",value:function(){var e,t,o,n;if(this.options.reportError&&(e=function(e){var t=e.msg,o=e.url,n=e.line,r=e.col,i=e.error;console.log({msg:t,url:o,line:n,col:r,error:i})},window.onerror=function(t,o,n,r,i){e&&e({msg:t,url:o,line:n,col:r,error:i})}),this.options.reportPromiseReject&&function(e){window.addEventListener("unhandledrejection",function(t){e&&e(t)})}(function(e){console.log("Unhandled Promise Rejection:",e,e.reason)}),this.options.reportVueError&&this.options.vueInstance&&function(e,t){e.config.errorHandler=function(e,o,n){console.error("Error in ".concat(n,":"),e),t&&t({err:e,vm:o,info:n})}}(this.options.vueInstance,function(e){var t=e.err,o=e.vm,n=e.info;console.log("Vue error:",t,o,n)}),this.options.reportPerformance&&function(e){if(PerformanceNavigationTiming){var t=PerformanceNavigationTiming.loadEventEnd-PerformanceNavigationTiming.navigationStart;console.log("Page load time: "+t+"ms");var o=PerformanceNavigationTiming.getEntriesByType("largest-contentful-paint")[0];console.log("Largest Contentful Paint:",o.startTime);var n=PerformanceNavigationTiming.getEntriesByType("first-contentful-paint")[0];console.log("First Contentful Paint:",n.startTime);var r=PerformanceNavigationTiming.getEntriesByType("layout-shift")[0];console.log("Cumulative Layout Shift:",r.value);var i=PerformanceNavigationTiming.getEntriesByType("first-input-delay")[0];console.log("First Input Delay:",i.startTime),console.log("Total Blocking Time:",i.value);var s=PerformanceNavigationTiming.getEntriesByType("first-input")[0];console.log("First Input:",s.startTime);var a=PerformanceNavigationTiming.domainLookupEnd-PerformanceNavigationTiming.domainLookupStart;console.log("DNS查询时间:",a),e&&e({time:t,lcp:o,fcp:n,cls:r,fmp:i,FID:s,dnsTime:a})}}(function(e){var t=e.time,o=e.lcp,n=e.fcp,r=e.cls,i=e.fmp,s=e.FID,a=e.dnsTime;console.log({time:t,lcp:o,fcp:n,cls:r,fmp:i,FID:s,dnsTime:a})}),this.options.reportLongTimeRequest&&(t=function(e){console.log(e)},o=function(e){console.log(e)},n=XMLHttpRequest.prototype.open,XMLHttpRequest.prototype.open=function(e,r,i,s,a){var c=Date.now();this.addEventListener("load",function(){var o=Date.now();t&&t({url:r,method:e,duration:o-c,status:this.status,statusText:this.statusText,response:this.responseText}),console.log("Response:",this.responseText)}),this.addEventListener("error",function(){console.log("Error:",this.statusText),o&&o({url:r,method:e,duration:duration,status:this.status,statusText:this.statusText,response:this.responseText})}),console.log("Request URL:",r),console.log("Request Method:",e),n.call(this,e,r,i,s,a)},function(e,t){var o=window.fetch;window.fetch=function(n,r){console.log("Fetch URL:",n),console.log("Fetch Options:",r),r&&r.headers&&(r.headers["X-Custom-Header"]="Value");var i=Date.now();return o(n,r).then(function(t){var o=Date.now();return e&&e({url:n,method:method,duration:o-i,status:t.status,statusText:t.statusText,response:t.responseText}),console.log("Response:",t),t}).catch(function(e){console.log("Error:",e),t&&t({url:n,method:method,duration:duration})})}}(function(e){console.log(e)},function(e){console.log(e)})),this.options.reportUserNavigate){var r=window.location.href;console.log("current href:",r),s(function(e){console.log("route change:",e)})}}},{key:"addReportRecord",value:function(e){var t=this;this.timer&&clearTimeout(this.timer),this.timer=setTimeout(function(){try{t.sendReport(JSON.parse(JSON.stringify(t.records))),t.records=[]}catch(e){console.log(e)}},1e3),this.records.push(e)}},{key:"sendReport",value:function(e){this.apiDo(this.records)}}])}();e.init=function(){a||(a=new u(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{})),a.init()}});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "keeson-web-report-sdk",
-  "version": "1.0.3",
+  "version": "1.1.1",
   "description": "for web/h5",
   "main": "bundle.min.js",
   "scripts": {
@@ -10,8 +10,18 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
+    "@babel/core": "^7.28.5",
+    "@babel/preset-env": "^7.28.5",
+    "@rollup/plugin-babel": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^0.4.4",
+    "core-js": "^3.47.0",
     "rollup": "^4.55.1"
   },
-  "files": ["bundle.min.js"]
+  "files": [
+    "bundle.min.js"
+  ],
+  "dependencies": {
+    "regenerator-runtime": "^0.14.1"
+  }
 }