@haluo/util 1.0.32 → 2.0.1

package/src/modules/monitor/lib/timing.ts

@@ -1,75 +0,0 @@
-import onload from '../utils/onload'
-import tracker from '../utils/tracker';
-export default function timing() {
-  let FMP:any, LCP:any
-  new PerformanceObserver((entryList, observer) => {
-    const perfEntries = entryList.getEntries()
-    FMP = perfEntries[0]
-    observer.disconnect() // 不再观察
-  }).observe({ entryTypes: ['element'] }) // 观察页面中有意义的元素
-  new PerformanceObserver((entryList, observer) => {
-    const perfEntries = entryList.getEntries()
-    LCP = perfEntries[0]
-    observer.disconnect() // 不再观察
-  }).observe({ entryTypes: ['largest-contentful-paint'] }) // 观察页面中最大的元素
-  new PerformanceObserver((entryList, observer) => {
-    const firstInput:any = entryList.getEntries()
-    console.log('FID', firstInput);
-    if(firstInput) {
-      let inputDelay = firstInput.processingStart - firstInput.startTime
-      const duration = firstInput.duration
-      if(inputDelay > 0 ||  duration >0) {
-        tracker.send({
-          kind: 'experience',
-          type: 'firstInputDelay',
-          inputDelay, // 延迟时间
-          duration, // 处理时间
-          startTime: firstInput.startTime
-        })
-      }
-    }
-    observer.disconnect() // 不再观察
-  }).observe({ type: 'first-input', buffered: true }) // 观察页面中最大的元素
-  onload(function() {
-    setTimeout(() => {
-      console.dir(window.performance);
-      const {
-        fetchStart,
-        connectStart,
-        connectEnd,
-        requestStart,
-        responseStart,
-        responseEnd,
-        domInteractive,
-        domContentLoadedEventStart,
-        domContentLoadedEventEnd,
-        loadEventStart,
-        // loadEventEnd
-      } = performance.getEntriesByType('navigation')[0] as any
-      tracker.send({
-        kind: 'experience',
-        type: 'timing',
-        connectTime: connectEnd - connectStart, // 连接时间
-        ttfbTime: responseStart - requestStart, // 首字节到达时间
-        responseTime: responseEnd - responseStart, // 响应的读取时间
-        domContentLoadedTime: domContentLoadedEventEnd - domContentLoadedEventStart,
-        timeToInteractive: domInteractive - fetchStart,// 首次可交互时间
-        loadTime: loadEventStart - fetchStart // 完整的页面加载时间
-      })
-      let FP = performance.getEntriesByName('first-paint')[0]
-      let FCP = performance.getEntriesByName('first-contentful-paint')[0]
-      console.log('FP', FP);
-      console.log('FCP', FCP);
-      console.log('FMP', FMP);
-      console.log('LCP', LCP);
-      tracker.send({
-        kind: 'experience',
-        type: 'paint',
-        FP: FP.startTime,
-        FCP: FCP.startTime,
-        FMP: FMP.startTime,
-        LCP: LCP.startTime,
-      })
-    }, 3000);
-  })
-}

package/src/modules/monitor/lib/xhr.ts

@@ -1,42 +0,0 @@
-import tracker from "../utils/tracker"
-
-export default function injectXHR(data:any={}){
-  let XMLHttpRequest:any = window.XMLHttpRequest
-  let oldOpen = XMLHttpRequest.prototype.open as any
-  XMLHttpRequest.prototype.open = function(method: string, url:string, async:boolean) {
-    this.logData = { method, url, async }
-    return oldOpen.apply(this, arguments)
-  }
-  let oldSend = XMLHttpRequest.prototype.send
-  XMLHttpRequest.prototype.send = function(body:any) {
-    if(this.logData) {
-      const startTime = Date.now()
-      const handler = (type:string) => (event:any) => {
-        if(this.logData.url.indexOf('app/collect/original/info/report/v2') > -1 ) return
-        // status = 0 是在跨域与404的情况下
-        // 当前都是在readyState为4(请求已完成)的情况下，进行处理
-        if(type !== 'error' || this.status === 0) return
-        let duration = Date.now() - startTime
-        let status = this.status
-        let statusText = this.statusText
-        tracker.send({
-          kind: 'stability',
-          type: 'xhr',
-          eventType: event.type,
-          pathname: this.logData.url,
-          status: status + '-'+statusText,
-          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
-        })
-      }
-      this.addEventListener('load', handler('load'), false)
-      this.addEventListener('error', handler('error'), false)
-      this.addEventListener('abort', handler('abort'), false)
-    }
-    return oldSend.apply(this, arguments)
-  }
-}

