eve-ui.js

// all related globals are prefixed with "eveui_" to try to avoid collision
// for clarity and consistency:
// " are only used for html attribute values
// ' are used for javascript values
// ` used whenever interpolation is required
'use strict';
// config stuff ( can be overridden in a script block or js file of your choice )
var eveui_user_agent = eveui_user_agent || 'For source website, see referrer. For library, see https://github.com/quiescens/eve-ui/ r:' + `0.9.8`;
var eveui_accept_language = eveui_accept_language;
var eveui_preload_initial = eveui_preload_initial || 50;
var eveui_preload_interval = eveui_preload_interval || 10;
var eveui_mode = eveui_mode || 'multi_window'; // expand_all, expand, multi_window, modal
var eveui_allow_edit = eveui_allow_edit || false;
var eveui_show_fitstats = eveui_show_fitstats || false;
var eveui_fit_selector = eveui_fit_selector || '[href^="fitting:"],[data-dna]';
var eveui_item_selector = eveui_item_selector || '[href^="item:"],[data-itemid]';
var eveui_char_selector = eveui_char_selector || '[href^="char:"],[data-charid]';
var eveui_corp_selector = eveui_corp_selector || '[href^="corp:"],[data-corpid]';
var eveui_esi_endpoint = eveui_esi_endpoint || function (path) {
    return 'https://esi.evetech.net' + path;
};
var eveui_urlify = eveui_urlify || function (dna) {
    return 'fitting:' + encodeURI(dna);
};
var eveui_imageserver = eveui_imageserver || function (image_ref) {
    if (image_ref.startsWith('Character')) {
        return 'https://imageserver.eveonline.com/' + encodeURI(image_ref) + '.jpg';
    }
    return 'https://imageserver.eveonline.com/' + encodeURI(image_ref) + '.png';
};
/* icons from https://github.com/primer/octicons */
var eveui_style = eveui_style || '<style>' + `.eveui_window{position:fixed;line-height:1;background:#eee;color:#000;border:1px solid;opacity:.95;display:flex;flex-direction:column}.eveui_modal_overlay{cursor:pointer;position:fixed;background:#000;top:0;left:0;right:0;bottom:0;z-index:10;opacity:.5}.eveui_title{width:100%;background:#ccc;cursor:move;white-space:nowrap;margin-right:2em}.eveui_scrollable{padding-right:17px;text-align:left;overflow:auto}.eveui_content{display:inline-block;margin:2px;max-width:40em}.eveui_content .eveui_title{display:flex}.eveui_content table{border-collapse:collapse}.eveui_content td{vertical-align:top;padding:0 2px}.eveui_content .eveui_edit{display:none}.eveui_content.eveui_edit .eveui_edit{display:inline-block}.eveui_edit .eveui_edit_icon{display:none}.eveui_itemselect{width:100%;position:absolute}.eveui_itemselect input{width:100%;min-width:20em;padding:0}.eveui_rowcontent{position:relative}.eveui_flexgrow{flex-grow:1}.eveui_fit_header{align-items:center}.eveui_fit_stats{background:#eee;white-space:nowrap;position:absolute;margin-left:19px;border:1px solid;padding:2px;line-height:1;font-size:90%}.eveui_line_spacer{line-height:.5em}.eveui_right{text-align:right}.eveui_icon{display:inline-block;margin:1px;vertical-align:middle;height:1em;width:1em;background-position:center;background-repeat:no-repeat;background-size:contain}.eveui_item_icon{height:20px;width:20px}.eveui_ship_icon{height:32px;width:32px}.eveui_close_icon{cursor:pointer;position:absolute;top:0;right:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0uOTMgMi4zNDNMMi4zNDIuOTI5IDE1LjA3IDEzLjY1NmwtMS40MTQgMS40MTR6Ii8+PHBhdGggZD0iTTIuMzQzIDE1LjA3TC45MjkgMTMuNjU4IDEzLjY1Ni45M2wxLjQxNCAxLjQxNHoiLz48L3N2Zz4=)}.eveui_info_icon{cursor:pointer;background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMjQiIHdpZHRoPSI4OTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ0OCAzODRjMzUgMCA2NC0yOSA2NC02NHMtMjktNjQtNjQtNjQtNjQgMjktNjQgNjQgMjkgNjQgNjQgNjR6bTAtMzIwQzIwMSA2NCAwIDI2NSAwIDUxMnMyMDEgNDQ4IDQ0OCA0NDggNDQ4LTIwMSA0NDgtNDQ4UzY5NSA2NCA0NDggNjR6bTAgNzY4Yy0xNzcgMC0zMjAtMTQzLTMyMC0zMjBzMTQzLTMyMCAzMjAtMzIwIDMyMCAxNDMgMzIwIDMyMC0xNDMgMzIwLTMyMCAzMjB6bTY0LTMyMGMwLTMyLTMyLTY0LTY0LTY0aC02NGMtMzIgMC02NCAzMi02NCA2NGg2NHYxOTJjMCAzMiAzMiA2NCA2NCA2NGg2NGMzMiAwIDY0LTMyIDY0LTY0aC02NFY1MTJ6Ii8+PC9zdmc+)}.eveui_plus_icon{cursor:pointer;background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMjQiIHdpZHRoPSI2NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTM4NCA0NDhWMTkySDI1NnYyNTZIMHYxMjhoMjU2djI1NmgxMjhWNTc2aDI1NlY0NDhIMzg0eiIgLz4KPC9zdmc+Cg==)}.eveui_minus_icon{cursor:pointer;background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMjQiIHdpZHRoPSI1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAgNDQ4djEyOGg1MTJWNDQ4SDB6IiAvPgo8L3N2Zz4K)}.eveui_more_icon{cursor:pointer;background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMjQiIHdpZHRoPSI3NjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTAgNTc2aDEyOHYtMTI4aC0xMjh2MTI4eiBtMC0yNTZoMTI4di0xMjhoLTEyOHYxMjh6IG0wIDUxMmgxMjh2LTEyOGgtMTI4djEyOHogbTI1Ni0yNTZoNTEydi0xMjhoLTUxMnYxMjh6IG0wLTI1Nmg1MTJ2LTEyOGgtNTEydjEyOHogbTAgNTEyaDUxMnYtMTI4aC01MTJ2MTI4eiIgLz4KPC9zdmc+Cg==)}.eveui_edit_icon{cursor:pointer;background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMjQiIHdpZHRoPSI4OTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTcwNCA2NEw1NzYgMTkybDE5MiAxOTIgMTI4LTEyOEw3MDQgNjR6TTAgNzY4bDAuNjg4IDE5Mi41NjJMMTkyIDk2MGw1MTItNTEyTDUxMiAyNTYgMCA3Njh6TTE5MiA4OTZINjRWNzY4aDY0djY0aDY0Vjg5NnoiIC8+Cjwvc3ZnPgo=)}.eveui_copy_icon{cursor:pointer;background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEwMjQiIHdpZHRoPSI4OTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZD0iTTcwNCA4OTZoLTY0MHYtNTc2aDY0MHYxOTJoNjR2LTMyMGMwLTM1LTI5LTY0LTY0LTY0aC0xOTJjMC03MS01Ny0xMjgtMTI4LTEyOHMtMTI4IDU3LTEyOCAxMjhoLTE5MmMtMzUgMC02NCAyOS02NCA2NHY3MDRjMCAzNSAyOSA2NCA2NCA2NGg2NDBjMzUgMCA2NC0yOSA2NC02NHYtMTI4aC02NHYxMjh6IG0tNTEyLTcwNGMyOSAwIDI5IDAgNjQgMHM2NC0yOSA2NC02NCAyOS02NCA2NC02NCA2NCAyOSA2NCA2NCAzMiA2NCA2NCA2NCAzMyAwIDY0IDAgNjQgMjkgNjQgNjRoLTUxMmMwLTM5IDI4LTY0IDY0LTY0eiBtLTY0IDUxMmgxMjh2LTY0aC0xMjh2NjR6IG00NDgtMTI4di0xMjhsLTI1NiAxOTIgMjU2IDE5MnYtMTI4aDMyMHYtMTI4aC0zMjB6IG0tNDQ4IDI1NmgxOTJ2LTY0aC0xOTJ2NjR6IG0zMjAtNDQ4aC0zMjB2NjRoMzIwdi02NHogbS0xOTIgMTI4aC0xMjh2NjRoMTI4di02NHoiIC8+Cjwvc3ZnPgo=)}.copy_only{position:absolute;display:inline-block;line-height:0;font-size:0}.nocopy::after{content:attr(data-content)}.whitespace_nowrap{white-space:nowrap}.float_left{float:left}.float_right{float:right}.eveui_indent{margin-left:.5em;display:inline-block}` + '</style>';
var eveui;
(function (eveui) {
    mark('script start');
    // variables
    let $ = jQuery;
    let mouse_x = 0;
    let mouse_y = 0;
    let drag_element = null;
    let drag_element_x = 0;
    let drag_element_y = 0;
    let current_zindex = 100;
    let preload_timer;
    let preload_quota = eveui_preload_initial;
    eveui.cache = {};
    let eve_version;
    let requests_pending = 0;
    let itemselect_lastupdate = 0;
    let errors_lastminute = 0;
    let stacking = [1, 0.8691, 0.5706, 0.2830, 0.1060, 0.0300];
    let db;
    // insert required DOM elements / styles
    $('head').append(eveui_style);
    // click handlers to create/close windows
    $(document).on('click', '.eveui_window .eveui_close_icon', function (e) {
        $(this).parent().remove();
        if ($('.eveui_window').length === 0) {
            $('.eveui_modal_overlay').remove();
        }
    });
    $(document).on('click', '.eveui_modal_overlay', function (e) {
        $('.eveui_window').remove();
        $(this).remove();
    });
    $(document).on('click', eveui_fit_selector, function (e) {
        e.preventDefault();
        preload_quota = eveui_preload_initial;
        // hide window if it already exists
        if (this.eveui_window && document.contains(this.eveui_window[0])) {
            this.eveui_window.remove();
            return;
        }
        let dna = $(this).attr('data-dna') || this.href.substring(this.href.indexOf(':') + 1);
        let eveui_name = $(this).attr('data-title') || $(this).text().trim();
        switch (eveui_mode) {
            case 'expand':
            case 'expand_all':
                $(this).attr('data-eveui-expand', 1);
                expand();
                break;
            default:
                this.eveui_window = fit_window(dna, eveui_name);
                break;
        }
    });
    $(document).on('click', eveui_item_selector, function (e) {
        e.preventDefault();
        // hide window if it already exists
        if (this.eveui_window && document.contains(this.eveui_window[0])) {
            this.eveui_window.remove();
            return;
        }
        let item_id = $(this).attr('data-itemid') || this.href.substring(this.href.indexOf(':') + 1);
        // create loading placeholder
        switch (eveui_mode) {
            case 'expand':
            case 'expand_all':
                $(this).attr('data-eveui-expand', 1);
                expand();
                break;
            default:
                this.eveui_window = item_window(item_id);
                break;
        }
    });
    $(document).on('click', eveui_char_selector, function (e) {
        e.preventDefault();
        // hide window if it already exists
        if (this.eveui_window && document.contains(this.eveui_window[0])) {
            this.eveui_window.remove();
            return;
        }
        let char_id = $(this).attr('data-charid') || this.href.substring(this.href.indexOf(':') + 1);
        // create loading placeholder
        switch (eveui_mode) {
            case 'expand':
            case 'expand_all':
                $(this).attr('data-eveui-expand', 1);
                expand();
                break;
            default:
                this.eveui_window = char_window(char_id);
                break;
        }
    });
    $(document).on('click', eveui_corp_selector, function (e) {
        e.preventDefault();
        // hide window if it already exists
        if (this.eveui_window && document.contains(this.eveui_window[0])) {
            this.eveui_window.remove();
            return;
        }
        let corp_id = $(this).attr('data-corpid') || this.href.substring(this.href.indexOf(':') + 1);
        // create loading placeholder
        switch (eveui_mode) {
            case 'expand':
            case 'expand_all':
                $(this).attr('data-eveui-expand', 1);
                expand();
                break;
            default:
                this.eveui_window = corp_window(corp_id);
                break;
        }
    });
    // info buttons, copy buttons, etc
    $(document).on('click', '.eveui_minus_icon', function (e) {
        e.preventDefault();
        let item_id = $(this).closest('[data-eveui-itemid]').attr('data-eveui-itemid');
        let dna = $(this).closest('[data-eveui-dna]').attr('data-eveui-dna');
        let re = new RegExp(':' + item_id + ';(\\d+)');
        let new_quantity = parseInt(dna.match(re)[1]) - 1;
        if (new_quantity > 0) {
            dna = dna.replace(re, ':' + item_id + ';' + new_quantity);
        }
        else {
            dna = dna.replace(re, '');
        }
        $(this).closest('[data-eveui-dna]').attr('data-eveui-dna', dna);
        cache_items(dna).done(function () {
            let eveui_window = $(`.eveui_window[data-eveui-dna="${dna}"]`);
            eveui_window.find('.eveui_content ').html(format_fit(dna));
            $(window).trigger('resize');
        });
    });
    $(document).on('click', '.eveui_plus_icon', function (e) {
        e.preventDefault();
        let item_id = $(this).closest('[data-eveui-itemid]').attr('data-eveui-itemid');
        let dna = $(this).closest('[data-eveui-dna]').attr('data-eveui-dna');
        let re = new RegExp(`:${item_id};(\\d+)`);
        let new_quantity = parseInt(dna.match(re)[1]) + 1;
        if (new_quantity > 0) {
            dna = dna.replace(re, `:${item_id};${new_quantity}`);
        }
        else {
            dna = dna.replace(re, '');
        }
        $(this).closest('[data-eveui-dna]').attr('data-eveui-dna', dna);
        cache_items(dna).done(function () {
            let eveui_window = $(`.eveui_window[data-eveui-dna="${dna}"]`);
            eveui_window.find('.eveui_content ').html(format_fit(dna));
            $(window).trigger('resize');
        });
    });
    $(document).on('click', '.eveui_edit_icon', function (e) {
        e.preventDefault();
        $(this).closest('.eveui_content').addClass('eveui_edit');
        $(this).remove();
    });
    $(document).on('click', '.eveui_more_icon', function (e) {
        e.preventDefault();
        let item_id = $(this).closest('[data-eveui-itemid]').attr('data-eveui-itemid');
        // hide window if it already exists
        if (this.eveui_itemselect && document.contains(this.eveui_itemselect[0])) {
            this.eveui_itemselect.remove();
            return;
        }
        $('.eveui_itemselect').remove();
        let eveui_itemselect = $(`<span class="eveui_itemselect"><input type="text" list="eveui_itemselect" placeholder="${$(this).closest('[data-eveui-itemid]').find('.eveui_rowcontent').text()}" /><datalist id="eveui_itemselect" /></span>`);
        eveui_itemselect.css('z-index', current_zindex++);
        this.eveui_itemselect = eveui_itemselect;
        $(this).closest('tr').find('.eveui_rowcontent').prepend(this.eveui_itemselect);
        eveui_itemselect.find('input').focus();
        if (typeof (item_id) === 'undefined') {
            return;
        }
        let request_timestamp = performance.now();
        // get market group id for selected item
        cache_request('/v3/universe/types/' + item_id).done(function () {
            let data = cache_retrieve('/v3/universe/types/' + item_id);
            let market_group = data.market_group_id;
            // get items with the same market group
            cache_request('/v1/markets/groups/' + market_group).done(function () {
                if (request_timestamp > itemselect_lastupdate) {
                    itemselect_lastupdate = request_timestamp;
                }
                else {
                    return;
                }
                let data = cache_retrieve('/v1/markets/groups/' + market_group);
                let datalist = $('.eveui_itemselect datalist');
                cache_items(data.types.join(':')).done(function () {
                    mark('marketgroup cached');
                    data.types.sort(function (a, b) { return cache_retrieve('/v3/universe/types/' + a).name.localeCompare(cache_retrieve('/v3/universe/types/' + b).name); });
                    for (let i of data.types) {
                        datalist.append(`<option label="${cache_retrieve('/v3/universe/types/' + i).name}">(${i})</option>`);
                    }
                });
            });
        });
    });
    $(document).on('input', '.eveui_itemselect input', function (e) {
        let eveui_itemselect = $(this).closest('.eveui_itemselect');
        let input_str = $(this).val();
        if (input_str.slice(0, 1) === '(' && input_str.slice(-1) === ')') {
            // numeric input is expected to mean selected item
            input_str = input_str.slice(1, -1);
            let item_id = $(this).closest('[data-eveui-itemid]').attr('data-eveui-itemid');
            let dna = $(this).closest('[data-eveui-dna]').attr('data-eveui-dna');
            if (typeof (item_id) === 'undefined') {
                // append new item
                dna = `${dna.slice(0, -2)}:${input_str};1::`;
            }
            else {
                // replace existing item
                let re = new RegExp(`^${item_id}:`);
                dna = dna.replace(re, `${input_str}:`);
                re = new RegExp(`:${item_id};`);
                dna = dna.replace(re, `:${input_str};`);
            }
            $(this).closest('[data-eveui-dna]').attr('data-eveui-dna', dna);
            cache_items(dna).done(function () {
                let eveui_window = $(`.eveui_window[data-eveui-dna="${dna}"]`);
                eveui_window.find('.eveui_content ').html(format_fit(dna));
                $(window).trigger('resize');
            });
            $('.eveui_itemselect').remove();
        }
        else {
            // search for matching items
            if (input_str.length < 3) {
                return;
            }
            let request_timestamp = performance.now();
            // get item ids that match input
            ajax({
                url: eveui_esi_endpoint(`/v1/search/`),
                cache: true,
                data: {
                    search: $(this).val(),
                    categories: 'inventorytype'
                }
            }).done(function (data) {
                if (typeof (data.inventorytype) === 'undefined') {
                    return;
                }
                // get names for required item ids
                ajax({
                    url: eveui_esi_endpoint(`/v1/universe/names/`),
                    cache: true,
                    method: 'POST',
                    contentType: 'application/json',
                    data: JSON.stringify({
                        ids: data.inventorytype.slice(0, 50)
                    })
                }).done(function (data) {
                    if (request_timestamp > itemselect_lastupdate) {
                        itemselect_lastupdate = request_timestamp;
                    }
                    else {
                        return;
                    }
                    let datalist = eveui_itemselect.find('datalist');
                    data.sort(function (a, b) { return a.name.localeCompare(b.name); });
                    datalist.empty();
                    for (let i in data) {
                        datalist.append(`<option label="${data[i].name}">(${data[i].id})</option>`);
                    }
                });
            });
        }
    });
    // close itemselect window on any outside click
    $(document).on('click', function (e) {
        if ($(e.target).closest('.eveui_itemselect,.eveui_more_icon').length > 0) {
            return;
        }
        $('.eveui_itemselect').remove();
    });
    $(document).on('click', '.eveui_copy_icon', function (e) {
        clipboard_copy($(this).closest('.eveui_content'));
    });
    // custom window drag handlers
    $(document).on('mousedown', '.eveui_window', function (e) {
        $(this).css('z-index', current_zindex++);
        ;
    });
    $(document).on('mousedown', '.eveui_title', function (e) {
        e.preventDefault();
        drag_element = $(this).parent();
        drag_element_x = mouse_x - drag_element.position().left;
        drag_element_y = mouse_y - drag_element.position().top;
        drag_element.css('z-index', current_zindex++);
        ;
    });
    $(document).on('mousemove', function (e) {
        mouse_x = e.clientX;
        mouse_y = e.clientY;
        if (drag_element === null) {
            return;
        }
        drag_element.css('left', mouse_x - drag_element_x);
        drag_element.css('top', mouse_y - drag_element_y);
    });
    $(document).on('mouseup', function (e) {
        drag_element = null;
    });
    $(window).on('resize', function (e) {
        // resize handler to try to keep windows onscreen
        $('.eveui_window').each(function () {
            let eveui_window = $(this);
            let eveui_content = eveui_window.find('.eveui_content');
            if (eveui_content.height() > window.innerHeight - 50) {
                eveui_window.css('height', window.innerHeight - 50);
            }
            else {
                eveui_window.css('height', '');
            }
            if (eveui_content.width() > window.innerWidth - 40) {
                eveui_window.css('width', window.innerWidth - 40);
            }
            else {
                eveui_window.css('width', '');
            }
            if (eveui_window[0].getBoundingClientRect().bottom > window.innerHeight) {
                eveui_window.css('top', window.innerHeight - eveui_window.height() - 25);
            }
            if (eveui_window[0].getBoundingClientRect().right > window.innerWidth) {
                eveui_window.css('left', window.innerWidth - eveui_window.width() - 10);
            }
        });
        if (eveui_mode === 'modal') {
            let eveui_window = $('[data-eveui-modal]');
            eveui_window.css('top', window.innerHeight / 2 - eveui_window.height() / 2);
            eveui_window.css('left', window.innerWidth / 2 - eveui_window.width() / 2);
        }
    });
    mark('event handlers set');
    function eve_version_query() {
        mark('eve version request');
        ajax({
            url: eveui_esi_endpoint(`/v1/status/`),
            dataType: 'json',
            cache: true,
        }).done(function (data) {
            eve_version = data.server_version;
            mark('eve version response ' + eve_version);
            if (indexedDB) { // indexedDB is available
                let open = indexedDB.open('eveui', eve_version);
                open.onupgradeneeded = function (e) {
                    let db = open.result;
                    if (db.objectStoreNames.contains('cache')) {
                        db.deleteObjectStore('cache');
                    }
                    db.createObjectStore('cache', { keyPath: 'path' });
                };
                open.onsuccess = function () {
                    db = open.result;
                    let tx = db.transaction('cache', 'readonly');
                    let store = tx.objectStore('cache');
                    store.getAll().onsuccess = function (e) {
                        $.each(e.target.result, function (index, value) {
                            eveui.cache[value.path] = value;
                        });
                        $(document).ready(eveui_document_ready);
                    };
                };
            }
            else { // indexedDB not available
                $(document).ready(eveui_document_ready);
            }
            setInterval(autoexpand, 100);
        }).fail(function (xhr) {
            mark('eve version request failed');
            setTimeout(eve_version_query, 10000);
        });
    }
    eve_version_query();
    function eveui_document_ready() {
        // expand fits where applicable
        mark('expanding fits');
        expand();
        cache_request('/v1/markets/prices');
        // start preload timer
        preload_timer = setTimeout(lazy_preload, eveui_preload_interval);
        mark('preload timer set');
    }
    function new_window(title = '&nbsp;') {
        let eveui_window = $(`<span class="eveui_window"><div class="eveui_title">${title}</div><span class="eveui_icon eveui_close_icon" /><span class="eveui_scrollable"><span class="eveui_content">Loading...</span></span></span>`);
        if (eveui_mode === 'modal' && $('.eveui_modal_overlay').length === 0) {
            $('body').append(`<div class="eveui_modal_overlay" />`);
            eveui_window.attr('data-eveui-modal', 1);
        }
        eveui_window.css('z-index', current_zindex++);
        eveui_window.css('left', mouse_x + 10);
        eveui_window.css('top', mouse_y - 10);
        return eveui_window;
    }
    function mark(mark) {
        // log script time with annotation for performance metric
        console.log('eveui: ' + performance.now().toFixed(3) + ' ' + mark);
    }
    function format_fit(dna, eveui_name) {
        // generates html for a fit display
        let high_slots = {};
        let med_slots = {};
        let low_slots = {};
        let rig_slots = {};
        let subsystem_slots = {};
        let other_slots = {};
        let cargo_slots = {};
        let items = dna.split(':');
        // ship name and number of slots
        let ship_id = parseInt(items.shift());
        let ship = cache_retrieve('/v3/universe/types/' + ship_id);
        ship.hiSlots = 0;
        ship.medSlots = 0;
        ship.lowSlots = 0;
        for (let i in ship.dogma_attributes) {
            let attr = cache_retrieve('/v3/universe/types/' + ship_id).dogma_attributes[i];
            switch (attr.attribute_id) {
                case 14: // hiSlots
                    ship.hiSlots = attr.value;
                    break;
                case 13: // medSlots
                    ship.medSlots = attr.value;
                    break;
                case 12: // lowSlots
                    ship.lowSlots = attr.value;
                    break;
                case 1137: // rigSlots
                    ship.rigSlots = attr.value;
                    break;
                case 1367: //maxSubSystems
                    ship.maxSubSystems = attr.value;
                    break;
            }
        }
        // categorize items into slots
        outer: for (let i in items) {
            if (items[i].length === 0) {
                continue;
            }
            let match = items[i].split(';');
            let item_id = match[0];
            let quantity = parseInt(match[1]);
            if (item_id.endsWith('_')) {
                item_id = item_id.slice(0, -1);
                cargo_slots[item_id] = quantity;
                continue;
            }
            let item = cache_retrieve('/v3/universe/types/' + item_id);
            for (let j in item.dogma_attributes) {
                let attr = item.dogma_attributes[j];
                switch (attr.attribute_id) {
                    case 1272:
                        other_slots[item_id] = quantity;
                        continue outer;
                    case 1374: // hiSlotModifier
                        ship.hiSlots += attr.value;
                        break;
                    case 1375: // medSlotModifier
                        ship.medSlots += attr.value;
                        break;
                    case 1376: // lowSlotModifier
                        ship.lowSlots += attr.value;
                        break;
                }
            }
            for (let j in item.dogma_effects) {
                let effect = item.dogma_effects[j];
                switch (effect.effect_id) {
                    case 12: // hiPower
                        high_slots[item_id] = quantity;
                        continue outer;
                    case 13: // medPower
                        med_slots[item_id] = quantity;
                        continue outer;
                    case 11: // loPower
                        low_slots[item_id] = quantity;
                        continue outer;
                    case 2663: // rigSlot
                        rig_slots[item_id] = quantity;
                        continue outer;
                    case 3772: // subSystem
                        subsystem_slots[item_id] = quantity;
                        continue outer;
                }
            }
            cargo_slots[item_id] = quantity;
        }
        function item_rows(fittings, slots_available) {
            // generates table rows for listed slots
            let html = '';
            let slots_used = 0;
            for (let item_id in fittings) {
                let item = cache_retrieve('/v3/universe/types/' + item_id);
                slots_used += fittings[item_id];
                if (slots_available) {
                    html += `<tr class="copy_only"><td>${(item.name + '<br />').repeat(fittings[item_id])}`;
                }
                else {
                    html += `<tr class="copy_only"><td>${item.name} x${fittings[item_id]}<br />`;
                }
                html += `<tr class="nocopy" data-eveui-itemid="${item_id}"><td><img src="${eveui_imageserver('Type/' + item_id + '_32')}" class="eveui_icon eveui_item_icon" /><td class="eveui_right">${fittings[item_id]}<td colspan="2"><div class="eveui_rowcontent">${item.name}</div><td class="eveui_right whitespace_nowrap"><span data-itemid="${item_id}" class="eveui_icon eveui_info_icon" /><span class="eveui_icon eveui_plus_icon eveui_edit" /><span class="eveui_icon eveui_minus_icon eveui_edit" /><span class="eveui_icon eveui_more_icon eveui_edit" />`;
            }
            if (typeof (slots_available) !== 'undefined') {
                if (slots_available > slots_used) {
                    html += `<tr class="nocopy"><td class="eveui_icon eveui_item_icon" /><td class="eveui_right whitespace_nowrap">${slots_available - slots_used}<td colspan="2"><div class="eveui_rowcontent">Empty</div><td class="eveui_right"><span class="eveui_icon eveui_more_icon eveui_edit" />`;
                }
                if (slots_used > slots_available) {
                    html += `<tr class="nocopy"><td class="eveui_icon eveui_item_icon" /><td class="eveui_right">${slots_available - slots_used}<td><div class="eveui_rowcontent">Excess</div>`;
                }
            }
            return html;
        }
        let html = `<span class="float_right"><eveui type="fit_stats" key="${dna}" /></span><table class="eveui_fit_table"><thead><tr class="eveui_fit_header" data-eveui-itemid="${ship_id}"><td colspan="2"><img src="${eveui_imageserver('Type/' + ship_id + '_32')}" class="eveui_icon eveui_ship_icon" /><td><div class="eveui_rowcontent"><span class="eveui_startcopy" />[<a target="_blank" href="${eveui_urlify(dna)}">${ship.name}, ${eveui_name || ship.name}</a>]<br/></div><td class="eveui_right whitespace_nowrap nocopy" colspan="2">${eveui_allow_edit ? '<span class="eveui_icon eveui_edit_icon" />' : ''}<span class="eveui_icon eveui_copy_icon" /><span data-itemid="${ship_id}" class="eveui_icon eveui_info_icon" /><span class="eveui_icon eveui_edit" /><span class="eveui_icon eveui_edit" /><span class="eveui_icon eveui_more_icon eveui_edit" /></thead><tbody class="whitespace_nowrap">${item_rows(high_slots, ship.hiSlots)}<tr><td class="eveui_line_spacer">&nbsp;${item_rows(med_slots, ship.medSlots)}<tr><td class="eveui_line_spacer">&nbsp;${item_rows(low_slots, ship.lowSlots)}<tr><td class="eveui_line_spacer">&nbsp;${item_rows(rig_slots, ship.rigSlots)}<tr><td class="eveui_line_spacer">&nbsp;${item_rows(subsystem_slots, ship.maxSubSystems)}<tr><td class="eveui_line_spacer">&nbsp;${item_rows(other_slots)}<tr><td class="eveui_line_spacer">&nbsp;${item_rows(cargo_slots)}</tbody></table><span class="eveui_endcopy" />`;
        return html;
    }
    eveui.format_fit = format_fit;
    function fit_window(dna, eveui_name) {
        // creates and populates a fit window
        let eveui_window = new_window('Fit');
        eveui_window.addClass('fit_window');
        eveui_window.attr('data-eveui-dna', dna);
        $('body').append(eveui_window);
        $(window).trigger('resize');
        // load required items and set callback to display
        mark('fit window created');
        cache_items(dna).done(function () {
            eveui_window.find('.eveui_content ').html(format_fit(dna, eveui_name));
            $(window).trigger('resize');
            mark('fit window populated');
        }).fail(function () {
            eveui_window.remove();
        });
        return eveui_window;
    }
    eveui.fit_window = fit_window;
    function format_item(item_id) {
        let item = cache_retrieve('/v3/universe/types/' + item_id);
        let html = `<img src="${eveui_imageserver('Type/' + item_id + '_64')}" class="float_right" />${item.name}<br />${item.description}<hr /><table class="whitespace_nowrap">`;
        html += `<tr><td>Approx price<td>${format_number(market_retrieve(item_id).average_price)}<tr><td>&nbsp;`;
        for (let i in item.dogma_attributes) {
            let attr = item.dogma_attributes[i];
            html += `<tr><td><eveui key="/v1/dogma/attributes/${attr.attribute_id}" path="display_name,name">attribute:${attr.attribute_id}</eveui><td> ${attr.value}`;
        }
        html += '</table>';
        return html;
    }
    eveui.format_item = format_item;
    function item_window(item_id) {
        // creates and populates an item window
        let eveui_window = new_window('Item');
        eveui_window.attr('data-eveui-itemid', item_id);
        eveui_window.addClass('item_window');
        switch (eveui_mode) {
            default:
                $('body').append(eveui_window);
                break;
        }
        mark('item window created');
        // load required items and set callback to display
        cache_request('/v3/universe/types/' + item_id).done(function () {
            eveui_window.find('.eveui_content').html(format_item(item_id));
            $(window).trigger('resize');
            mark('item window populated');
        }).fail(function () {
            eveui_window.remove();
        });
        $(window).trigger('resize');
        return eveui_window;
    }
    eveui.item_window = item_window;
    function format_char(char_id) {
        let character = cache_retrieve('/v5/characters/' + char_id);
        let html = `<table><tr><td colspan="2"><img class="float_left" src="${eveui_imageserver('Character/' + char_id + '_128')}" height="128" width="128" />${character.name}<hr /><img class="float_left" src="${eveui_imageserver('Corporation/' + character.corporation_id + '_64')}" height="64" width="64" />Member of <a href="corp:${character.corporation_id}"><eveui key="/v5/corporations/${character.corporation_id}" path="name">${character.corporation_id}</eveui></a><tr><td>Bio:<td>${character.description.replace(/<font[^>]+>/g, '<font>')}</table>`;
        return html;
    }
    eveui.format_char = format_char;
    function char_window(char_id) {
        let eveui_window = new_window('Character');
        eveui_window.attr('data-eveui-charid', char_id);
        eveui_window.addClass('char_window');
        switch (eveui_mode) {
            default:
                $('body').append(eveui_window);
                break;
        }
        mark('char window created');
        // load required chars and set callback to display
        cache_request('/v5/characters/' + char_id).done(function () {
            eveui_window.find('.eveui_content').html(format_char(char_id));
            $(window).trigger('resize');
            mark('char window populated');
        }).fail(function () {
            eveui_window.remove();
        });
        $(window).trigger('resize');
        return eveui_window;
    }
    eveui.char_window = char_window;
    function format_corp(corp_id) {
        let corporation = cache_retrieve('/v5/corporations/' + corp_id);
        let html = `<table><tr><td colspan="2"><img class="float_left" src="${eveui_imageserver('Corporation/' + corp_id + '_128')}" height="128" width="128" />${corporation.name}<hr /><img class="float_left" src="${eveui_imageserver('Alliance/' + corporation.alliance_id + '_64')}" height="64" width="64" />Member of <eveui key="/v4/alliances/${corporation.alliance_id}" path="name">${corporation.alliance_id}</eveui><tr><td>Bio:<td>${corporation.description.replace(/<font[^>]+>/g, '<font>')}</table>`;
        return html;
    }
    eveui.format_corp = format_corp;
    function corp_window(corp_id) {
        let eveui_window = new_window('Corporation');
        eveui_window.attr('data-eveui-corpid', corp_id);
        eveui_window.addClass('corp_window');
        switch (eveui_mode) {
            default:
                $('body').append(eveui_window);
                break;
        }
        mark('corp window created');
        // load required corps and set callback to display
        cache_request('/v5/corporations/' + corp_id).done(function () {
            eveui_window.find('.eveui_content').html(format_corp(corp_id));
            $(window).trigger('resize');
            mark('corp window populated');
        }).fail(function () {
            eveui_window.remove();
        });
        $(window).trigger('resize');
        return eveui_window;
    }
    eveui.corp_window = corp_window;
    // i am going for clarity and extendability here more so than efficiency
    function format_fitstats(dna) {
        let html = '';
        html = `<span class="eveui_fit_stats">Approx. total price: ${format_number(calculate_fit_price(dna))}<br />Gun DPS: ${format_number(calculate_gun_dps(dna))}<br />Missile DPS: ?<br />Drone DPS: ?<br /></span>`;
        return html;
    }
    eveui.format_fitstats = format_fitstats;
    function calculate_fit_price(dna) {
        let items = dna.split(':');
        let total_price = 0;
        for (let i in items) {
            if (items[i].length === 0) {
                continue;
            }
            let match = items[i].split(';');
            let item_id = match[0];
            let quantity = parseInt(match[1]) || 1;
            total_price += $.grep(cache_retrieve('/v1/markets/prices'), function (v) {
                return v['type_id'] == item_id;
            })[0]['average_price'] * quantity;
        }
        return total_price;
    }
    function calculate_gun_dps(dna) {
        let total_dps = 0;
        let items = dna.replace(/:+$/, '').split(':');
        for (let i in items) {
            let match = items[i].split(';');
            let item_id = match[0];
            let quantity = parseInt(match[1]) || 1;
            let item = cache_retrieve('/v3/universe/types/' + item_id);
            let attr = {};
            for (let j in item.dogma_attributes) {
                attr[item.dogma_attributes[j]['attribute_id']] = item.dogma_attributes[j]['value'];
            }
            let groups = {
                53: 'energy',
                55: 'projectile',
                74: 'hybrid',
            };
            if (item.group_id in groups) {
                let base_dmg = 0;
                let base_dmg_mult = attr[64];
                let base_rof = attr[51] / 1000;
                let dmg_mult = [];
                let rof_mult = [];
                let ammo_groups = {};
                ammo_groups[attr[604]] = 1;
                ammo_groups[attr[605]] = 1;
                // check all items for any relevant modifiers
                for (let j in items) {
                    let match = items[j].split(';');
                    let item_id = match[0];
                    let quantity = parseInt(match[1]) || 1;
                    let item = cache_retrieve('/v3/universe/types/' + item_id);
                    let attr = {};
                    for (let k in item.dogma_attributes) {
                        attr[item.dogma_attributes[k]['attribute_id']] = item.dogma_attributes[k]['value'];
                    }
                    // find highest damage ammo
                    if (item.group_id in ammo_groups) {
                        let total_dmg = 0;
                        total_dmg += attr[114];
                        total_dmg += attr[116];
                        total_dmg += attr[117];
                        total_dmg += attr[118];
                        if (total_dmg > base_dmg) {
                            base_dmg = total_dmg;
                        }
                    }
                    // rof
                    if (204 in attr) {
                        for (let k = 0; k < quantity; k++) {
                            rof_mult.push(attr[204]);
                        }
                    }
                    // dmg_mult
                    switch (item.group_id) {
                        case 302:
                            if (64 in attr) {
                                for (let k = 0; k < quantity; k++) {
                                    dmg_mult.push(attr[64]);
                                }
                            }
                            break;
                    }
                }
                // skills, we are only going to handle level 5 skills, we are a basic fit display system, not an actually fitting program
                base_rof *= .9; // gunnery
                base_rof *= .8; // rapid firing
                rof_mult.sort(function (a, b) { return a - b; });
                for (let i in rof_mult) {
                    base_rof *= 1 - (1 - rof_mult[i]) * stacking[i];
                }
                base_dmg_mult *= 1.15; // surgical strike
                base_dmg_mult *= 1.25; // turret skill
                base_dmg_mult *= 1.1; // turret spec TODO: only for guns that require t2 skill
                base_dmg_mult *= 1.375; // ship skill TODO: actual ship skill
                dmg_mult.sort(function (a, b) { return b - a; });
                for (let i in dmg_mult) {
                    base_dmg_mult *= 1 + (dmg_mult[i] - 1) * stacking[i];
                }
                total_dps += (base_dmg * base_dmg_mult) / (base_rof) * quantity;
            }
        }
        return total_dps;
    }
    function format_number(num) {
        if (isNaN(num)) {
            return 'n/a';
        }
        let suffix = '';
        if (num > 1000000000) {
            suffix = 'B';
            num /= 1000000000;
        }
        if (num > 1000000) {
            suffix = 'M';
            num /= 1000000;
        }
        if (num > 1000) {
            suffix = 'K';
            num /= 1000;
        }
        return `${num.toFixed(2)}${suffix}`;
    }
    function expand() {
        // expands anything that has been marked for expansion, or all applicable if we are set to expand_all mode
        autoexpand();
        let expand_filter = '[data-eveui-expand]';
        if (eveui_mode === 'expand_all') {
            expand_filter = '*';
        }
        $(eveui_fit_selector).filter(expand_filter).each(function () {
            let selected_element = $(this);
            if (selected_element.closest('.eveui_content').length > 0) {
                // if element is part of eveui content already, don't expand, otherwise we might get a really fun infinite loop
                return;
            }
            let dna = selected_element.attr('data-dna') || this.href.substring(this.href.indexOf(':') + 1);
            cache_items(dna).done(function () {
                let eveui_name = $(this).text().trim();
                let eveui_content = $(`<span class="eveui_content eveui_fit">${format_fit(dna, eveui_name)}</span>`);
                eveui_content.attr('data-eveui-dna', dna);
                selected_element = selected_element.replaceWith(eveui_content);
                mark('fit window expanded');
            });
        });
        $(eveui_item_selector).filter(expand_filter).each(function () {
            let selected_element = $(this);
            if (selected_element.closest('.eveui_content').length > 0) {
                // if element is part of eveui content already, don't expand, otherwise we might get a really fun infinite loop
                return;
            }
            let item_id = selected_element.attr('data-itemid') || this.href.substring(this.href.indexOf(':') + 1);
            cache_request('/v3/universe/types/' + item_id).done(function () {
                selected_element.replaceWith(`<span class="eveui_content eveui_item">${format_item(item_id)}</span>`);
                mark('item window expanded');
            });
        });
        $(eveui_char_selector).filter(expand_filter).each(function () {
            let selected_element = $(this);
            if (selected_element.closest('.eveui_content').length > 0) {
                // if element is part of eveui content already, don't expand, otherwise we might get a really fun infinite loop
                return;
            }
            let char_id = selected_element.attr('data-charid') || this.href.substring(this.href.indexOf(':') + 1);
            cache_request('/v5/characters/' + char_id).done(function () {
                selected_element.replaceWith(`<span class="eveui_content eveui_char">${format_char(char_id)}</span>`);
                mark('char window expanded');
            });
        });
    }
    eveui.expand = expand;
    function autoexpand() {
        // expands elements that require expansion even when not in expand mode
        $('eveui[type=fit_stats]').filter(':not([state])').each(function () {
            let selected_element = $(this);
            let dna = selected_element.attr('key');
            if (eveui_show_fitstats) {
                cache_request('/v1/markets/prices').done(function () {
                    selected_element.html(format_fitstats(dna));
                });
            }
            selected_element.attr('state', 'done');
        });
        // generic expansion of simple expressions
        $('eveui:not([type])').filter(':not([state])').each(function () {
            let selected_element = $(this);
            let key = selected_element.attr('key');
            selected_element.attr('state', 'loading');
            cache_request(key).done(function () {
                let result = cache_retrieve(key);
                $.each(selected_element.attr('path').split(','), function (index, path) {
                    let value = object_value(result, path);
                    if (value) {
                        selected_element.html(value);
                        selected_element.attr('state', 'done');
                        return false;
                    }
                });
            });
        });
    }
    function lazy_preload() {
        // preload timer function
        preload_timer = setTimeout(lazy_preload, 5000);
        if (requests_pending > 0) {
            return;
        }
        if (preload_quota > 0) {
            $(eveui_fit_selector).not('[data-eveui-cached]').each(function (i) {
                let elem = $(this);
                let dna = elem.data('dna') || this.href.substring(this.href.indexOf(':') + 1);
                let promise = cache_items(dna);
                // skip if already cached
                if (promise.state() === 'resolved') {
                    elem.attr('data-eveui-cached', 1);
                }
                else {
                    preload_quota--;
                    promise.done(function () {
                        clearTimeout(preload_timer);
                        preload_timer = setTimeout(lazy_preload, eveui_preload_interval);
                    });
                    return false;
                }
            });
        }
    }
    function object_value(object, path) {
        let value = object;
        $.each(path.split('.'), function (index, key) {
            value = value[key];
        });
        return value;
    }
    function ajax(settings) {
        let my_settings = {
            headers: {
                'Accept-Language': eveui_accept_language,
            },
            data: {
                user_agent: eveui_user_agent,
            },
        };
        $.extend(true, my_settings, settings);
        return $.ajax(my_settings);
    }
    function cache_items(dna) {
        // caches all items required to process the specified fit
        let pending = [];
        let items = dna.split(':');
        for (let item in items) {
            if (items[item].length === 0) {
                continue;
            }
            let match = items[item].split(';');
            let item_id = match[0];
            if (item_id.endsWith('_')) {
                item_id = item_id.slice(0, -1);
            }
            pending.push(cache_request('/v3/universe/types/' + item_id));
        }
        return $.when.apply(null, pending);
    }
    function cache_request(key) {
        let url;
        let jsonp = false;
        let custom_cache = key.startsWith('/v3/universe/types')
            || key.startsWith('/v1/dogma/attributes');
        url = eveui_esi_endpoint(key + '/');
        key = (eveui_accept_language || navigator.languages[0]) + key;
        let dataType = jsonp ? 'jsonp' : 'json';
        if (typeof (eveui.cache[key]) === 'object') {
            if (typeof (eveui.cache[key].promise) === 'function') {
                // item is pending, return the existing deferred object
                return eveui.cache[key];
            }
            else {
                // if item is already cached, we can return a resolved promise
                return $.Deferred().resolve();
            }
        }
        if (errors_lastminute > 50) {
            return $.Deferred().reject();
        }
        requests_pending++;
        return eveui.cache[key] = ajax({
            url: url,
            dataType: dataType,
            cache: !custom_cache,
        }).done(function (data) {
            data.path = key;
            // store data in session cache
            eveui.cache[key] = data;
            if (db) { // indexedDB is ready
                // only manually cache keypaths where the data doesn't change until the server version changes
                if (custom_cache) {
                    let tx = db.transaction('cache', 'readwrite');
                    let store = tx.objectStore('cache');
                    store.put(data);
                }
            }
        }).fail(function (xhr) {
            // on a transient failed request, allow retry attempt on the same request after 10s
            if (xhr.status >= 500) {
                setTimeout(function () {
                    delete eveui.cache[key];
                }, 10000);
            }
            // increment error count, decrement 1 minute later
            errors_lastminute++;
            if (errors_lastminute == 50) {
                mark('too many errors in last 60s');
            }
            setTimeout(function () {
                errors_lastminute--;
            }, 60000);
        }).always(function () {
            requests_pending--;
        });
    }
    function cache_retrieve(key) {
        key = (eveui_accept_language || navigator.languages[0]) + key;
        return eveui.cache[key];
    }
    function market_retrieve(type_id) {
        return $.grep(cache_retrieve('/v1/markets/prices'), function (v) {
            return v['type_id'] == type_id;
        })[0];
    }
    function clipboard_copy(element) {
        // copy the contents of selected element to clipboard
        // while excluding any elements with 'nocopy' class
        // and including otherwise-invisible elements with 'copyonly' class
        $('.nocopy').hide();
        $('.copyonly').show();
        let selection = window.getSelection();
        let range = document.createRange();
        if (element.find('.eveui_startcopy').length) {
            range.setStart(element.find('.eveui_startcopy')[0], 0);
            range.setEnd(element.find('.eveui_endcopy')[0], 0);
        }
        else {
            range.selectNodeContents(element[0]);
        }
        selection.removeAllRanges();
        selection.addRange(range);
        document.execCommand('copy');
        selection.removeAllRanges();
        $('.nocopy').show();
        $('.copyonly').hide();
    }
    mark('script end');
})(eveui || (eveui = {}));