Scrapling/scrapling/engines/toolbelt/bypasses/window_chrome.js

// To escape `HEADCHR_CHROME_OBJ` test in headless mode => https://github.com/antoinevastel/fp-collect/blob/master/src/fpCollect.js#L322
// Faking window.chrome fully

if (!window.chrome) {
    // First, save all existing properties
    const originalKeys = Object.getOwnPropertyNames(window);
    const tempObj = {};

    // Recreate all properties in original order
    for (const key of originalKeys) {
        const descriptor = Object.getOwnPropertyDescriptor(window, key);
        const value = window[key];
        // delete window[key];
        Object.defineProperty(tempObj, key, descriptor);
    }

    // Use the exact property descriptor found in headful Chrome
    // fetch it via `Object.getOwnPropertyDescriptor(window, 'chrome')`
    const mockChrome = {
        loadTimes: {},
        csi: {},
        app: {
            isInstalled: false
        },
        // Add other Chrome-specific properties
    };

    Object.defineProperty(tempObj, 'chrome', {
        writable: true,
        enumerable: true,
        configurable: false,
        value: mockChrome
    });
    for (const key of Object.getOwnPropertyNames(tempObj)) {
        try {
            Object.defineProperty(window, key,
                Object.getOwnPropertyDescriptor(tempObj, key));
        } catch (e) {}
    };
    // todo: solve this
    // Using line below bypasses the hasHighChromeIndex test in creepjs ==> https://github.com/abrahamjuliot/creepjs/blob/master/src/headless/index.ts#L121
    // Chrome object have to be in the end of the window properties
    // Object.assign(window, tempObj);
    // But makes window.chrome unreadable on 'https://bot.sannysoft.com/'
}

// That means we're running headful and don't need to mock anything
if ('app' in window.chrome) {
    return; // Nothing to do here
}
const makeError = {
    ErrorInInvocation: fn => {
        const err = new TypeError(`Error in invocation of app.${fn}()`);
        return utils.stripErrorWithAnchor(
            err,
            `at ${fn} (eval at <anonymous>`,
        );
    },
};
// check with: `JSON.stringify(window.chrome['app'])`
const STATIC_DATA = JSON.parse(
    `
{
  "isInstalled": false,
  "InstallState": {
    "DISABLED": "disabled",
    "INSTALLED": "installed",
    "NOT_INSTALLED": "not_installed"
  },
  "RunningState": {
    "CANNOT_RUN": "cannot_run",
    "READY_TO_RUN": "ready_to_run",
    "RUNNING": "running"
  }
}
    `.trim(),
    );
window.chrome.app = {
    ...STATIC_DATA,

    get isInstalled() {
        return false;
    },

    getDetails: function getDetails() {
        if (arguments.length) {
            throw makeError.ErrorInInvocation(`getDetails`);
        }
        return null;
    },
    getIsInstalled: function getDetails() {
        if (arguments.length) {
            throw makeError.ErrorInInvocation(`getIsInstalled`);
        }
        return false;
    },
    runningState: function getDetails() {
        if (arguments.length) {
            throw makeError.ErrorInInvocation(`runningState`);
        }
        return 'cannot_run';
    },
};
// Check that the Navigation Timing API v1 is available, we need that
if (!window.performance || !window.performance.timing) {
    return;
}
const {timing} = window.performance;
window.chrome.csi = function () {
    return {
        onloadT: timing.domContentLoadedEventEnd,
        startE: timing.navigationStart,
        pageT: Date.now() - timing.navigationStart,
        tran: 15, // Transition type or something
    };
};
if (!window.PerformancePaintTiming){
    return;
}
const {performance} = window;
// Some stuff is not available on about:blank as it requires a navigation to occur,
// let's harden the code to not fail then:
const ntEntryFallback = {
    nextHopProtocol: 'h2',
    type: 'other',
};

// The API exposes some funky info regarding the connection
const protocolInfo = {
    get connectionInfo() {
        const ntEntry =
            performance.getEntriesByType('navigation')[0] || ntEntryFallback;
        return ntEntry.nextHopProtocol;
    },
    get npnNegotiatedProtocol() {
        // NPN is deprecated in favor of ALPN, but this implementation returns the
        // HTTP/2 or HTTP2+QUIC/39 requests negotiated via ALPN.
        const ntEntry =
            performance.getEntriesByType('navigation')[0] || ntEntryFallback;
        return ['h2', 'hq'].includes(ntEntry.nextHopProtocol)
            ? ntEntry.nextHopProtocol
            : 'unknown';
    },
    get navigationType() {
        const ntEntry =
            performance.getEntriesByType('navigation')[0] || ntEntryFallback;
        return ntEntry.type;
    },
    get wasAlternateProtocolAvailable() {
        // The Alternate-Protocol header is deprecated in favor of Alt-Svc
        // (https://www.mnot.net/blog/2016/03/09/alt-svc), so technically this
        // should always return false.
        return false;
    },
    get wasFetchedViaSpdy() {
        // SPDY is deprecated in favor of HTTP/2, but this implementation returns
        // true for HTTP/2 or HTTP2+QUIC/39 as well.
        const ntEntry =
            performance.getEntriesByType('navigation')[0] || ntEntryFallback;
        return ['h2', 'hq'].includes(ntEntry.nextHopProtocol);
    },
    get wasNpnNegotiated() {
        // NPN is deprecated in favor of ALPN, but this implementation returns true
        // for HTTP/2 or HTTP2+QUIC/39 requests negotiated via ALPN.
        const ntEntry =
            performance.getEntriesByType('navigation')[0] || ntEntryFallback;
        return ['h2', 'hq'].includes(ntEntry.nextHopProtocol);
    },
};

// Truncate number to specific number of decimals, most of the `loadTimes` stuff has 3
function toFixed(num, fixed) {
    var re = new RegExp('^-?\\d+(?:.\\d{0,' + (fixed || -1) + '})?');
    return num.toString().match(re)[0];
}

const timingInfo = {
    get firstPaintAfterLoadTime() {
        // This was never actually implemented and always returns 0.
        return 0;
    },
    get requestTime() {
        return timing.navigationStart / 1000;
    },
    get startLoadTime() {
        return timing.navigationStart / 1000;
    },
    get commitLoadTime() {
        return timing.responseStart / 1000;
    },
    get finishDocumentLoadTime() {
        return timing.domContentLoadedEventEnd / 1000;
    },
    get finishLoadTime() {
        return timing.loadEventEnd / 1000;
    },
    get firstPaintTime() {
        const fpEntry = performance.getEntriesByType('paint')[0] || {
            startTime: timing.loadEventEnd / 1000, // Fallback if no navigation occured (`about:blank`)
        };
        return toFixed(
            (fpEntry.startTime + performance.timeOrigin) / 1000,
            3,
        );
    },
};

window.chrome.loadTimes = function () {
    return {
        ...protocolInfo,
        ...timingInfo,
    };
};