spy-client 2.1.7 → 2.1.9

package/src/lib/util.ts

@@ -1,101 +0,0 @@
-/**
- * @file utils
- * @author kaivean
- */
-
-export function assign(...args: any[]) {
-    const __assign = Object.assign || function __assign(t: any) {
-        for (let s, i = 1, n = arguments.length; i < n; i++) {
-            // eslint-disable-next-line prefer-rest-params
-            s = arguments[i];
-            for (const p in s) {
-                if (Object.prototype.hasOwnProperty.call(s, p)) {
-                    t[p] = s[p];
-                }
-            }
-        }
-        return t;
-    };
-    return __assign.apply(this, args);
-};
-
-export interface URLINFO {
-    protocol: string;
-    host: string;
-    pathname: string;
-    ext: string;
-};
-
-function getUrlInfoFromURL(url: string): URLINFO | undefined {
-    if (URL) {
-        const obj = new URL(url);
-        if (obj.host !== undefined) {
-            return {
-                protocol: obj.protocol,
-                host: obj.host,
-                pathname: obj.pathname,
-                ext: '',
-            };
-        }
-    }
-    return;
-}
-
-export function getUrlInfo(url: string): URLINFO {
-    let info = getUrlInfoFromURL(url);
-
-    if (!info) {
-        const parser = document.createElement('a');
-        parser.href = url;
-        info = {
-            protocol: parser.protocol,
-            host: parser.host || location.host,
-            pathname: parser.pathname,
-            ext: '',
-        };
-    }
-
-    const split = info.pathname.split('.');
-    info.ext = split[split.length - 1];
-    return info;
-}
-
-function f(n: number): number {
-    return +n.toFixed(1);
-}
-
-export function getResTiming(t: PerformanceTiming | PerformanceResourceTiming) {
-    return {
-        wait: f(t.domainLookupStart - ((t as any).navigationStart || t.fetchStart || (t as any).startTime)),
-        dns: f(t.domainLookupEnd - t.domainLookupStart),
-        connect: f(t.connectEnd - t.connectStart),
-        req: f(t.responseStart - t.requestStart),
-        res: f(t.responseEnd - t.responseStart),
-    };
-}
-
-
-export function getxpath(el: Element | null) {
-    if (!el) {
-        return {xpath: ''};
-    }
-
-    const xpath = [];
-    while (el && el.nodeType === 1 && el !== el.parentNode) {
-        let t = el.tagName.toLowerCase();
-        if (el.getAttribute('id')) {
-            t += '[#' + el.getAttribute('id') + ']';
-        }
-        else if (el.classList && el.classList.length) {
-            t += '[.' + el.classList[el.classList.length - 1] + ']';
-        }
-        xpath.push(t);
-        if (el === document.body) {
-            break;
-        }
-        el = el.parentNode as HTMLElement; // 修复缺陷检查
-    }
-    return {
-        xpath: xpath.join('<'),
-    };
-}

package/src/module/fid.ts

@@ -1,56 +0,0 @@
-/**
- * @file FID
- * @author kaivean
- */
-
-import {Module, FIDCB} from '../lib/interface';
-
-const spyclient = (window as any).__spyHead;
-const entryType = 'first-input';
-
-export default class FID implements Module {
-    private observer: PerformanceObserver | null = null;
-    private cb: FIDCB;
-    private finalValue: number;
-    constructor() {
-        if (!window.PerformanceObserver) {
-            return;
-        }
-
-        if (spyclient && spyclient.entryMap && spyclient.entryMap[entryType]) {
-            this.handle(spyclient.entryMap[entryType]);
-        }
-        try {
-            this.observer = new PerformanceObserver(list => {
-                this.handle(list.getEntries());
-            });
-            this.observer.observe({entryTypes: [entryType]});
-        }
-        catch (e) {}
-    }
-
-    listenFID(cb: FIDCB) {
-        this.cb = cb;
-        this.callCB();
-    }
-
-    callCB() {
-        if (this.finalValue !== undefined && this.cb) {
-            this.cb({fid: this.finalValue});
-        }
-    }
-
-    destroy() {
-        this.observer && this.observer.disconnect();
-        this.observer = null;
-    }
-
-    private handle(entries: PerformanceEntryList) {
-        const lastEntry = entries.pop();
-        if (lastEntry) {
-            this.finalValue = lastEntry.duration;
-            this.callCB();
-            this.destroy();
-        }
-    }
-}

package/src/module/layoutShift.ts

