eve-ui.p.ts

// 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: string = eveui_user_agent || 'For source website, see referrer. For library, see https://github.com/quiescens/eve-ui/ r:' + `626ca17`;
var eveui_accept_language: string = eveui_accept_language;
var eveui_preload_initial: number = eveui_preload_initial || 50;
var eveui_preload_interval: number = eveui_preload_interval || 10;
var eveui_mode: string = eveui_mode || 'multi_window'; // expand_all, expand, multi_window, modal
var eveui_allow_edit: boolean = eveui_allow_edit || false;
var eveui_show_fitstats: boolean = eveui_show_fitstats || false;
var eveui_fit_selector: string = eveui_fit_selector || '[href^="fitting:"],[data-dna]';
var eveui_item_selector: string = eveui_item_selector || '[href^="item:"],[data-itemid]';
var eveui_char_selector: string = eveui_char_selector || '[href^="char:"],[data-charid]';
var eveui_corp_selector: string = eveui_corp_selector || '[href^="corp:"],[data-corpid]';
var eveui_esi_endpoint: ( path: string ) => string = eveui_esi_endpoint || function( path ) {
	return 'https://esi.evetech.net' + path;
}
var eveui_urlify: ( dna: string ) => string = eveui_urlify || function( dna ) { 
	return 'fitting:' + encodeURI( dna ); 
}
var eveui_imageserver: ( image_ref: string ) => string = 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: string = 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>';
namespace eveui {
	mark( 'script start' );

