/*
 * Copyright (c) 2021. ComboStrap, Inc. and its affiliates. All Rights Reserved.
 *
 * This source code is licensed under the GPL license found in the
 * COPYING  file in the root directory of this source tree.
 *
 * @license  GPL 3 (https://www.gnu.org/licenses/gpl-3.0.en.html)
 * @author   ComboStrap <support@combostrap.com>
 *
 */
let WEBCODE = (function () {
    let exp = {};

    /**
     * A log entry is used because the HTML page
     * may be not yet fully loaded
     * when the console.log or console.table is called
     * in a html script tag inside HTML
     */
    let logs = [];

    function WebConsole() {

        let webConsoleElement = document.querySelector("#webCodeConsole");

        let appendLine = function (text) {
            let webConsoleLine = document.createElement("p");
            webConsoleLine.className = "webCodeConsoleLine";
            webConsoleLine.innerHTML = text;
            appendChild(webConsoleLine);
        };
        let appendChild = function (element) {
            webConsoleElement.appendChild(element);
        };

        let printTable = function (input) {
            if (Array.isArray(input) !== true) {

                appendLine("The variable of the function console.table must be an array.");

            } else {
                if (input.length <= 0) {

                    appendLine("The variable of the console.table has no elements.");

                } else {
                    // HTML Headers
                    let tableElement = document.createElement("table");
                    let theadElement = document.createElement("thead");
                    let tbodyElement = document.createElement("tbody");
                    let trHeadElement = document.createElement("tr");

                    tableElement.appendChild(theadElement);
                    tableElement.appendChild(tbodyElement);
                    theadElement.appendChild(trHeadElement);


                    for (let i = 0; i < input.length; i++) {

                        let element = input[i];

                        // First iteration, we pick the headers
                        if (i === 0) {

                            if (typeof element === 'object') {
                                for (let prop in element) {
                                    let thElement = document.createElement("th");
                                    thElement.innerHTML = print(prop);
                                    trHeadElement.appendChild(thElement);
                                }
                            } else {
                                // Header
                                let thElement = document.createElement("th");
                                thElement.innerHTML = "Values";
                                trHeadElement.appendChild(thElement);
                            }

                        }

                        let trBodyElement = document.createElement("tr");
                        tbodyElement.appendChild(trBodyElement);

                        if (typeof input[0] === 'object') {
                            for (let prop in element) {
                                let tdElement = document.createElement("td");
                                tdElement.innerHTML = print(element[prop]);
                                trBodyElement.appendChild(tdElement);
                            }
                        } else {
                            let tdElement = document.createElement("td");
                            tdElement.innerHTML = print(element);
                            let trElement = document.createElement("tr");
                            trElement.appendChild(tdElement);
                        }

                    }
                    appendChild(tableElement);

                }
            }
        }

        let printLog = function (input) {
            let s;
            if (typeof input === "object") {
                s = "{\n";
                let keys = Object.keys(input);
                for (let i = 0; i < keys.length; i++) {
                    s += "  " + keys[i] + " : " + input[keys[i]] + ";\n";
                }
                s += "}\n";
            } else {
                s = String(input);
            }
            s = htmlEntities(s);
            // the BR replacement must be after the htmlEntities function ...
            s = s.replace(/\n/g, '<BR>')
            appendLine(s);
        }

        let htmlEntities = function (str) {
            // from https://css-tricks.com/snippets/javascript/htmlentities-for-javascript/
            return String(str)
                .replace(/&/g, '&amp;')
                .replace(/</g, '&lt;')
                .replace(/>/g, '&gt;')
                .replace(/"/g, '&quot;')
                .replace(/ /g, '&nbsp;');
        }

        let print = function (v) {
            if (typeof v === 'undefined') {
                return "(Undefined)"; // Undefined == null, therefore it must be in first position
            } else if (Array.isArray(v)) {
                if (v.length === 0) {
                    return "(Empty Array)";
                } else {
                    return v;
                }
            } else if (typeof v === 'string') {
                if (v.length === 0) {
                    return "(Empty String)"
                } else {
                    return v;
                }
            } else if (v === null) {
                return "(null)";
            } else {
                return v;
            }
        };

        // Public
        return {
            printTable: printTable,
            printLog: printLog
        };

    }


    exp.addLogEntry = function (input) {
        logs.push({
            type: "log",
            data: input
        })
    }
    exp.addTableEntry = function (input) {
        logs.push({
            type: "table",
            data: input
        })
    }
    exp.flushLogs = function () {
        let webConsole = new WebConsole();
        for (const log of logs) {
            let {type, data} = log;
            if (type === "log") {
                webConsole.printLog(data);
            } else {
                webConsole.printTable(data);
            }
        }
        logs = [];
    }
    return exp;
})();


window.console.log = function (input) {
    WEBCODE.addLogEntry(input);
};

// https://developer.mozilla.org/en-US/docs/Web/API/Console/table
window.console.table = function (input) {
    WEBCODE.addTableEntry(input);
};

window.addEventListener("DOMContentLoaded", function () {
    WEBCODE.flushLogs();
    // log may be added later, flush the logs at interval
    window.setInterval(WEBCODE.flushLogs,2000)
})