Paradise/html/statbrowser.js

// Polyfills and compatibility ------------------------------------------------
var decoder = decodeURIComponent || unescape;
if (!Array.prototype.includes) {
	Array.prototype.includes = function (thing) {
		for (var i = 0; i < this.length; i++) {
			if (this[i] == thing) return true;
		}
		return false;
	};
}
if (!String.prototype.trim) {
	String.prototype.trim = function () {
		return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
	};
}

// For sending BYOND debug logs -----------------------------------------------
// If you use this, you'll need to uncomment the Statpanel-Debug message
// handling, currently in code/modules/client/client_procs.dm
function log_debug(data) {
	Byond.sendMessage('Statpanel-Debug', JSON.stringify(data));
}

// Status panel implementation ------------------------------------------------
var status_tab_parts = [['Loading...', '']];
var current_tab = null;
var mc_tab_parts = [['Loading...', '']];
var href_token = null;
var verb_tabs = [];
var verbs = [['', '']]; // list with a list inside
var permanent_tabs = []; // tabs that won't be cleared by wipes
var turf_row_inner_height = 2.75;
var turf_row_outer_height = 3;
var turf_rows = {};
var turf_incomplete_rows = {};
var turf_size = 0;
var turf_image_errors = {};
var turfcontents = { 'total': 0 };
var turfname = '';
var imageFirstRetryDelay = 50;
var imageRetryDelay = 500;
var imageRetryLimit = 50;
var menu = document.getElementById('menu');
var statcontentdiv = document.getElementById('statcontent');
var split_admin_tabs = false;

// Any BYOND commands that could result in the client's focus changing go through this
// to ensure that when we relinquish our focus, we don't do it after the result of
// a command has already taken focus for itself.
function run_after_focus(callback) {
	setTimeout(callback, 0);
}

function createStatusTab(name) {
	if (name.indexOf('.') != -1) {
		var splitName = name.split('.');
		if (split_admin_tabs && splitName[0] === 'Admin') name = splitName[1];
		else name = splitName[0];
	}
	if (document.getElementById(name) || name.trim() == '') {
		return;
	}
	if (!verb_tabs.includes(name) && !permanent_tabs.includes(name)) {
		return;
	}
	var button = document.createElement('DIV');
	var button_text = document.createElement('DIV');
	button.onclick = function () {
		tab_change(name);
		this.blur();
		statcontentdiv.focus();
	};
	button.id = name;
	button.className = 'button';
	button_text.textContent = name;
	button_text.className = 'button-text';
	//ORDERING ALPHABETICALLY
	button.style.order = name.charCodeAt(0);
	if (name == 'Status' || name == 'MC') {
		button.style.order = name == 'Status' ? 1 : 2;
	}
	//END ORDERING
	button.appendChild(button_text);
	menu.appendChild(button);
	SendTabToByond(name);
}

function removeStatusTab(name) {
	if (!document.getElementById(name) || permanent_tabs.includes(name)) {
		return;
	}
	for (var i = verb_tabs.length - 1; i >= 0; --i) {
		if (verb_tabs[i] == name) {
			verb_tabs.splice(i, 1);
		}
	}
	menu.removeChild(document.getElementById(name));
	TakeTabFromByond(name);
}

function sortVerbs() {
	verbs.sort(function (a, b) {
		var selector = a[0] == b[0] ? 1 : 0;
		if (a[selector].toUpperCase() < b[selector].toUpperCase()) {
			return 1;
		} else if (a[selector].toUpperCase() > b[selector].toUpperCase()) {
			return -1;
		}
		return 0;
	});
}

function addPermanentTab(name) {
	if (!permanent_tabs.includes(name)) {
		permanent_tabs.push(name);
	}
	createStatusTab(name);
}

function removePermanentTab(name) {
	for (var i = permanent_tabs.length - 1; i >= 0; --i) {
		if (permanent_tabs[i] == name) {
			permanent_tabs.splice(i, 1);
		}
	}
	removeStatusTab(name);
}

function checkStatusTab() {
	for (var i = 0; i < menu.children.length; i++) {
		if (!verb_tabs.includes(menu.children[i].id) && !permanent_tabs.includes(menu.children[i].id)) {
			menu.removeChild(menu.children[i]);
		}
	}
}