	// variables
	let $: JQueryStatic = jQuery;
	let mouse_x: number = 0;
	let mouse_y: number = 0;
	let drag_element = null;
	let drag_element_x: number = 0;
	let drag_element_y: number = 0;
	let current_zindex: number = 100;
	let preload_timer: number;
	let preload_quota: number = eveui_preload_initial;
	export let cache = {};
	let eve_version: number;
	let requests_pending: number = 0;
	let itemselect_lastupdate: number = 0;
	let errors_lastminute: number = 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: string = $( this ).attr( 'data-dna' ) || this.href.substring(this.href.indexOf( ':' ) + 1);
		let eveui_name: string = $( 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: string = $( 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: string = $( 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: string = $( 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: string = $( this ).closest( '[data-eveui-itemid]' ).attr( 'data-eveui-itemid' );
		let dna: string = $( this ).closest( '[data-eveui-dna]' ).attr( 'data-eveui-dna' );

		let re = new RegExp( ':' + item_id + ';(\\d+)' );
		let new_quantity: number = 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: JQuery = $( `.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: string = $( this ).closest( '[data-eveui-itemid]' ).attr( 'data-eveui-itemid' );
		let dna: string = $( this ).closest( '[data-eveui-dna]' ).attr( 'data-eveui-dna' );

		let re = new RegExp( `:${ item_id };(\\d+)` );
		let new_quantity: number = 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: JQuery = $( `.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: string = $( 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: string = $( this ).closest( '[data-eveui-itemid]' ).attr( 'data-eveui-itemid' );
			let dna: string = $( 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: JQuery = $( `.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: JQuery = $( this );
			let eveui_content: JQuery = 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: JQuery = $( '[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(): void {
		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 ) {
								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;' ): JQuery {
		let eveui_window: JQuery = $( `<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: string ): void {
		// log script time with annotation for performance metric
		console.log( 'eveui: ' + performance.now().toFixed(3) + ' ' + mark);
	}

	export function format_fit( dna: string, eveui_name?: string ): string {
		// 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: Array<string> = dna.split( ':' );

		// ship name and number of slots
		let ship_id: number = 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: Array<string> = items[i].split( ';' );
			let item_id: string = match[0];
			let quantity: number = 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?: number ) {
			// generates table rows for listed slots
			let html: string = '';
			let slots_used: number = 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: string = `<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;
	}

	export function fit_window( dna: string, eveui_name?: string ): JQuery {
		// creates and populates a fit window
		let eveui_window: JQuery = 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;
	}

	export function format_item( item_id: string ): string {
		let item = cache_retrieve( '/v3/universe/types/' + item_id );
		let html: string = `<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;
	}

	export function item_window( item_id: string ): JQuery {
		// creates and populates an item window
		let eveui_window: JQuery = 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;
	}

	export function format_char( char_id: string ): string {
		let character = cache_retrieve( '/latest/characters/' + char_id );
		let html: string = `<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="/latest/corporations/${ character.corporation_id }" path="corporation_name">${ character.corporation_id }</eveui></a>
<tr><td>Bio:<td>${ character.description.replace( /<font[^>]+>/g, '<font>' ) }
</table>
`;
		return html;
	}

	export function char_window( char_id: string ): JQuery {
		let eveui_window: JQuery = 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( '/latest/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;
	}

	export function format_corp( corp_id: string ): string {
		let corporation = cache_retrieve( '/latest/corporations/' + corp_id );
		let html: string = `<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="/latest/alliances/${ corporation.alliance_id }" path="alliance_name">${ corporation.alliance_id }</eveui>
<tr><td>Bio:<td>${ corporation.description.replace( /<font[^>]+>/g, '<font>' ) }
</table>
`;
		return html;
	}

	export function corp_window( corp_id: string ): JQuery {
		let eveui_window: JQuery = 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( '/latest/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;
	}

	// i am going for clarity and extendability here more so than efficiency
	export function format_fitstats( dna: string ): string {
		let html: string = '';

		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;
	}

	function calculate_fit_price( dna: string ): number {
		let items: Array<string> = dna.split( ':' );
		let total_price: number = 0;
		
		for ( let i in items ) {
			if ( items[i].length === 0 ) {
				continue;
			}
			let match: Array<string> = items[i].split( ';' );
			let item_id: string = match[0];
			let quantity: number = 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: string ): number {
		let total_dps:number = 0;
		let items: Array<string> = dna.replace(/:+$/,'').split( ':' );

		for ( let i in items ) {
			let match: Array<string> = items[i].split( ';' );
			let item_id: string = match[0];
			let quantity: number = 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: Array<string> = items[j].split( ';' );
					let item_id: string = match[0];
					let quantity: number = 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: number ): string {
		if  ( isNaN( num ) ) {
			return 'n/a';
		}
		let suffix: string = '';
		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}`;
	}

	export function expand(): void {
		// expands anything that has been marked for expansion, or all applicable if we are set to expand_all mode
		autoexpand();

		let expand_filter: string = '[data-eveui-expand]';
		if ( eveui_mode === 'expand_all' ) {
			expand_filter = '*';
		}

		$( eveui_fit_selector ).filter( expand_filter ).each( function() {
			let selected_element: JQuery = $( 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: string = selected_element.attr( 'data-dna' ) || this.href.substring(this.href.indexOf( ':' ) + 1);
			cache_items( dna ).done( function() {
				let eveui_name: string = $( 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: JQuery = $( 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: string = 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: JQuery = $( 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: string = selected_element.attr( 'data-charid' ) || this.href.substring(this.href.indexOf( ':' ) + 1);
			cache_request( '/latest/characters/' + char_id ).done( function() {
				selected_element.replaceWith( `<span class="eveui_content eveui_char">${ format_char( char_id ) }</span>` );
				mark( 'char window expanded' );
			});
		});
	}

	function autoexpand(): void {
		// expands elements that require expansion even when not in expand mode
		$( 'eveui[type=fit_stats]' ).filter( ':not([state])' ).each( function() {
			let selected_element: JQuery = $( this );
			let dna: string = 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: JQuery = $( this );
			let key: string = 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(): void {
		// 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: JQuery = $( this );
				let dna: string = elem.data( 'dna' ) || this.href.substring(this.href.indexOf( ':' ) + 1);

				let promise: JQueryPromise<any> = 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: Object, path: string ): any {
		let value = object;
		$.each( path.split( '.' ), function( index, key ) {
			value = value[ key ];
		});
		return value;
	}

	function ajax( settings: Object ): JQueryPromise<any> {
		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: string ): JQueryPromise<any> {
		// caches all items required to process the specified fit
		let pending: Array<JQueryPromise<any>> = [];

		let items: Array<string> = dna.split( ':' );
		for ( let item in items ) {
			if ( items[item].length === 0 ) {
				continue;
			}
			let match: Array<string> = items[item].split( ';' );
			let item_id: string = 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: string ): JQueryPromise<any> {
		let url: string;
		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: string = jsonp ? 'jsonp' : 'json';

		if ( typeof ( cache[ key ] ) === 'object' ) {
			if ( typeof ( cache[ key ].promise ) === 'function' ) {
				// item is pending, return the existing deferred object
				return 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 cache[ key ] = ajax({
				url: url,
				dataType: dataType,
				cache: ! custom_cache, // if this request is not going to be cached manually, allow the browser to cache it
			}).done(
			function( data ) {
				data.path = key;

				// store data in session cache
				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 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: string ): any {
		key = ( eveui_accept_language || navigator.languages[0] ) + key;
		return cache[key];
	}

	function market_retrieve( type_id: string ): any {
		return $.grep( cache_retrieve( '/v1/markets/prices' ), function(v) {
			return v['type_id'] == type_id 
		} )[0];
	}

	function clipboard_copy( element: JQuery ): void {
		// 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' );
}