initLogs.js

/**
 * @author: Chris Singendonk
 * @description: Initializes the logging system for the application.
 * - This function sets up interceptors for fetch and XMLHttpRequest to log and optionally block requests.
 * - It also creates an `HttpInterceptor` instance and attaches it to the global `window.initLogs` function.
 */
function initLogs() {
    console.log('Initializing logs...');

    // Base Injector Class
    class _Injector {
        constructor() {
            console.log('_Injector initialized.');
        }

        initFetchInterceptor() {
            const originalFetch = window.fetch;
            window.fetch = async (...args) => {
                console.log('Intercepted Fetch Request:', args[0]);
                const shouldProceed = confirm(`Allow fetch request to ${args[0]}?`);
                if (!shouldProceed) {
                    console.log('Fetch request blocked.');
                    return new Response(null, { status: 403, statusText: 'Request blocked' });
                }
                return originalFetch(...args);
            };
        }

        initXHRInterceptor() {
            const originalXHR = window.XMLHttpRequest;
            class InterceptedXHR extends originalXHR {
                open(method, url, ...args) {
                    console.log(`Intercepted XHR Request: ${method} ${url}`);
                    const shouldProceed = confirm(`Allow XHR request to ${url}?`);
                    if (!shouldProceed) {
                        console.log('XHR request blocked.');
                        method = 'GET';
                        url = '/';
                        args = [];
                    }
                    return super.open(method, url, ...args);
                }
            }
            window.XMLHttpRequest = InterceptedXHR;
        }
    }

    // HTTP Interceptor Class that Extends _Injector
    class HttpInterceptor extends _Injector {
        constructor(serviceWorkerPath = './service-worker.js', options = {}) {
            super(); // Initialize the parent class
            this.serviceWorkerPath = serviceWorkerPath;
            this.options = options;

            this.initFetchInterceptor();
            this.initXHRInterceptor();
        }
    }

    // Attach the initLogs function to the global window object
    window.initLogs = function () {
        console.log('Calling initLogs from the global window object...');
        const interceptor = new HttpInterceptor();
        console.log('HTTP Interceptor initialized via window.initLogs.');
    };

    // Initialize the interceptor
    const interceptor = new HttpInterceptor();
    console.log('HTTP Interceptor initialized.');
}

// Run the initLogs function
initLogs();