@@ -1,71 +0,0 @@
-/**
- * @file LayoutShift
- * @author kaivean
- */
-
-import {Module, LayoutShiftCB} from '../lib/interface';
-
-
-const spyclient = (window as any).__spyHead;
-const entryType = 'layout-shift';
-
-export default class LayoutShift implements Module {
-    private observer: PerformanceObserver | null = null;
-    private cb: LayoutShiftCB;
-    private value: number;
-    private finalValue: number;
-    private onceLeave = false;
-    constructor() {
-        if (!window.PerformanceObserver) {
-            return;
-        }
-
-        // 先消费之前的
-        if (spyclient && spyclient.entryMap && spyclient.entryMap[entryType]) {
-            this.handle(spyclient.entryMap[entryType]);
-        }
-
-        try {
-            this.observer = new PerformanceObserver(list => {
-                this.handle(list.getEntries());
-            });
-
-            this.observer.observe({entryTypes: [entryType]});
-        }
-        catch (e) {}
-    }
-
-    listenLayoutShift(cb: LayoutShiftCB) {
-        this.cb = cb;
-    }
-
-    leave() {
-        if (!this.onceLeave) {
-            this.onceLeave = true;
-            this.observer && this.observer.takeRecords && this.observer.takeRecords();
-            this.finalValue = this.value;
-            this.callCB();
-            this.destroy();
-        }
-    }
-
-    callCB() {
-        if (this.finalValue !== undefined && this.cb) {
-            this.cb({layoutShift: this.finalValue});
-        }
-    }
-
-    destroy() {
-        this.observer && this.observer.disconnect();
-        this.observer = null;
-    }
-
-    private handle(entries: PerformanceEntryList) {
-        entries.map(entry => {
-            // hadRecentInput 如果过去500毫秒内有用户输入，则返回 true, 刚进入页面内500ms，不会认为是layoutShift
-            if (!entry.hadRecentInput) {
-                this.value = (this.value || 0) + (entry.value || 0);
-            }
-        });
-    }
-}

package/src/module/lcp.ts

@@ -1,63 +0,0 @@
-/**
- * @file LCP
- * @author kaivean
- */
-
-import {Module, LCPCB} from '../lib/interface';
-import {setData} from '../lib/data';
-
-const spyclient = (window as any).__spyHead;
-const entryType = 'largest-contentful-paint';
-
-export default class LCP implements Module {
-    private observer: PerformanceObserver | null = null;
-    private value: number;
-    private finalValue: number;
-    private cb: LCPCB;
-    constructor() {
-        if (!window.PerformanceObserver) {
-            return;
-        }
-        if (spyclient && spyclient.entryMap && spyclient.entryMap[entryType]) {
-            this.handle(spyclient.entryMap[entryType]);
-        }
-        try {
-            // 仅在 img,image,svg,video,css url, block element with text nodes
-            this.observer = new PerformanceObserver(list => {
-                this.handle(list.getEntries());
-            });
-            this.observer.observe({entryTypes: [entryType]});
-        }
-        catch (e) {}
-    }
-
-    listenLCP(cb: LCPCB) {
-        this.cb = cb;
-        this.callCB();
-    }
-
-    callCB() {
-        if (this.finalValue && this.cb) {
-            this.cb({lcp: this.finalValue});
-        }
-    }
-
-    load() {
-        this.observer && this.observer.takeRecords && this.observer.takeRecords();
-        this.finalValue = this.value;
-        setData('lcp', this.value);
-        this.callCB();
-        this.destroy();
-    }
-
-    destroy() {
-        this.observer && this.observer.disconnect();
-        this.observer = null;
-    }
-
-    private handle(entries: PerformanceEntryList) {
-        entries.map(entry => {
-            this.value = entry.renderTime || entry.loadTime;
-        });
-    }
-}

package/src/module/longtask.ts