function remove_verb(v) {
	var verb_to_remove = v; // to_remove = [verb:category, verb:name]
	for (var i = verbs.length - 1; i >= 0; i--) {
		var part_to_remove = verbs[i];
		if (part_to_remove[1] == verb_to_remove[1]) {
			verbs.splice(i, 1);
		}
	}
}

function check_verbs() {
	for (var v = verb_tabs.length - 1; v >= 0; v--) {
		verbs_cat_check(verb_tabs[v]);
	}
}

function verbs_cat_check(cat) {
	var tabCat = cat;
	if (cat.indexOf('.') != -1) {
		var splitName = cat.split('.');
		if (split_admin_tabs && splitName[0] === 'Admin') tabCat = splitName[1];
		else tabCat = splitName[0];
	}
	var verbs_in_cat = 0;
	var verbcat = '';
	if (!verb_tabs.includes(tabCat)) {
		removeStatusTab(tabCat);
		return;
	}
	for (var v = 0; v < verbs.length; v++) {
		var part = verbs[v];
		verbcat = part[0];
		if (verbcat.indexOf('.') != -1) {
			var splitName = verbcat.split('.');
			if (split_admin_tabs && splitName[0] === 'Admin') verbcat = splitName[1];
			else verbcat = splitName[0];
		}
		if (verbcat != tabCat || verbcat.trim() == '') {
			continue;
		} else {
			verbs_in_cat = 1;
			break; // we only need one
		}
	}
	if (verbs_in_cat != 1) {
		removeStatusTab(tabCat);
		if (current_tab == tabCat) tab_change('Status');
	}
}

function findVerbindex(name, verblist) {
	for (var i = 0; i < verblist.length; i++) {
		var part = verblist[i];
		if (part[1] == name) return i;
	}
}
function wipe_verbs() {
	verbs = [['', '']];
	verb_tabs = [];
	checkStatusTab(); // remove all empty verb tabs
}

function update_verbs() {
	wipe_verbs();
	Byond.sendMessage('Update-Verbs');
}

function SendTabsToByond() {
	var tabstosend = [];
	tabstosend = tabstosend.concat(permanent_tabs, verb_tabs);
	for (var i = 0; i < tabstosend.length; i++) {
		SendTabToByond(tabstosend[i]);
	}
}

function SendTabToByond(tab) {
	Byond.sendMessage('Send-Tabs', { tab: tab });
}

//Byond can't have this tab anymore since we're removing it
function TakeTabFromByond(tab) {
	Byond.sendMessage('Remove-Tabs', { tab: tab });
}

function tab_change(tab) {
	if (tab == current_tab) return;
	if (document.getElementById(current_tab)) document.getElementById(current_tab).className = 'button'; // disable active on last button
	current_tab = tab;
	set_byond_tab(tab);
	if (document.getElementById(tab)) document.getElementById(tab).className = 'button active'; // make current button active
	var verb_tabs_thingy = verb_tabs.includes(tab);
	if (tab == 'Status') {
		draw_status();
	} else if (tab == 'MC') {
		draw_mc();
	} else if (verb_tabs_thingy) {
		draw_verbs(tab);
	} else if (tab == 'Debug Stat Panel') {
		draw_debug();
	} else if (tab == turfname) {
		draw_listedturf();
	} else {
		statcontentdiv.textContext = 'Loading...';
	}
	Byond.winset(Byond.windowId, {
		'is-visible': true,
	});
}

function set_byond_tab(tab) {
	Byond.sendMessage('Set-Tab', { tab: tab });
}

