yomichan/ext/js/background/request-builder.js

/*
 * Copyright (C) 2020-2022  Yomichan Authors
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

class RequestBuilder {
    constructor() {
        this._onBeforeSendHeadersExtraInfoSpec = ['blocking', 'requestHeaders', 'extraHeaders'];
        this._textEncoder = new TextEncoder();
        this._ruleIds = new Set();
    }

    async prepare() {
        try {
            await this._clearDynamicRules();
        } catch (e) {
            // NOP
        }
    }

    async fetchAnonymous(url, init) {
        if (isObject(chrome.declarativeNetRequest)) {
            return await this._fetchAnonymousDeclarative(url, init);
        }
        const originURL = this._getOriginURL(url);
        const headerModifications = [
            ['cookie', null],
            ['origin', {name: 'Origin', value: originURL}]
        ];
        return await this._fetchInternal(url, init, headerModifications);
    }

    // Private

    async _fetchInternal(url, init, headerModifications) {
        const filter = {
            urls: [this._getMatchURL(url)],
            types: ['xmlhttprequest']
        };

        let requestId = null;
        const onBeforeSendHeadersCallback = (details) => {
            if (requestId !== null || details.url !== url) { return {}; }
            ({requestId} = details);

            if (headerModifications === null) { return {}; }

            const requestHeaders = details.requestHeaders;
            this._modifyHeaders(requestHeaders, headerModifications);
            return {requestHeaders};
        };

        let errorDetailsTimer = null;
        let {promise: errorDetailsPromise, resolve: errorDetailsResolve} = deferPromise();
        const onErrorOccurredCallback = (details) => {
            if (errorDetailsResolve === null || details.requestId !== requestId) { return; }
            if (errorDetailsTimer !== null) {
                clearTimeout(errorDetailsTimer);
                errorDetailsTimer = null;
            }
            errorDetailsResolve(details);
            errorDetailsResolve = null;
        };

        const eventListeners = [];
        const onBeforeSendHeadersExtraInfoSpec = (headerModifications !== null ? this._onBeforeSendHeadersExtraInfoSpec : []);
        this._addWebRequestEventListener(chrome.webRequest.onBeforeSendHeaders, onBeforeSendHeadersCallback, filter, onBeforeSendHeadersExtraInfoSpec, eventListeners);
        this._addWebRequestEventListener(chrome.webRequest.onErrorOccurred, onErrorOccurredCallback, filter, void 0, eventListeners);

        try {
            return await fetch(url, init);
        } catch (e) {
            // onErrorOccurred is not always invoked by this point, so a delay is needed
            if (errorDetailsResolve !== null) {
                errorDetailsTimer = setTimeout(() => {
                    errorDetailsTimer = null;
                    if (errorDetailsResolve === null) { return; }
                    errorDetailsResolve(null);
                    errorDetailsResolve = null;
                }, 100);
            }
            const details = await errorDetailsPromise;
            e.data = {details};
            throw e;
        } finally {
            this._removeWebRequestEventListeners(eventListeners);
        }
    }

    _addWebRequestEventListener(target, callback, filter, extraInfoSpec, eventListeners) {
        try {
            for (let i = 0; i < 2; ++i) {
                try {
                    if (typeof extraInfoSpec === 'undefined') {
                        target.addListener(callback, filter);
                    } else {
                        target.addListener(callback, filter, extraInfoSpec);
                    }
                    break;
                } catch (e) {
                    // Firefox doesn't support the 'extraHeaders' option and will throw the following error:
                    // Type error for parameter extraInfoSpec (Error processing 2: Invalid enumeration value "extraHeaders") for [target].
                    if (i === 0 && `${e.message}`.includes('extraHeaders') && Array.isArray(extraInfoSpec)) {
                        const index = extraInfoSpec.indexOf('extraHeaders');
                        if (index >= 0) {
                            extraInfoSpec.splice(index, 1);
                            continue;
                        }
                    }
                    throw e;
                }
            }
        } catch (e) {
            console.log(e);
            return;
        }
        eventListeners.push({target, callback});
    }

    _removeWebRequestEventListeners(eventListeners) {
        for (const {target, callback} of eventListeners) {
            try {
                target.removeListener(callback);
            } catch (e) {
                console.log(e);
            }
        }
    }

    _getMatchURL(url) {
        const url2 = new URL(url);
        return `${url2.protocol}//${url2.host}${url2.pathname}${url2.search}`.replace(/\*/g, '%2a');
    }

    _getOriginURL(url) {
        const url2 = new URL(url);
        return `${url2.protocol}//${url2.host}`;
    }

    _modifyHeaders(headers, modifications) {
        modifications = new Map(modifications);

        for (let i = 0, ii = headers.length; i < ii; ++i) {
            const header = headers[i];
            const name = header.name.toLowerCase();
            const modification = modifications.get(name);
            if (typeof modification === 'undefined') { continue; }

            modifications.delete(name);

            if (modification === null) {
                headers.splice(i, 1);
                --i;
                --ii;
            } else {
                headers[i] = modification;
            }
        }

        for (const header of modifications.values()) {
            if (header !== null) {
                headers.push(header);
            }
        }
    }

    async _clearDynamicRules() {
        if (!isObject(chrome.declarativeNetRequest)) { return; }

        const rules = this._getDynamicRules();

        if (rules.length === 0) { return; }

        const removeRuleIds = [];
        for (const {id} of rules) {
            removeRuleIds.push(id);
        }

        await this._updateDynamicRules({removeRuleIds});
    }

    async _fetchAnonymousDeclarative(url, init) {
        const id = this._getNewRuleId();
        const originUrl = this._getOriginURL(url);
        url = encodeURI(decodeURI(url));

        this._ruleIds.add(id);
        try {
            const addRules = [{
                id,
                priority: 1,
                condition: {
                    urlFilter: `|${this._escapeDnrUrl(url)}|`,
                    resourceTypes: ['xmlhttprequest']
                },
                action: {
                    type: 'modifyHeaders',
                    requestHeaders: [
                        {
                            operation: 'remove',
                            header: 'Cookie'
                        },
                        {
                            operation: 'set',
                            header: 'Origin',
                            value: originUrl
                        }
                    ],
                    responseHeaders: [
                        {
                            operation: 'remove',
                            header: 'Set-Cookie'
                        }
                    ]
                }
            }];

            await this._updateDynamicRules({addRules});
            try {
                return await this._fetchInternal(url, init, null);
            } finally {
                await this._tryUpdateDynamicRules({removeRuleIds: [id]});
            }
        } finally {
            this._ruleIds.delete(id);
        }
    }

    _getDynamicRules() {
        return new Promise((resolve, reject) => {
            chrome.declarativeNetRequest.getDynamicRules((result) => {
                const e = chrome.runtime.lastError;
                if (e) {
                    reject(new Error(e.message));
                } else {
                    resolve(result);
                }
            });
        });
    }

    _updateDynamicRules(options) {
        return new Promise((resolve, reject) => {
            chrome.declarativeNetRequest.updateDynamicRules(options, () => {
                const e = chrome.runtime.lastError;
                if (e) {
                    reject(new Error(e.message));
                } else {
                    resolve();
                }
            });
        });
    }

    async _tryUpdateDynamicRules(options) {
        try {
            await this._updateDynamicRules(options);
            return true;
        } catch (e) {
            return false;
        }
    }

    _getNewRuleId() {
        let id = 1;
        while (this._ruleIds.has(id)) {
            const pre = id;
            ++id;
            if (id === pre) { throw new Error('Could not generate an id'); }
        }
        return id;
    }

    _escapeDnrUrl(url) {
        return url.replace(/[|*^]/g, (char) => this._urlEncodeUtf8(char));
    }

    _urlEncodeUtf8(text) {
        const array = this._textEncoder.encode(text);
        let result = '';
        for (const byte of array) {
            result += `%${byte.toString(16).toUpperCase().padStart(2, '0')}`;
        }
        return result;
    }
}