shared.js

var BASE_URL = window.location.origin + "/perf";

function getDate(id) {
    var result = document.getElementById(id).value;
    var as_date = new Date(result);
    if (isNaN(as_date.getTime())) {
        return "";
    } else {
        return as_date.toISOString();
    }
}

function getValue(id) {
    return document.getElementById(id).value;
}

function gatherChecks(name) {
    if (document.getElementById(name + "-total") &&
        document.getElementById(name + "-total").checked) {
        return { list: "All", content: null }; // Decoded as all variants
    }
    let result = [];
    let elements = document.getElementsByName(name);
    for (let element of elements) {
        if (element.checked && element.id && element.id != name + "-total") {
            result.push(element.id);
        }
    }

    return { list: "List", content: result };
}

function getSelected(name) {
    let e = document.getElementById(name);
    return e.options[e.selectedIndex].value;
}

function setSelected(id, text) {
    let e = document.getElementById(id);
    for (let i = 0; i < e.options.length; i++) {
        e.options[i].selected = false;
    }
    for (let i = 0; i < e.options.length; i++) {
        if (e.options[i].text === text || e.options[i].value == text) {
            e.options[i].selected = true;
            return;
        }
    }
}

function toList(list_object, type) {
    if (list_object.list == "All") {
        let result = [];
        let elements = document.getElementsByName(name);
        for (let element of elements) {
            if (element.checked && element.id && element.id != `check-${type}-total`) {
                result.push(element.id);
            }
        }

        return result;
    }

    return list_object.content;
}

function addTotalHandler(name) {
    var elements = document.getElementsByName(name);
    for (var i in elements) {
        if (elements[i].id != name + "-total") {
            elements[i].onclick = function () {
                document.getElementById(name + "-total").checked = false;
            };
        }
    }
    document.getElementById(name + "-total").onclick = function () {
        for (var i in elements) {
            if (elements[i].id != name + "-total") {
                elements[i].checked = false;
            }
        }
    };
}

// Get lists of the available crates from the server and make
// the lists of checkboxes and other settings.
// Assumes the initial graph is total/total/by crate
function make_settings(callback) {
    return fetch(BASE_URL + "/info", {}).then(function (response) {
        response.json().then(function (data) {
            let phases_html = "";
            for (let stat of data.stats) {
                phases_html += `<option value="${stat}">${stat}</option>`;
            }
            let list = document.getElementById("stats");
            if (list) {
                list.innerHTML = phases_html;
                list.value = 'instructions:u';
            }
            document.getElementById("as-of").innerHTML =
                "Updated as of: " + (new Date(data.as_of)).toLocaleString();
            callback();
        });
    }, function (err) {
        document.getElementById("settings").innerHTML = "Error fetching info";
        console.log("Error fetching info:");
        console.log(err);
    });
}

function truncate_name(name) {
    if (name.length > 30) {
        return name.substring(0, 30) + "...";
    }

    return name;
}

function set_date(id, date) {
    let d = new Date(date);
    if (!Number.isNaN(d.getTime())) {
        document.getElementById(id).value = new Date(date).toISOString().split('T')[0];
    } else {
        console.warn("could not set", id, "to:", date, "; invalid date");
    }
    return document.getElementById(id).value;
}

function set_value(id, value) {
    document.getElementById(id).value = value;
}

// A bunch of helper functions for helping with keeping URLs up to date and
// interacting with the browser history.

// Dispatches on query string state. This examines the ?... part of the URL.
//
// The query string may not contain all of the parameters. If it doesn't, we simply pass what
// exists.
function dispatch_on_params(f) {
    if (!window.location.search) {
        f({}, false);
        return;
    }

    let params = new URLSearchParams(window.location.search.substring(1));
    let state = {};
    for (let param of params) {
        let key = param[0];
        let value = param[1];

        if (key == "phases" || key == "dates") {
            value = JSON.parse(value);
        }

        state[key] = value;
    }
    f(state, false);
}

// Add an entry into the browser's history to allow the back button to work correctly.
//
// This does not refresh the page in any way.
//
// For more information, see:
// https://developer.mozilla.org/en-US/docs/Web/API/History_API#The_pushState()_method
function push_state_to_history(state) {
    var query_string = query_string_for_state(state);
    if (query_string !== "") {
        history.pushState(state, "", query_string);
    }
}

function query_string_for_state(state) {
    var result = "?";
    for (k in state) {
        if (result.length > 1) {
            result += "&";
        }
        // Best known way to check if passed state is a date object.
        if (state[k].toISOString) {
            result += k + "=" + encodeURIComponent(state[k].toISOString());
        } else if (typeof state[k] == "string") {
            result += k + "=" + encodeURIComponent(state[k]);
        } else {
            result += k + "=" + encodeURIComponent(JSON.stringify(state[k]));
        }
    }
    return result;
}

function loadState(callback, skip_settings) {
    let params = new URLSearchParams(window.location.search.slice(1));
    let state = {};
    for (let param of params) {
        let key = param[0];
        let value = param[1];
        state[key] = value;
    }
    // Handle renaming of `run_name` to `scenario`
    if (state.run_name && !state.scenario) {
        state.scenario = state.run_name;
        state.run_name = undefined;
    }
    if (state.start) {
        document.getElementById("start-bound").value = state.start;
    }
    if (state.end) {
        document.getElementById("end-bound").value = state.end;
    }
    if (!skip_settings) {
        make_settings(() => {
            if (state.stat) {
                setSelected("stats", state.stat);
            }
            if (state.kind) {
                setSelected("kind", state.kind);
            }
            callback(state);
        });
    } else {
        callback(state);
    }
}

// This one is for making the request we send to the backend.
function makeRequest(path, body) {
    if (window.msgpack === undefined) {
        alert("msgpack is not loaded, maybe allow scripts from cdnjs.cloudflare.com?");
        return Promise.reject("msgpack is not loaded");
    }

    return fetch(BASE_URL + path, {
        method: "POST",
        body: JSON.stringify(body),
        mode: "cors"
    }).then(response => {
        if (response.ok) {
            return response.clone().arrayBuffer().then((arrayBuffer) => {
                return msgpack.decode(new Uint8Array(arrayBuffer))
            }).catch(() => {
                return response.text().then(data => alert(data));
            });
        } else {
            return response.text().then(data => {
                alert(data);
                return Promise.reject(data);
            });
        }
    }, err => {
        console.log("error fetching ", path, ": ", err);
    });
}

// https://stackoverflow.com/questions/6234773
function escapeHtml(unsafe) {
    return unsafe
        .replace(/&/g, "&amp;")
        .replace(/</g, "&lt;")
        .replace(/>/g, "&gt;")
        .replace(/"/g, "&quot;")
        .replace(/'/g, "&#039;");
}