spy-client 2.1.8 → 2.1.9

package/src/spy-local-cache.ts

@@ -1,478 +0,0 @@
-import {huffmanEncode, huffmanDecode} from './lib/huffman';
-
-interface Option {
-    defaultTrigger: boolean;
-    compress: 'huffman' | 'lzw' | 'no';
-    key: string;
-    maxRecordLen: number;
-    interval: number;
-    onFlush?: (res: any) => void;
-    onSave?: (res: any) => void;
-    onAdd?: (res: any) => boolean;
-    storage: 'indexedDB' | 'localstorage' | 'empty';
-}
-
-class Storage {
-    static isSupport: () => boolean;
-
-    set(key: string, value: any) {
-
-    }
-
-    get(key: string, cb: any) {
-
-    }
-
-    rm(key: string) {
-
-    }
-}
-
-class LS extends Storage {
-    static isSupport() {
-        return !!window.localStorage;
-    }
-
-    set(key: string, value: any) {
-        try {
-            localStorage.setItem(key, value);
-        }
-        catch (e) {
-            console.error(e);
-        }
-        return;
-    }
-
-    get(key: string, cb: any) {
-        let res = null;
-        try {
-            res = localStorage.getItem(key);
-        }
-        catch (e) {
-            console.error(e);
-        }
-        if (cb) {
-            cb(res);
-        }
-        return;
-    }
-
-    rm(key: string) {
-        try {
-            localStorage.removeItem(key);
-        }
-        catch (e) {
-            console.error(e);
-        }
-        return;
-    }
-
-}
-
-class IndexedDB extends Storage {
-    private readonly databaseName = 'spyLC';
-    private db: IDBDatabase | null = null;
-    private readonly setQueue: any[] = [];
-    private readonly getQueue: any[] = [];
-    constructor() {
-        super();
-
-        let request = window.indexedDB.open(this.databaseName);
-
-        request.onupgradeneeded = event => {
-            // @ts-ignore ts默认的EventTarget类型有问题，先ignore掉
-            this.db = event.target && event.target.result;
-            if (this.db && !this.db.objectStoreNames.contains(this.databaseName)) {
-                this.db.createObjectStore(this.databaseName, {keyPath: 'key'});
-            }
-            this.runQueueTask();
-        };
-
-        request.onsuccess = () => {
-            this.db = request.result;
-            this.runQueueTask();
-        };
-
-    }
-    static isSupport() {
-        return !!window.indexedDB;
-    }
-
-    set(key: string, value: any) {
-        // 因为indexDB是异步初始化的，如果set的时候未初始化，先缓存之后再执行set
-        if (!this.db) {
-            this.setQueue.push({
-                key,
-                value,
-            });
-            return;
-        }
-        this.db.transaction([this.databaseName], 'readwrite')
-            .objectStore(this.databaseName)
-            .add({
-                key,
-                value,
-            });
-
-    }
-
-    get(key: string, cb: any) {
-        // 因为indexDB是异步初始化的，如果get的时候未初始化，先缓存之后再执行get
-        if (!this.db) {
-            this.getQueue.push({
-                key,
-                cb,
-            });
-            return;
-        }
-        const transaction = this.db.transaction([this.databaseName]);
-        const objectStore = transaction.objectStore(this.databaseName);
-        const request = objectStore.get(key);
-
-        request.onsuccess = () => {
-            const result = request.result ? request.result : {value: ''};
-            cb(result.value);
-        };
-    }
-
-    private runQueueTask() {
-        this.setQueue.forEach(ele => {
-            this.set(ele.key, ele.value);
-        });
-        this.getQueue.forEach(ele => {
-            this.get(ele.key, ele.cb);
-        });
-    }
-}
-
-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);
-};
-
-function utf8Encode(text: string) {
-    let result = '';
-    for (let n = 0; n < text.length; n++) {
-        const c = text.charCodeAt(n);
-        if (c < 128) {
-            result += String.fromCharCode(c);
-        }
-        else if (c > 127 && c < 2048) {
-            result += String.fromCharCode((c >> 6) | 192);
-            result += String.fromCharCode((c & 63) | 128);
-        }
-        else {
-            result += String.fromCharCode((c >> 12) | 224);
-            result += String.fromCharCode(((c >> 6) & 63) | 128);
-            result += String.fromCharCode((c & 63) | 128);
-        }
-    }
-    return result;
-    // return window.btoa(result);
-}
-
-function utf8Decode(text: string) {
-    // text = window.atob(text);
-    let result = '';
-    let i = 0;
-    let c1 = 0;
-    let c2 = 0;
-    let c3 = 0;
-    while (i < text.length) {
-        c1 = text.charCodeAt(i);
-        if (c1 < 128) {
-            result += String.fromCharCode(c1);
-            i++;
-        }
-        else if (c1 > 191 && c1 < 224) {
-            c2 = text.charCodeAt(i + 1);
-            result += String.fromCharCode(((c1 & 31) << 6) | (c2 & 63));
-            i += 2;
-        }
-        else {
-            c2 = text.charCodeAt(i + 1);
-            c3 = text.charCodeAt(i + 2);
-            result += String.fromCharCode(((c1 & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
-            i += 3;
-        }
-    }
-    return result;
-}
-
-
-function lzw(text: string, deCompress = false) {
-    if (!text) {
-        return '';
-    };
-    if (!deCompress) {
-        text = utf8Encode(text);
-    }
-
-    let dict: any = {};
-    let out: any[] = [];
-    let prefix = text.charAt(0);
-    let curChar = prefix;
-    let oldPrefix = curChar;
-    let idx = 256;
-    let i;
-    let c;
-    let d;
-    let g = function () {
-        out.push(prefix.length > 1 ? String.fromCharCode(dict[prefix]) : prefix);
-    };
-    if (deCompress) {
-        out.push(prefix);
-    }
-    for (i = 1, c, d; i < text.length; i++) {
-        c = text.charAt(i);
-        if (deCompress) {
-            d = text.charCodeAt(i);
-            prefix = d < 256 ? c : dict[d] || (prefix + curChar);
-            out.push(prefix);
-            curChar = prefix.charAt(0);
-            dict[idx++] = oldPrefix + curChar;
-            oldPrefix = prefix;
-        }
-        else {
-            if (dict.hasOwnProperty(prefix + c)) {
-                prefix += c;
-            }
-            else {
-                g();
-                dict[prefix + c] = idx++;
-                prefix = c;
-            }
-        }
-    }
-    if (!deCompress) {
-        g();
-    }
-
-    let ret = out.join('');
-    if (deCompress) {
-        ret = utf8Decode(ret);
-    }
-
-    return ret;
-}
-
-
-export default class SpyLocalCache {
-    private readonly option: Option;
-    private storage: Storage;
-    private timer: ReturnType<typeof setTimeout>;
-    private tmpList: string[] = [];
-    constructor(option: any = {}) {
-        this.option = assign({
-            defaultTrigger: true,
-            compress: 'lzw', // huffman lzw no
-            key: 'SpyLocalCache',
-            interval: 500,
-            maxRecordLen: 30,
-            onFlush: () => {},
-            onSave: () => {},
-            onAdd: () => {
-                return true;
-            },
-            storage: IndexedDB.isSupport()
-                ? 'indexedDB'
-                : LS.isSupport()
-                    ? 'localstorage'
-                    : 'empty',
-        }, option);
-
-        this.load = this.load.bind(this);
-
-        this.init();
-    }
-
-    init() {
-        if (this.option.storage === 'indexedDB') {
-            this.storage = new IndexedDB();
-        }
-        else if (this.option.storage === 'localstorage') {
-            this.storage = new LS();
-        }
-        else {
-            this.storage = new Storage();
-        }
-
-        if (document.readyState === 'complete') {
-            this.load();
-        }
-        else {
-            window.addEventListener('load', this.load);
-        }
-    }
-
-    load() {
-        if (location.search.indexOf('_FlushLogLocalCache=1') > -1 && this.option.defaultTrigger) {
-            this.flushLog();
-        }
-    }
-
-    addLog(info: any) {
-        if (this.option.onAdd) {
-            if (!this.option.onAdd(info)) {
-                return;
-            }
-        }
-
-        info = JSON.stringify(info);
-
-        this.tmpList.push(info as string);
-
-        // 控制写日志频率
-        if (this.timer) {
-            clearTimeout(this.timer);
-        }
-        this.timer = setTimeout(() => {
-            this.save();
-        }, this.option.interval);
-    }
-
-    getData(cb: any) {
-        try {
-            this.storage.get(this.option.key, (encodeStr: string) => {
-                if (encodeStr) {
-                    this.storage.get(this.option.key + 'Codes', (codes: any) => {
-                        let res: any[] = [];
-                        try {
-                            if (codes) {
-                                codes = JSON.parse(codes);
-                            }
-                            const str = this.unzip(encodeStr, codes);
-                            res = str.split('\n');
-                        }
-                        catch (e) {
-                            console.error(e);
-                        }
-                        cb(res);
-                    });
-                }
-                else {
-                    cb([]);
-                }
-            });
-
-        }
-        catch (e) {
-            console.error(e);
-            cb([]);
-        }
-    }
-
-    save() {
-        const st = Date.now();
-        this.getData((list: any[]) => {
-            // 只保留最近的maxRecordLen条日志
-            const reserveLen = this.option.maxRecordLen - 1;
-            const originList = list.length > reserveLen ? list.slice(list.length - reserveLen, list.length) : list;
-            let newList = originList.concat(this.tmpList);
-            let content = newList.join('\n');
-            let error: Error | null = null;
-            let len = 0;
-            try {
-                let data = this.zip(content);
-                let codesStr = '';
-                if (data.codes) {
-                    codesStr = JSON.stringify(data.codes);
-                    this.storage.set(this.option.key + 'Codes', codesStr);
-                }
-                else {
-                    this.storage.rm(this.option.key + 'Codes');
-                }
-
-                this.storage.set(this.option.key, data.result);
-                len = data.result.length;
-            }
-            catch (e) {
-                error = e;
-                console.error(e);
-            }
-
-            this.tmpList = [];
-
-            this.option.onSave && this.option.onSave({
-                cost: Date.now() -  st,
-                length: len / 1024,
-                list: newList,
-                error: error,
-            });
-        });
-    }
-
-    flushLog() {
-        this.getData((list: any[]) => {
-
-            // 先解析来自存储的数据，若失败，说明格式有问题，清空存储
-            try {
-                for (let index = 0; index < list.length; index++) {
-                    list[index] = JSON.parse(list[index]);
-                }
-            }
-            catch (e) {
-                list = [];
-                this.storage.rm(this.option.key);
-                console.error(e);
-            }
-            // 未落盘的数据也加上
-            for (let index = 0; index < this.tmpList.length; index++) {
-                list.push(JSON.parse(this.tmpList[index]));
-            }
-            this.option.onFlush && this.option.onFlush(list);
-        });
-    }
-
-    zip(str: string) {
-        if (this.option.compress === 'lzw') {
-            return {
-                codes: null,
-                result: lzw(str),
-            };
-        }
-        else if (this.option.compress === 'huffman') {
-            return huffmanEncode(str);
-        }
-        return {
-            codes: null,
-            result: str,
-        };
-    }
-
-    unzip(str: string, codes?: any) {
-        if (this.option.compress === 'lzw') {
-            return lzw(str, true);
-        }
-        else if (this.option.compress === 'huffman') {
-            return huffmanDecode(codes, str);
-        }
-        return str;
-    }
-}
-
-// For test
-// let content = JSON.stringify({
-//     type: 3,
-//     fm: 'disp',
-//     data: [{"base":{"size":{"doc":{"w":360,"h":4875},"wind":{"w":360,"h":640},"scr":{"w":360,"h":640}},"vsb":"visible","num":16},"t":1629773746698,"path":"/s"}],
-//     qid: 10991431029479106376,
-//     did: '8dd09c47c7bc90c9fd7274f0ad2c581e',
-//     q: '刘德华',
-//     t: 1629773746698,
-// });
-// const compressText = lzw(content);
-// const deCompressText = lzw(compressText, true);
-// console.log('compressText', compressText, compressText.length);
-// console.log('deCompressText', deCompressText, deCompressText.length);

package/src/types/globals.d.ts

@@ -1,93 +0,0 @@
-/**
- * @file 全局声明
- * @author kaivean
- */
-
-interface Window {
-    __spyHead: any;
-    __spyclientConf: any;
-    PerformanceObserver: any;
-    requestIdleCallback?: (callback: () => void, options?: any) => void;
-}
-
-interface Event {
-    // MSMediaKeyMessageEvent 继承 Event，并且有message属性 且是 Uint8Array，会有冲突。这里设置为any
-    message?: any;
-    lineno?: number;
-    line?: number;
-    colno?: number;
-    column?: number;
-    error?: any;
-    filename: any;
-    sourceURL: any;
-    errorCharacter?: number;
-}
-
-interface Connection {
-    downlink?: number;
-    effectiveType?: '2g' | '3g' | '4g' | 'slow-2g';
-    onchange?: () => void;
-    rtt?: number;
-    saveData?: boolean;
-}
-
-interface Navigator {
-    deviceMemory: number;
-    hardwareConcurrency: number;
-    connection: Connection;
-}
-
-interface MemoryInfo {
-    totalJSHeapSize: number;
-    usedJSHeapSize: number;
-    jsHeapSizeLimit: number;
-}
-
-interface Performance {
-    memory?: MemoryInfo;
-}
-
-interface PerformanceTiming {
-    domFirstPaint?: number;
-    domFirstScreenPaint?: number;
-}
-
-type PerformanceObserverType =
-  | 'first-input'
-  | 'largest-contentful-paint'
-  | 'layout-shift'
-  | 'longtask'
-  | 'measure'
-  | 'navigation'
-  | 'paint'
-  | 'resource';
-
-
-type PerformanceEntryInitiatorType =
-  | 'beacon'
-  | 'css'
-  | 'fetch'
-  | 'img'
-  | 'other'
-  | 'script'
-  | 'xmlhttprequest';
-
-
-interface PerformanceEntry {
-    decodedBodySize?: number;
-    // duration: number;
-    // entryType: PerformanceObserverType;
-    initiatorType?: PerformanceEntryInitiatorType;
-    loadTime: number;
-    // name: string;
-    renderTime: number;
-    // startTime: number;
-    // hadRecentInput?: boolean;
-    value?: number;
-    hadRecentInput: boolean;
-    attribution: Array<{containerSrc: string}>;
-}
-
-interface PerformanceObserver {
-    takeRecords: () => PerformanceEntryList;
-}