function draw_debug() {
	statcontentdiv.textContent = '';
	var wipeverbstabs = document.createElement('div');
	var link = document.createElement('a');
	link.onclick = function () {
		wipe_verbs();
	};
	link.textContent = 'Wipe All Verbs';
	wipeverbstabs.appendChild(link);
	document.getElementById('statcontent').appendChild(wipeverbstabs);
	var wipeUpdateVerbsTabs = document.createElement('div');
	var updateLink = document.createElement('a');
	updateLink.onclick = function () {
		update_verbs();
	};
	updateLink.textContent = 'Wipe and Update All Verbs';
	wipeUpdateVerbsTabs.appendChild(updateLink);
	document.getElementById('statcontent').appendChild(wipeUpdateVerbsTabs);
	var text = document.createElement('div');
	text.textContent = 'Verb Tabs:';
	document.getElementById('statcontent').appendChild(text);
	var table1 = document.createElement('table');
	for (var i = 0; i < verb_tabs.length; i++) {
		var part = verb_tabs[i];
		// Hide subgroups except admin subgroups if they are split
		if (verb_tabs[i].lastIndexOf('.') != -1) {
			var splitName = verb_tabs[i].split('.');
			if (split_admin_tabs && splitName[0] === 'Admin') part = splitName[1];
			else continue;
		}
		var tr = document.createElement('tr');
		var td1 = document.createElement('td');
		td1.textContent = part;
		var a = document.createElement('a');
		a.onclick = (function (part) {
			return function () {
				removeStatusTab(part);
			};
		})(part);
		a.textContent = ' Delete Tab ' + part;
		td1.appendChild(a);
		tr.appendChild(td1);
		table1.appendChild(tr);
	}
	document.getElementById('statcontent').appendChild(table1);
	var header2 = document.createElement('div');
	header2.textContent = 'Verbs:';
	document.getElementById('statcontent').appendChild(header2);
	var table2 = document.createElement('table');
	for (var v = 0; v < verbs.length; v++) {
		var part2 = verbs[v];
		var trr = document.createElement('tr');
		var tdd1 = document.createElement('td');
		tdd1.textContent = part2[0];
		var tdd2 = document.createElement('td');
		tdd2.textContent = part2[1];
		trr.appendChild(tdd1);
		trr.appendChild(tdd2);
		table2.appendChild(trr);
	}
	document.getElementById('statcontent').appendChild(table2);
	var text3 = document.createElement('div');
	text3.textContent = 'Permanent Tabs:';
	document.getElementById('statcontent').appendChild(text3);
	var table3 = document.createElement('table');
	for (var i = 0; i < permanent_tabs.length; i++) {
		var part3 = permanent_tabs[i];
		var trrr = document.createElement('tr');
		var tddd1 = document.createElement('td');
		tddd1.textContent = part3;
		trrr.appendChild(tddd1);
		table3.appendChild(trrr);
	}
	document.getElementById('statcontent').appendChild(table3);
}
function draw_status() {
	if (!document.getElementById('Status')) {
		createStatusTab('Status');
		current_tab = 'Status';
	}

	statcontentdiv.textContent = '';
	var table = document.createElement('table');
	for (var i = 0; i < status_tab_parts.length; i++) {
		var part = status_tab_parts[i];
		var tr = document.createElement('tr');
		var td1 = document.createElement('td');
		td1.textContent = part[0];
		var td2 = document.createElement('td');
		td2.insertAdjacentHTML('beforeend', part[1]);
		tr.appendChild(td1);
		tr.appendChild(td2);
		table.appendChild(tr);
	}
	document.getElementById('statcontent').appendChild(table);

	if (verb_tabs.length == 0 || !verbs) {
		Byond.command('Fix-Stat-Panel');
	}
}

function draw_mc() {
	statcontentdiv.textContent = '';
	var table = document.createElement('table');
	for (var i = 0; i < mc_tab_parts.length; i++) {
		var part = mc_tab_parts[i];
		var tr = document.createElement('tr');
		var td1 = document.createElement('td');
		td1.textContent = part[0];
		var td2 = document.createElement('td');
		if (part[2]) {
			var a = document.createElement('a');
			a.onclick = debug_statclick(part[2]);
			a.insertAdjacentHTML('beforeend', part[1]);
			td2.appendChild(a);
		} else {
			td2.insertAdjacentHTML('beforeend', part[1]);
		}
		tr.appendChild(td1);
		tr.appendChild(td2);
		table.appendChild(tr);
	}
	document.getElementById('statcontent').appendChild(table);
}

function listedturf_add_row(table, table_index, true_index) {
	let row = table.insertRow(table_index);
	row.style.height = turf_row_inner_height + 'em';
	row.style.padding = '0px';
	row.style.margin = '0px';
	turf_rows[true_index] = row;
	turf_incomplete_rows[true_index] = true_index + 1;
}