@@ -1,193 +0,0 @@
-/**
- * @file Longtask
- * @author kaivean
- */
-
-
-import {Module, FSPLongtaskCB, LCPLongtaskCB, LoadLongtaskCB, PageLongtaskCB} from '../lib/interface';
-import {getData} from '../lib/data';
-
-export interface LongtaskData {
-    longtaskTime?: number;
-    longtaskRate?: number;
-    longtaskNum?: number;
-    totalTime?: number;
-    longtaskIframeTime?: number;
-    longtaskIframeNum?: number;
-    longtaskIframeRate?: number;
-    iframeLongtasks?: {[propName: string]: number[] | undefined};
-}
-
-const spyclient = window.__spyHead;
-const entryType = 'longtask';
-
-export default class Longtask implements Module {
-    private lts: PerformanceEntryList = [];
-    private observer: PerformanceObserver | null = null;
-    private fspCB: FSPLongtaskCB;
-    private lcpCB: LCPLongtaskCB;
-    private loadCB: LoadLongtaskCB;
-    private pageCB: PageLongtaskCB;
-    private onceLeave = false;
-    constructor() {
-        if (spyclient && spyclient.entryMap && spyclient.entryMap[entryType]) {
-            this.lts = this.lts.concat(spyclient.entryMap[entryType]);
-        }
-        try {
-            this.observer = new PerformanceObserver(list => {
-                this.lts = this.lts.concat(list.getEntries());
-            });
-            // buffered 兼容性太差
-            this.observer.observe({entryTypes: [entryType]});
-        }
-        catch (e) {}
-    }
-
-    check() {
-        return window.PerformanceObserver && performance && performance.timing && performance.timing.navigationStart;
-    }
-
-    listenFSPLongTask(cb: FSPLongtaskCB) {
-        if (!this.check()) {
-            return;
-        }
-        this.fspCB = cb;
-    }
-
-    listenLCPLongTask(cb: LCPLongtaskCB) {
-        if (!this.check()) {
-            return;
-        }
-        this.lcpCB = cb;
-    }
-
-    listenLoadLongTask(cb: LoadLongtaskCB) {
-        if (!this.check()) {
-            return;
-        }
-        this.loadCB = cb;
-    }
-
-    listenPageLongTask(cb: PageLongtaskCB) {
-        if (!this.check()) {
-            return;
-        }
-        this.pageCB = cb;
-    }
-    load() {
-        if (!this.check()) {
-            return;
-        }
-
-        const data = this.getStatData(Date.now());
-
-        // lcp的值存入data模块也是在load期间，这里延迟一会再获取
-        setTimeout(() => {
-            this.loadCB && this.loadCB({
-                loadLongtaskTime: data.time,
-                loadTBT: data.tbt,
-                loadTotalTime: data.totalTime,
-                loadLongtaskRate: data.rate,
-                loadLongtaskNum: data.num,
-            });
-
-            if (performance.timing && performance.timing.domFirstScreenPaint) {
-                const data = this.getStatData(performance.timing.domFirstScreenPaint);
-                this.fspCB && this.fspCB({
-                    fspLongtaskTime: data.time,
-                    fspTBT: data.tbt,
-                    fspTotalTime: data.totalTime,
-                    fspLongtaskRate: data.rate,
-                    fspLongtaskNum: data.num,
-                });
-            }
-
-            if (getData('lcp')) {
-                const data = this.getStatData(performance.timing.navigationStart + (getData('lcp') as number));
-                this.lcpCB && this.lcpCB({
-                    lcpLongtaskTime: data.time,
-                    lcpTBT: data.tbt,
-                    lcpTotalTime: data.totalTime,
-                    lcpLongtaskRate: data.rate,
-                    lcpLongtaskNum: data.num,
-                });
-            }
-        }, 200);
-    }
-
-    leave() {
-        if (!this.onceLeave) {
-            this.onceLeave = true;
-
-            const data = this.getStatData(Date.now());
-            this.pageCB && this.pageCB({
-                pageLongtaskTime: data.time,
-                pageTBT: data.tbt,
-                pageTotalTime: data.totalTime,
-                pageLongtaskRate: data.rate,
-                pageLongtaskNum: data.num,
-                pageIframeLongtaskTime: data.iframeTime,
-                pageIframeLongtaskRate: data.iframeRate,
-                pageIframeLongtaskNum: data.iframeNum,
-            });
-        }
-    }
-
-
-    destroy() {
-        this.lts = [];
-        this.observer && this.observer.disconnect();
-        this.observer = null;
-    }
-
-    getStatData(finalTime: number) {
-        const navigationStart = performance.timing.navigationStart;
-        let time = 0;
-        // Total Blocking Time
-        let tbt = 0;
-        let num = 0;
-        let iframeTime = 0;
-        let iframeNum = 0;
-        let iframeLongtasks = {} as any;
-
-        for (let index = 0; index < this.lts.length; index++) {
-            const item = this.lts[index];
-            const duration = item.duration;
-            const end = navigationStart + item.startTime + duration;
-
-            if (end < finalTime) {
-                time += duration;
-                // 多出来的时间
-                tbt += (duration - 50 > 0 ? duration - 50 : 0);
-                num++;
-
-                if (item.attribution && item.attribution[0]) {
-                    const containerSrc = item.attribution[0].containerSrc;
-                    if (containerSrc && containerSrc !== location.href) {
-                        if (!iframeLongtasks[containerSrc]) {
-                            iframeLongtasks[containerSrc] = [];
-                        }
-                        iframeLongtasks[containerSrc].push(duration);
-
-                        iframeTime += duration;
-                        iframeNum++;
-                    }
-                }
-            }
-        }
-
-        const totalTime = finalTime - navigationStart;
-
-        return {
-            num,
-            time,
-            tbt,
-            totalTime: totalTime,
-            rate: 100 * time / totalTime,
-            iframeTime,
-            iframeNum,
-            iframeRate: 100 * iframeTime / totalTime,
-            iframeLongtasks,
-        };
-    }
-}

