@openreplay/tracker 14.0.7 → 14.0.8

package/lib/modules/Network/xhrProxy.d.ts

@@ -1,39 +0,0 @@
-/**
- * I took inspiration in few stack exchange posts
- * and Tencent vConsole library (MIT)
- * by wrapping the XMLHttpRequest object in a Proxy
- * we can intercept the network requests
- * in not-so-hacky way
- * */
-import NetworkMessage from './networkMessage.js';
-import { RequestResponseData } from './types.js';
-import { NetworkRequest } from '../../common/messages.gen.js';
-export declare class XHRProxyHandler<T extends XMLHttpRequest> implements ProxyHandler<T> {
-    private readonly ignoredHeaders;
-    private readonly setSessionTokenHeader;
-    private readonly sanitize;
-    private readonly sendMessage;
-    private readonly isServiceUrl;
-    private readonly tokenUrlMatcher?;
-    XMLReq: XMLHttpRequest;
-    item: NetworkMessage;
-    constructor(XMLReq: XMLHttpRequest, ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData | null, sendMessage: (message: NetworkRequest) => void, isServiceUrl: (url: string) => boolean, tokenUrlMatcher?: ((url: string) => boolean) | undefined);
-    get(target: T, key: string): any;
-    set(target: T, key: string, value: (args: any[]) => any): boolean;
-    onReadyStateChange(): void;
-    onAbort(): void;
-    onTimeout(): void;
-    protected getOpen(target: T): (...args: any[]) => any;
-    protected getSend(target: T): (...args: any[]) => any;
-    protected getSetRequestHeader(target: T): (...args: any[]) => any;
-    protected setOnReadyStateChange(target: T, key: string, orscFunction: (args: any[]) => any): boolean;
-    protected setOnAbort(target: T, key: string, oaFunction: (args: any[]) => any): boolean;
-    protected setOnTimeout(target: T, key: string, otFunction: (args: any[]) => any): boolean;
-    /**
-     * Update item's properties according to readyState.
-     */
-    protected updateItemByReadyState(): void;
-}
-export default class XHRProxy {
-    static create(ignoredHeaders: boolean | string[], setSessionTokenHeader: (cb: (name: string, value: string) => void) => void, sanitize: (data: RequestResponseData) => RequestResponseData | null, sendMessage: (data: NetworkRequest) => void, isServiceUrl: (url: string) => boolean, tokenUrlMatcher?: (url: string) => boolean): any;
-}

package/lib/modules/Network/xhrProxy.js