function listedturf_fill_row(row, item_index) {
	let object_info = turfcontents['' + item_index];
	if (!object_info) {
		return false;
	}

	let cell = document.createElement('td');
	cell.style.height = turf_row_inner_height + 'em';
	cell.style.padding = '0px';
	cell.style.margin = '0px';
	row.appendChild(cell);

	var button = document.createElement('div');
	button.className = 'listedturf_link';
	var clickcatcher = '';
	button.onmousedown = (function (object_info) {
		// The outer function is used to close over a fresh "object_info"
		// variable, rather than every onmousedown getting the "object_info"
		// of the last entry.
		return function (e) {
			e.preventDefault();
			clickcatcher = 'byond://?src=' + object_info[4] + ';m5src=' + object_info[1];
			switch (e.button) {
				case 1:
					clickcatcher += ';statpanel_item_click=middle';
					break;
				case 2:
					clickcatcher += ';statpanel_item_click=right';
					break;
				default:
					clickcatcher += ';statpanel_item_click=left';
			}
			if (e.shiftKey) {
				clickcatcher += ';statpanel_item_shiftclick=1';
			}
			if (e.ctrlKey) {
				clickcatcher += ';statpanel_item_ctrlclick=1';
			}
			if (e.altKey) {
				clickcatcher += ';statpanel_item_altclick=1';
			}
			window.location.href = clickcatcher;
		};
	})(object_info);
	cell.appendChild(button);

	let img = document.createElement('img');
	img.id = object_info[1];
	img.src = object_info[2];
	img.style.verticalAlign = 'middle';
	img.style.width = turf_row_inner_height + 'em';
	img.style.height = turf_row_inner_height + 'em';
	img.onerror = (function (object_info) {
		return function () {
			let delay = imageRetryDelay;
			if (!turf_image_errors[object_info[3]]) {
				turf_image_errors[object_info[3]] = 0;
				delay = imageFirstRetryDelay;
			}
			turf_image_errors[object_info[3]]++;
			if (turf_image_errors[object_info[3]] > imageRetryLimit) {
				return;
			}

			Byond.sendMessage('Resend-Asset', object_info[3]);
			setTimeout(function () {
				// Use the failure count as a cachebreaker to force-reload.
				let img = document.getElementById(object_info[1]);
				img.src = object_info[2] + '?' + turf_image_errors[object_info[3]];
			}, imageRetryDelay);
		};
	})(object_info);
	button.appendChild(img);

	var label = document.createElement('span');
	label.style.marginLeft = '0.5em';
	label.textContent = object_info[0];
	button.appendChild(label);

	return true;
}

function listedturf_fill_all() {
	for (let i in turf_incomplete_rows) {
		let item_index = turf_incomplete_rows[i];
		if (!turf_rows[i] || listedturf_fill_row(turf_rows[i], item_index)) {
			delete turf_incomplete_rows[i];
		}
	}
}

var suppress_next_scroll_message = false;
/* We keep a sliding "window" of listedturf items loded. On scroll, we add and
 * remove table rows to maintain that window, and update the size of the
 * padding row at the top of the table to keep them in the right spot.
 */
function listedturf_scrolled() {
	let fontSize = parseFloat(window.getComputedStyle(document.body).fontSize);
	let top_edge = statcontentdiv.scrollTop / fontSize;
	let height = statcontentdiv.clientHeight / fontSize;
	let table = document.getElementById('listedturf_table');
	let padding = document.getElementById('listedturf_padding');

	if (!turf_rows.initialized) {
		turf_rows = {
			initialized: true,
			min_row: 0,
			max_row: 0,
		};
	}

	if (turf_size === 0) {
		return;
	}

	let desired_min_row = Math.min(turf_size, Math.max(0, Math.floor(top_edge / turf_row_outer_height - 0.75)));
	let desired_max_row = Math.min(turf_size, desired_min_row + Math.ceil(height / turf_row_outer_height + 1.75));
	padding.style.height = desired_min_row * turf_row_outer_height + 'em';
	if (desired_min_row == turf_rows.min_row && desired_max_row == turf_rows.max_row) {
		listedturf_fill_all();
		suppress_next_scroll_message = false;
		return;
	}

	if (desired_min_row < turf_rows.min_row) {
		for (let i = desired_min_row; i < turf_rows.min_row; i++) {
			listedturf_add_row(table, i - desired_min_row + 1, i);
		}
	} else if (desired_min_row > turf_rows.min_row) {
		for (let i = turf_rows.min_row; i < desired_min_row && i < turf_rows.max_row; i++) {
			if (turf_rows[i]) {
				turf_rows[i].remove();
				delete turf_rows[i];
			}
		}
	}
	turf_rows.min_row = desired_min_row;

	padding.style.height = turf_rows.min_row * turf_row_outer_height + 'em';

	if (desired_max_row < turf_rows.max_row) {
		for (let i = Math.max(desired_max_row, turf_rows.min_row); i < turf_rows.max_row; i++) {
			if (turf_rows[i]) {
				turf_rows[i].remove();
				delete turf_rows[i];
			}
		}
	} else if (desired_max_row > turf_rows.max_row) {
		for (let i = Math.max(turf_rows.min_row, turf_rows.max_row); i < desired_max_row; i++) {
			listedturf_add_row(table, i - turf_rows.min_row + 1, i);
		}
	}
	turf_rows.max_row = desired_max_row;

	listedturf_fill_all();

	if (!suppress_next_scroll_message) {
		Byond.sendMessage('Listedturf-Scroll', { 'min': turf_rows.min_row, 'max': turf_rows.max_row });
	}
	suppress_next_scroll_message = false;
}