package/src/modules/monitor/utils/onload.ts

@@ -1,8 +0,0 @@
-export default function onload(cb:any) {
-  if(document.readyState) {
-    cb()
-  } else {
-
-    window.addEventListener('load', cb)
-  }
-}

package/src/modules/monitor/utils/tracker.ts

@@ -1,61 +0,0 @@
-const { v4: uuidv4 } = require('uuid')
-// const Parser = require('ua-parser-js');
-const reg = /((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}/g
-
-class SendTracker {
-  url: string
-  constructor() {
-    this.url = ''
-  }
-  verifyRequest(reason:string):boolean {
-    if(!reason) return false
-    if(reg.test(reason)) return false
-    if(reason.startsWith('halomoto')) return false
-    if(reason.startsWith('file:')) return false
-    if(reason.includes('log-center.58moto.com')) return false
-    if(reason.includes('s23.cnzz.com')) return false
-    if(reason.includes('g.alicdn.com')) return false
-    if(reason.includes('vendors')) return false
-    return true
-  }
-  send(data:any = {}) {
-    const host = window.location.host
-    if(host.indexOf('localhost') > -1) return
-    if(reg.test(host)) return
-    if(!this.verifyRequest(data.reason)) return
-    data.reason = window.location.href+' '+data.reason
-    const log = { ...getExtraData(), ...data}
-    let formBody: any = [];
-    for (var property in log) {
-      var encodedKey = encodeURIComponent(property);
-      var encodedValue = encodeURIComponent(log[property]);
-      formBody.push(encodedKey + "=" + encodedValue);
-    }
-    formBody = formBody.join("&");
-    fetch('https://apm-collect.58moto.com/app/collect/original/info/report/v2', {
-      method: 'POST',
-      headers: {
-        "Content-Type":"application/x-www-form-urlencoded"
-      },
-      body: formBody,
-    }).then(res => {
-      // console.log(res)
-    }).catch((e) => {
-      console.log(e)
-    })
-  }
-}
-function getExtraData() {
-  return {
-    deviceId: uuidv4(),
-    platform: 3,
-    errorType: 3,
-    channel: 'h5',
-    bundle: 'com.jdd.motorfans',
-    title: '',
-    frontStatus: 3,
-    occurTimeStamp: Date.now(),
-    // userAgent: new Parser().getResult()
-  }
-}
-export default new SendTracker()

package/src/modules/number/index.ts

@@ -1,108 +0,0 @@
-/**
- * @file number 格式化
- * @Author: wanghui
- * @createBy: @2020.05.26
- */
-'use strict'
-
-class NumberClass {
-  /**
-   * 个位数前面补0
-   * @param {Number} num 需要格式化的数字
-   * @return {String} '01'
-   */
-  formatNumber(num: number) {
-    const res = num.toString();
-    return res[1] ? res : '0' + res;
-  }
-
-  /**
-   * 将手机号中间部分替换为星号
-   * @param {String} phone 手机号码
-   * @return {String} 131****1111
-   */
-  formatPhone(phone: string): string {
-    return phone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2');
-  }
-
-  /**
-   * 格式化数字 万
-   * @param {Number} num
-   * @return {String} 12.3万
-   */
-  convertToWan(num: number): string | number {
-    let result: string | number = ''
-    if (num < 10000) {
-      result = num;
-    }
-
-    if (num >= 10000) {
-      result = (num / 10000).toFixed(1) + '万';
-    }
-    return result;
-  }
-
-  /**
-   * 格式化数字 k
-   * @param {Number} num
-   * @return {String} 1.2k
-   */
-  convertToThousand(num: number): string | number {
-    let result: string | number = ''
-    if (num < 1000) {
-      result = num;
-    }
-
-    if (num >= 1000) {
-      result = (num / 1000).toFixed(1) + 'k';
-    }
-    return result;
-  }
-
-  /**
-  * 随机数，指定范围
-  * @param {Number} min 开始
-  * @param {Number} max 结束
-  * @return {Number|Object}
-  */
-  random(min: number, max: number) {
-    if (arguments.length === 2) {
-      return Math.floor(min + Math.random() * ((max + 1) - min))
-    } else {
-      return null;
-    }
-  }
-
-  /**
-   * 格式化金额
-   * @param {Number} num
-   * @return {String} 123,456
-   */
-  formatMoney(money: number | string, signal: string): string {
-    let result = '';
-    if (money === '') {
-      return result;
-    }
-    money = String(money).replace('.00', '');
-    money = money.substring(money.length - 2) === '.0' ? money.replace('.0', '') : money;
-    // 小于3位数，直接返回
-    if (Number(money) < 1000) {
-      return result = money;
-    }
-    if (money.split('.')[0].length < 3) {
-      return result = money;
-    }
-    signal = signal === '' ? '' : ','
-    let price = money.split('.')[0] + '';
-    const pricePoint = money.split('.')[1];
-    result = price.length > 6 ?
-      `${price.substring(0, price.length - 6)}${signal}${price.substring(price.length - 6, price.length - 3)},${price.substring(price.length - 3, price.length)}`
-      :
-      `${price.substring(0, price.length - 3)}${signal}${price.substring(price.length - 3, price.length)}`
-    result = pricePoint ? `${result}${signal}${pricePoint}` : result
-    return result;
-  }
-}
-
-module.exports = new NumberClass()
-

package/src/modules/sentry/index.ts

@@ -1,79 +0,0 @@
-/**
- * 异常上报日志监控类
- * @Author: wanghui
- * 常用配置 option：https://docs.sentry.io/clients/javascript/config/
- * 1.自动捕获vue组件内异常
- * 2.自动捕获promise内的异常
- * 3.自动捕获没有被catch的运行异常
- */
-'use strict'
-
-import Raven from '@sentry/browser';
-
-class Report {
-  static instance: any;
-  constructor(Vue: Object, options = {}) {
-    if (process.env.NODE_ENV !== 'development') {
-      // todo
-    }
-    this.vue = Vue;
-    this.options = options;
-  }
-
-  [key: string]: any;
-
-  static getInstance(Vue: Object, Option: Object) {
-    if (!(this.instance instanceof this)) {
-      this.instance = new this(Vue, Option);
-      this.instance.install();
-    }
-    return this.instance;
-  }
-
-  install() {
-    if (process.env.NODE_ENV !== 'development') {
-      // Raven.config(this.options.dsn, {
-      //   environment: process.env.NODE_ENV,
-      // }).addPlugin(RavenVue, this.Vue).install();
-      // raven内置了vue插件，会通过vue.config.errorHandler来捕获vue组件内错误并上报sentry服务
-
-      // 记录用户信息
-      Raven.setUser({ user: this.options.user || '' });
-
-      // 设置全局tag标签
-      Raven.setTag('environment', this.options.env || '');
-    }
-  }
-
-  /**
-   * 主动上报
-   * @param {String} data
-   * @param {String} type 'info','warning','error'
-   * @param {Object} options
-   */
-  log(data: any = null, type: any = 'error', options: any = {}) {
-    // 添加面包屑
-    Raven.addBreadcrumb({
-      message: data,
-      category: 'manual message',
-    });
-    // 异常上报
-    if (data instanceof Error) {
-      Raven.captureException(data, {
-        level: type,
-        tags: { options },
-      });
-    } else {
-      Raven.captureException('error', {
-        level: type,
-        extra: {
-          data,
-          options: this.options,
-          date: new Date(),
-        },
-      });
-    }
-  }
-}
-
-export default Report;