package/src/module/memory.ts

@@ -1,43 +0,0 @@
-/**
- * @file Memory
- * @author kaivean
- */
-
-import {Module, MemoryCB} from '../lib/interface';
-
-let initMemory: MemoryInfo | null = null;
-if (window.performance && window.performance.memory) {
-    initMemory = window.performance.memory;
-}
-
-export default class Memory implements Module {
-    private cb: MemoryCB;
-    private onceLeave = false;
-    // constructor() {}
-
-    listenMemory(cb: MemoryCB) {
-        this.cb = cb;
-    }
-
-    leave() {
-        if (!this.onceLeave && initMemory) {
-            this.onceLeave = true;
-
-            const curMemory = window.performance.memory as MemoryInfo;
-            // fix 早期浏览器的memroy api 值不更新的问题，将此情况排除
-            if (curMemory.usedJSHeapSize === initMemory.usedJSHeapSize
-                && curMemory.totalJSHeapSize === initMemory.totalJSHeapSize
-            ) {
-                return;
-            }
-
-            const memory = window.performance.memory as MemoryInfo;
-            this.cb && this.cb({
-                usedJSHeapSize: memory.usedJSHeapSize / 1024,
-                totalJSHeapSize: memory.totalJSHeapSize / 1024,
-                jsHeapSizeLimit: memory.jsHeapSizeLimit / 1024,
-                usedJSHeapRate: 100 * memory.usedJSHeapSize / memory.totalJSHeapSize,
-            });
-        }
-    }
-}

package/src/module/navigatorInfo.ts

@@ -1,61 +0,0 @@
-/**
- * @file NavigatorInfo
- * @author kaivean
- */
-
-import {Module, NavigatorInfoMetric} from '../lib/interface';
-
-export default class NavigatorInfo implements Module {
-    // private cb: NavigatorInfoCB;
-
-    getNavigatorInfo() {
-        // this.cb = cb;
-
-        let ret: NavigatorInfoMetric = {};
-        const dataConnection = navigator.connection;
-        if (typeof dataConnection === 'object') {
-            ret = {
-                downlink: dataConnection.downlink, // 网站下载速度 M/s
-                effectiveType: dataConnection.effectiveType, // 网络类型
-                rtt: dataConnection.rtt, // 网络往返时间 ms
-                saveData: !!dataConnection.saveData, // 数据节约模式
-            };
-        }
-
-        // 内存 G
-        if (navigator.deviceMemory) {
-            ret.deviceMemory = navigator.deviceMemory;
-        }
-        // 核数
-        if (navigator.hardwareConcurrency) {
-            ret.hardwareConcurrency = navigator.deviceMemory;
-        }
-        return ret;
-    }
-
-    load() {}
-
-    // load() {
-    //     let ret: NavigatorInfoMetric = {};
-    //     const dataConnection = navigator.connection;
-    //     if (typeof dataConnection === 'object') {
-    //         ret = {
-    //             downlink: dataConnection.downlink, // 网站下载速度 M/s
-    //             effectiveType: dataConnection.effectiveType, // 网络类型
-    //             rtt: dataConnection.rtt, // 网络往返时间 ms
-    //             saveData: !!dataConnection.saveData, // 数据节约模式
-    //         };
-    //     }
-
-    //     // 内存 G
-    //     if (navigator.deviceMemory) {
-    //         ret.deviceMemory = navigator.deviceMemory;
-    //     }
-    //     // 核数
-    //     if (navigator.hardwareConcurrency) {
-    //         ret.hardwareConcurrency = navigator.deviceMemory;
-    //     }
-
-    //     this.cb && this.cb(ret);
-    // }
-}