function draw_listedturf() {
	if (document.getElementById('listedturf_div')) {
		let div = document.getElementById('listedturf_div');
		div.style.height = turf_row_outer_height * turf_size + 'em';
		suppress_next_scroll_message = true;
		listedturf_scrolled();
		return;
	}

	statcontentdiv.textContent = '';
	turf_rows = {};
	statcontentdiv.onscroll = function () {
		listedturf_scrolled();
	};

	let div = document.createElement('div');
	div.id = 'listedturf_div';
	div.style.height = turf_row_outer_height * turf_size + 'em';
	document.getElementById('statcontent').appendChild(div);

	let table = document.createElement('table');
	table.id = 'listedturf_table';
	table.style.width = '100%';
	table.style.height = '100%';
	div.appendChild(table);

	let padding = document.createElement('tr');
	padding.id = 'listedturf_padding';
	padding.style.height = '0px';
	padding.style.padding = '0px';
	padding.style.margin = '0px';
	table.appendChild(padding);

	let end_flex = document.createElement('tr');
	end_flex.id = 'listedturf_end_flex';
	end_flex.style.height = '100%';
	end_flex.style.padding = '0px';
	end_flex.style.margin = '0px';
	table.appendChild(end_flex);

	suppress_next_scroll_message = true;
	listedturf_scrolled();
}

function remove_listedturf() {
	removePermanentTab(turfname);
	checkStatusTab();
	if (current_tab == turfname) {
		tab_change('Status');
	}
	if (document.getElementById('listedturf_div')) {
		document.getElementById('listedturf_div').remove();
	}
	turf_rows = {};
	turf_incomplete_rows = {};
	turf_size = 0;
	turfcontents = { 'total': 0 };
	turfname = '';
}

function remove_mc() {
	removePermanentTab('MC');
	if (current_tab == 'MC') {
		tab_change('Status');
	}
}

function make_verb_onclick(command) {
	return function () {
		run_after_focus(function () {
			Byond.command(command);
		});
	};
}

function debug_statclick(stat_item_uid) {
	return function () {
		Byond.sendMessage('Debug-Stat-Entry', { stat_item_uid: stat_item_uid });
	};
}

function draw_verbs(cat) {
	statcontentdiv.textContent = '';
	var table = document.createElement('div');
	var additions = {}; // additional sub-categories to be rendered
	table.className = 'grid-container';
	sortVerbs();
	if (split_admin_tabs && cat.lastIndexOf('.') != -1) {
		var splitName = cat.split('.');
		if (splitName[0] === 'Admin') cat = splitName[1];
	}
	verbs.reverse(); // sort verbs backwards before we draw
	for (var i = 0; i < verbs.length; ++i) {
		var part = verbs[i];
		var name = part[0];
		if (split_admin_tabs && name.lastIndexOf('.') != -1) {
			var splitName = name.split('.');
			if (splitName[0] === 'Admin') name = splitName[1];
		}
		var command = part[1];

		if (command && name.lastIndexOf(cat, 0) != -1 && (name.length == cat.length || name.charAt(cat.length) == '.')) {
			var subCat = name.lastIndexOf('.') != -1 ? name.split('.')[1] : null;
			if (subCat && !additions[subCat]) {
				var newTable = document.createElement('div');
				newTable.className = 'grid-container';
				additions[subCat] = newTable;
			}

			var a = document.createElement('a');
			a.href = '#';
			a.onclick = make_verb_onclick(command.replace(/\s/g, '-'));
			a.className = 'grid-item';
			var t = document.createElement('span');
			t.textContent = command;
			t.className = 'grid-item-text';
			a.appendChild(t);
			(subCat ? additions[subCat] : table).appendChild(a);
		}
	}

	// Append base table to view
	var content = document.getElementById('statcontent');
	content.appendChild(table);

	// Append additional sub-categories if relevant
	for (var cat in additions) {
		if (additions.hasOwnProperty(cat)) {
			// do addition here
			var header = document.createElement('h3');
			header.textContent = cat;
			content.appendChild(header);
			content.appendChild(additions[cat]);
		}
	}
}

