Small Debug Utility for viewing Mobile Console Errors

Debug.js

/** This class provides Debug Utilities. */
class Debug {

    /** Reroute Console Errors to the Main Screen (for mobile) 
     * @param {Worker} worker */
    constructor(worker) {
        // Route Worker Errors Here
        worker.registerCallback("error", this.fakeError.bind(this));

        // Intercept Main Window Errors as well
        window.addEventListener('error', function (event) {
            let errorNode = window.document.createElement("div");
            let path = event.filename.split("/");
            errorNode.innerHTML = (path[path.length-1] + ":"+ event.lineno + " - " + event.message).fontcolor("red");
            window.document.getElementById("info").appendChild(errorNode);
        });
      
        // Intercept console.error (TODO: Include console.warn and console.log)
        window.realConsoleError = console.error;
        console.error = this.fakeError.bind(this);
    }

    // Log Errors as <div>s over the main viewport
    fakeError(...args) {
        if (args.length > 0) {
            let errorNode = window.document.createElement("div");
            errorNode.innerHTML = JSON.stringify(args[0]).fontcolor("red");
            window.document.getElementById("info").appendChild(errorNode);
        }
        window.realConsoleError.apply(console, arguments);
    }

}

export { Debug };