@@ -1,221 +0,0 @@
-/**
- * I took inspiration in few stack exchange posts
- * and Tencent vConsole library (MIT)
- * by wrapping the XMLHttpRequest object in a Proxy
- * we can intercept the network requests
- * in not-so-hacky way
- * */
-import NetworkMessage, { RequestState } from './networkMessage.js';
-import { genGetDataByUrl, formatByteSize, genStringBody, getStringResponseByType } from './utils.js';
-export class XHRProxyHandler {
-    constructor(XMLReq, ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl, tokenUrlMatcher) {
-        this.ignoredHeaders = ignoredHeaders;
-        this.setSessionTokenHeader = setSessionTokenHeader;
-        this.sanitize = sanitize;
-        this.sendMessage = sendMessage;
-        this.isServiceUrl = isServiceUrl;
-        this.tokenUrlMatcher = tokenUrlMatcher;
-        this.XMLReq = XMLReq;
-        this.XMLReq.onreadystatechange = () => {
-            this.onReadyStateChange();
-        };
-        this.XMLReq.onabort = () => {
-            this.onAbort();
-        };
-        this.XMLReq.ontimeout = () => {
-            this.onTimeout();
-        };
-        this.item = new NetworkMessage(ignoredHeaders, setSessionTokenHeader, sanitize);
-        this.item.requestType = 'xhr';
-    }
-    get(target, key) {
-        switch (key) {
-            case 'open':
-                return this.getOpen(target);
-            case 'send':
-                this.setSessionTokenHeader((name, value) => {
-                    if (this.tokenUrlMatcher !== undefined) {
-                        if (!this.tokenUrlMatcher(this.item.url)) {
-                            return;
-                        }
-                    }
-                    target.setRequestHeader(name, value);
-                });
-                return this.getSend(target);
-            case 'setRequestHeader':
-                return this.getSetRequestHeader(target);
-            default:
-                // eslint-disable-next-line no-case-declarations
-                const value = Reflect.get(target, key);
-                if (typeof value === 'function') {
-                    return value.bind(target);
-                }
-                else {
-                    return value;
-                }
-        }
-    }
-    set(target, key, value) {
-        switch (key) {
-            case 'onreadystatechange':
-                return this.setOnReadyStateChange(target, key, value);
-            case 'onabort':
-                return this.setOnAbort(target, key, value);
-            case 'ontimeout':
-                return this.setOnTimeout(target, key, value);
-            default:
-            // not tracked methods
-        }
-        return Reflect.set(target, key, value);
-    }
-    onReadyStateChange() {
-        if (this.item.url && this.isServiceUrl(this.item.url))
-            return;
-        this.item.readyState = this.XMLReq.readyState;
-        this.item.responseType = this.XMLReq.responseType;
-        this.item.endTime = performance.now();
-        this.item.duration = this.item.endTime - this.item.startTime;
-        this.updateItemByReadyState();
-        setTimeout(() => {
-            this.item.response = getStringResponseByType(this.item.responseType, this.item.response);
-        }, 0);
-        if (this.XMLReq.readyState === RequestState.DONE) {
-            const msg = this.item.getMessage();
-            if (msg) {
-                this.sendMessage(msg);
-            }
-        }
-    }
-    onAbort() {
-        this.item.cancelState = 1;
-        this.item.statusText = 'Abort';
-        const msg = this.item.getMessage();
-        if (msg) {
-            this.sendMessage(msg);
-        }
-    }
-    onTimeout() {
-        this.item.cancelState = 3;
-        this.item.statusText = 'Timeout';
-        const msg = this.item.getMessage();
-        if (msg) {
-            this.sendMessage(msg);
-        }
-    }
-    getOpen(target) {
-        const targetFunction = Reflect.get(target, 'open');
-        return (...args) => {
-            const method = args[0];
-            const url = args[1];
-            this.item.method = method ? method.toUpperCase() : 'GET';
-            this.item.url = url.toString?.() || '';
-            this.item.name = this.item.url?.replace(new RegExp('/*$'), '').split('/').pop() ?? '';
-            this.item.getData = genGetDataByUrl(this.item.url, {});
-            return targetFunction.apply(target, args);
-        };
-    }
-    getSend(target) {
-        const targetFunction = Reflect.get(target, 'send');
-        return (...args) => {
-            const data = args[0];
-            this.item.requestData = genStringBody(data);
-            return targetFunction.apply(target, args);
-        };
-    }
-    getSetRequestHeader(target) {
-        const targetFunction = Reflect.get(target, 'setRequestHeader');
-        return (...args) => {
-            if (!this.item.requestHeader) {
-                this.item.requestHeader = {};
-            }
-            // @ts-ignore
-            this.item.requestHeader[args[0]] = args[1];
-            return targetFunction.apply(target, args);
-        };
-    }
-    setOnReadyStateChange(target, key, orscFunction) {
-        return Reflect.set(target, key, (...args) => {
-            this.onReadyStateChange();
-            orscFunction?.apply(target, args);
-        });
-    }
-    setOnAbort(target, key, oaFunction) {
-        return Reflect.set(target, key, (...args) => {
-            this.onAbort();
-            oaFunction.apply(target, args);
-        });
-    }
-    setOnTimeout(target, key, otFunction) {
-        return Reflect.set(target, key, (...args) => {
-            this.onTimeout();
-            otFunction.apply(target, args);
-        });
-    }
-    /**
-     * Update item's properties according to readyState.
-     */
-    updateItemByReadyState() {
-        switch (this.XMLReq.readyState) {
-            case RequestState.UNSENT:
-            case RequestState.OPENED:
-                this.item.status = RequestState.UNSENT;
-                this.item.statusText = 'Pending';
-                if (!this.item.startTime) {
-                    this.item.startTime = performance.now();
-                }
-                break;
-            case RequestState.HEADERS_RECEIVED:
-                this.item.status = this.XMLReq.status;
-                this.item.statusText = 'Loading';
-                this.item.header = {};
-                // eslint-disable-next-line no-case-declarations
-                const header = this.XMLReq.getAllResponseHeaders() || '', headerArr = header.split('\n');
-                // extract plain text to key-value format
-                for (let i = 0; i < headerArr.length; i++) {
-                    const line = headerArr[i];
-                    if (!line) {
-                        continue;
-                    }
-                    const arr = line.split(': ');
-                    const key = arr[0];
-                    this.item.header[key] = arr.slice(1).join(': ');
-                }
-                break;
-            case RequestState.LOADING:
-                this.item.status = this.XMLReq.status;
-                this.item.statusText = 'Loading';
-                if (!!this.XMLReq.response && this.XMLReq.response.length) {
-                    this.item.responseSize = this.XMLReq.response.length;
-                    this.item.responseSizeText = formatByteSize(this.item.responseSize);
-                }
-                break;
-            case RequestState.DONE:
-                // `XMLReq.abort()` will change `status` from 200 to 0, so use previous value in this case
-                this.item.status = this.XMLReq.status || this.item.status || 0;
-                // show status code when request completed
-                this.item.statusText = String(this.item.status);
-                this.item.endTime = performance.now();
-                this.item.duration = this.item.endTime - (this.item.startTime || this.item.endTime);
-                this.item.response = this.XMLReq.response;
-                if (!!this.XMLReq.response && this.XMLReq.response.length) {
-                    this.item.responseSize = this.XMLReq.response.length;
-                    this.item.responseSizeText = formatByteSize(this.item.responseSize);
-                }
-                break;
-            default:
-                this.item.status = this.XMLReq.status;
-                this.item.statusText = 'Unknown';
-                break;
-        }
-    }
-}
-export default class XHRProxy {
-    static create(ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl, tokenUrlMatcher) {
-        return new Proxy(XMLHttpRequest, {
-            construct(original) {
-                const XMLReq = new original();
-                return new Proxy(XMLReq, new XHRProxyHandler(XMLReq, ignoredHeaders, setSessionTokenHeader, sanitize, sendMessage, isServiceUrl, tokenUrlMatcher));
-            },
-        });
-    }
-}