function set_theme(which) {
	if (which == 'light') {
		document.body.className = '';
		document.documentElement.className = 'light';
		set_style_sheet('chat_panel_white');
	} else if (which == 'dark') {
		document.body.className = 'dark';
		document.documentElement.className = 'dark';
		set_style_sheet('chat_panel');
	} else if (which == 'ntos') {
		document.body.className = 'ntos';
		document.documentElement.className = 'ntos';
		set_style_sheet('chat_panel_ntos');
	} else if (which == 'paradise') {
		document.body.className = 'paradise';
		document.documentElement.className = 'paradise';
		set_style_sheet('chat_panel_paradise');
	} else if (which == 'syndicate') {
		document.body.className = 'syndicate';
		document.documentElement.className = 'syndicate';
		set_style_sheet('chat_panel_syndicate');
	}
}

function set_font_size(fontSize) {
	document.body.style.setProperty('font-size', fontSize);
}

function set_font_style(fontFamily) {
	/* Yes, null is a string here. Live with that. */
	if (fontFamily !== 'null') {
		document.body.style.setProperty('font-family', fontFamily);
	} else {
		document.body.style.removeProperty('font-family');
	}
}

function set_tabs_style(style) {
	if (style == 'default') {
		menu.classList.add('menu-wrap');
		menu.classList.remove('tabs-classic');
	} else if (style == 'classic') {
		menu.classList.add('menu-wrap');
		menu.classList.add('tabs-classic');
	} else if (style == 'scrollable') {
		menu.classList.remove('menu-wrap');
		menu.classList.remove('tabs-classic');
	}
}

function set_style_sheet(sheet) {
	if (document.getElementById('goonStyle')) {
		var currentSheet = document.getElementById('goonStyle');
		currentSheet.parentElement.removeChild(currentSheet);
	}
	var head = document.getElementsByTagName('head')[0];
	var sheetElement = document.createElement('link');
	sheetElement.id = 'goonStyle';
	sheetElement.rel = 'stylesheet';
	sheetElement.type = 'text/css';
	sheetElement.href = sheet + '.css';
	sheetElement.media = 'all';
	head.appendChild(sheetElement);
}

function restoreFocus() {
	run_after_focus(function () {
		Byond.winset('map', {
			focus: true,
		});
	});
}

function getCookie(cname) {
	var name = cname + '=';
	var ca = document.cookie.split(';');
	for (var i = 0; i < ca.length; i++) {
		var c = ca[i];
		while (c.charAt(0) == ' ') c = c.substring(1);
		if (c.indexOf(name) === 0) {
			return decoder(c.substring(name.length, c.length));
		}
	}
	return '';
}

function add_verb_list(payload) {
	var to_add = payload; // list of a list with category and verb inside it
	to_add.sort(); // sort what we're adding
	for (var i = 0; i < to_add.length; i++) {
		var part = to_add[i];
		if (!part[0]) continue;
		var category = part[0];
		if (category.indexOf('.') != -1) {
			var splitName = category.split('.');
			if (split_admin_tabs && splitName[0] === 'Admin') category = splitName[1];
			else category = splitName[0];
		}
		if (findVerbindex(part[1], verbs)) continue;
		if (verb_tabs.includes(category)) {
			verbs.push(part);
			if (current_tab == category) {
				draw_verbs(category); // redraw if we added a verb to the tab we're currently in
			}
		} else if (category) {
			verb_tabs.push(category);
			verbs.push(part);
			createStatusTab(category);
		}
	}
}

document.addEventListener('mouseup', restoreFocus);
document.addEventListener('keyup', restoreFocus);

if (!current_tab) {
	addPermanentTab('Status');
	tab_change('Status');
}

window.onload = function () {
	Byond.sendMessage('Update-Verbs');
};

Byond.subscribeTo('remove_verb_list', function (v) {
	var to_remove = v;
	for (var i = 0; i < to_remove.length; i++) {
		remove_verb(to_remove[i]);
	}
	check_verbs();
	sortVerbs();
	if (verb_tabs.includes(current_tab)) draw_verbs(current_tab);
});

// passes a 2D list of (verbcategory, verbname) creates tabs and adds verbs to respective list
// example (IC, Say)
Byond.subscribeTo('init_verbs', function (payload) {
	wipe_verbs(); // remove all verb categories so we can replace them
	checkStatusTab(); // remove all status tabs
	verb_tabs = payload.panel_tabs;
	verb_tabs.sort(); // sort it
	var do_update = false;
	var cat = '';
	for (var i = 0; i < verb_tabs.length; i++) {
		cat = verb_tabs[i];
		createStatusTab(cat); // create a category if the verb doesn't exist yet
	}
	if (verb_tabs.includes(current_tab)) {
		do_update = true;
	}
	if (payload.verblist) {
		add_verb_list(payload.verblist);
		sortVerbs(); // sort them
		if (do_update) {
			draw_verbs(current_tab);
		}
	}
	SendTabsToByond();
});

Byond.subscribeTo('update_stat', function (payload) {
	status_tab_parts = [];
	var parsed = payload.global_data;

	for (var i = 0; i < parsed.length; i++) {
		if (parsed[i] != null) {
			status_tab_parts.push(parsed[i]);
		}
	}

	for (
		var i = 0;
		i < 4;
		i++ // Spacing to split global and mob specific data
	) {
		status_tab_parts.push(['', '']);
	}

	parsed = payload.mob_specific_data;

	for (var i = 0; i < parsed.length; i++) {
		if (parsed[i] != null) {
			status_tab_parts.push(parsed[i]);
		}
	}

	if (current_tab == 'Status') {
		draw_status();
	} else if (current_tab == 'Debug Stat Panel') {
		draw_debug();
	}
});

Byond.subscribeTo('update_mc', function (payload) {
	mc_tab_parts = payload.mc_data;
	mc_tab_parts.splice(0, 0, ['Location:', payload.coord_entry]);

	if (!verb_tabs.includes('MC')) {
		verb_tabs.push('MC');
	}

	createStatusTab('MC');

	if (current_tab == 'MC') {
		draw_mc();
	}
});

Byond.subscribeTo('create_debug', function () {
	if (!document.getElementById('Debug Stat Panel')) {
		addPermanentTab('Debug Stat Panel');
	} else {
		removePermanentTab('Debug Stat Panel');
	}
});

Byond.subscribeTo('create_listedturf', function (TN) {
	remove_listedturf(); // remove the last one if we had one
	turfname = TN;
	addPermanentTab(turfname);
	tab_change(turfname);
});

Byond.subscribeTo('remove_mc_tab', function (removeHref) {
	if (removeHref) {
		href_token = null;
	}
	remove_mc();
});

Byond.subscribeTo('update_listedturf', function (TC) {
	turfcontents = TC;
	turf_size = TC['total'];
	if (current_tab == turfname) {
		draw_listedturf();
	}
});

Byond.subscribeTo('update_interviews', function (I) {
	interviewManager = I;
	if (current_tab == 'Tickets') {
		draw_interviews();
	}
});

Byond.subscribeTo('update_split_admin_tabs', function (status) {
	status = status == true;

	if (split_admin_tabs !== status) {
		if (split_admin_tabs === true) {
			removeStatusTab('Events');
			removeStatusTab('Fun');
			removeStatusTab('Game');
		}
		update_verbs();
	}
	split_admin_tabs = status;
});

Byond.subscribeTo('add_mc_tab', function (ht) {
	href_token = ht;
	addPermanentTab('MC');
});

Byond.subscribeTo('remove_listedturf', remove_listedturf);

Byond.subscribeTo('remove_mc', remove_mc);

Byond.subscribeTo('add_verb_list', add_verb_list);