/**
 Main JS file for WebConsole.
 https://github.com/mesacarlos
 2019-2020 Carlos Mesa under MIT License.
*/

/**
 * Global variables
 */
const persistenceManager = new WebConsolePersistenceManager();
const connectionManager = new WebConsoleManager();
let lang;
let autoPasswordCompleted = false; //When true, saved password was used. If a 401 is received, then saved password is not correct
let statusCommandsInterval = -1;
let commandHistoryIndex = -1; //Saves current command history index. -1 when not browsing history.
var reconnecting = false;


/**
 * Load list of servers in file servers.json
 * and auto update in next request when file is changed
 */
function readServerList() {
	let hash = persistenceManager.getSetting('server:hash')

	/**
	 * Hash code function used for compare version of file servers.json
	 * https://stackoverflow.com/questions/7616461/generate-a-hash-from-string-in-javascript
	 */
	const hashCode = s => s.split('').reduce((a,b)=>{a=((a<<5)-a)+b.charCodeAt(0);return a&a},0);

	fetch('servers.json')
		.then(res => res.text())
		.then(json => {
			if (hash !== hashCode(json)) {
				persistenceManager.setSetting('server:hash', hashCode(json))
				JSON.parse(json).forEach(server => persistenceManager.saveServer(server))
			}
		})
		.then(updateServerList)
		.catch(() => console.info('Ignore load new list in file servers.json.'));
}


function reconnectServer(serverName) {
	$('#disconnectionModal').hide();
	reconnecting = true;
	openServer(serverName);
}

/**
* Prepare and show server to user
*/
function openServer(serverName){
	//Hide welcome div if user is not in welcome page
	$("#welcomeContainer").hide();
	$("#serverContainer").show();
	$("#serverTitle").text(serverName); //Change server name and related info
	
	$("#consoleTextArea").css("font-size", persistenceManager.getSetting("consoleFontSize")+"px");
	
	if (!reconnecting && typeof connectionManager.activeConnection === 'undefined') $("#consoleTextArea").text("");

	$("#commandInput").prop("disabled", false);
	$("#sendCommandButton").prop("disabled", false);
	
	//New server, new variables:
	autoPasswordCompleted = false;
	commandHistoryIndex = -1; //Reset command history index

	connectionManager.loadConnection(serverName); //Create or retrieve connection

	//Load saved messages
// 	let i;
// 	const messages = connectionManager.activeConnection.messages;
// 	for(i = 0; i < messages.length; i++){
// 		if(messages[i].status !== 401){
// 			onWebSocketsMessage(messages[i]);
// 		}
// 	}
	//Subscribe a function
	connectionManager.activeConnection.subscribe(onWebSocketsMessage);
}

function onWebSocketsMessage(message){
	switch (message.status) {
		case 10: //Console Output
			writeToWebConsole(message.message, message.time);
			break;
		case 200: //LoggedIn
			writeToWebConsole(message.message);
			//Show user and permissions
			$("#loggedUsernameLabel").text(message.username);
			$("#loggedUserTypeLabel").text(message.as);
			//Disable command bar if user is viewer
			if(message.as.toLowerCase() === "viewer"){
				$("#commandInput").prop("disabled", true);
				$("#sendCommandButton").prop("disabled", true);
			}
			//Read log file if enabled
			if(connectionManager.activeConnection.isLogged === false){
				connectionManager.activeConnection.isLogged = true;
				if(persistenceManager.getSetting("retrieveLogFile") === true) {
				    if (reconnecting) reconnecting = false;
				    else connectionManager.askForLogs();
				}
			}
			break;
		case 400:
			//Unknown Command
			writeToWebConsole(message.message);
			break;
		case 401: //Waiting for login. Show password modal or retrieve password
			const savedPwd = persistenceManager.getServer(connectionManager.activeConnection.serverName).serverPassword;
			if(typeof savedPwd !== "undefined" && !autoPasswordCompleted){
				connectionManager.sendPassword(savedPwd);
				autoPasswordCompleted = true;
			} else { $('#passwordModal').modal('show'); }
			break;
		case 1000: //Players
			writePlayerInfo(message.connectedPlayers, message.maxPlayers);
			connectionManager.activeConnection.players = JSON.parse(message.players);
			break;
		case 1001: //Cpu Usage
			writeCpuInfo(message.usage);
			break;
		case 1002: //RAM Usage
			writeRamInfo(message.free, message.used, message.max);
			break;
		case 1003: //Server TPS
			writeTpsInfo(message.tps, 20);
			break;
		default:
			console.log('Unknown server response:');
	}
	console.log(message);
	
	//Add interval for Players, CPU and RAM info, if not set
	if(statusCommandsInterval === -1 && message.status !== 401){
		statusCommandsInterval = setInterval(function(){
			connectionManager.askForInfo();
		}, persistenceManager.getSetting("infoRefreshInterval"));
	}
}

/**
* Write to console
*/
function writeToWebConsole(msg, time){
	const textArea = document.getElementById("consoleTextArea")
	const isScrolledDown = (textArea.scrollHeight-textArea.scrollTop-40) <= ($("#consoleTextArea").height()+100);
	//Write to div, replacing < to &lt; (to avoid XSS) and replacing new line to br.
	msg = msg.replace(/</g, "&lt;");
	msg = msg.replace(/(?:\r\n|\r|\n)/g, "<br>");

	// LINUX color codes:
	msg = msg.replace(/\033\[30m/g, "</span><span style='color: #000000;'>"); //&0
	msg = msg.replace(/\033\[90m/g, "</span><span style='color: #000000;'>"); //&0

	msg = msg.replace(/\033\[34m/g, "</span><span style='color: #0000AA;'>"); //&1
	msg = msg.replace(/\033\[32m/g, "</span><span style='color: #55FF55;'>"); //&2 was \/
	msg = msg.replace(/\033\[92m/g, "</span><span style='color: #55FF55;'>"); //&2 was #00AA00
	// msg = msg.replace(/\033\[36m/g, "</span><span style='color: #00AAAA;'>"); //&3
	msg = msg.replace(/\033\[96m/g, "</span><span style='color: #55FFFF;'>"); //&3 was #00AAAA
	// msg = msg.replace(/\033\[31m/g, "</span><span style='color: #AA0000;'>"); //&4
	msg = msg.replace(/\033\[91m/g, "</span><span style='color: #FF5555;'>"); //&4 was #AA0000

	msg = msg.replace(/\033\[35m/g, "</span><span style='color: #AA00AA;'>"); //&5
	msg = msg.replace(/\033\[33m/g, "</span><span style='color: #FFAA00;'>"); //&6
	msg = msg.replace(/\033\[37m/g, "</span><span style='color: #AAAAAA;'>"); //&7
	msg = msg.replace(/\033\[30m/g, "</span><span style='color: #555555;'>");  //&8
	msg = msg.replace(/\033\[34m/g, "</span><span style='color: #5555FF;'>");  //&9
	msg = msg.replace(/\033\[33m/g, "</span><span style='color: #00AA00;'>");  //&a was #55FF55
	msg = msg.replace(/\033\[36m/g, "</span><span style='color: #00AAAA;'>");  //&b was #55FFFF
	msg = msg.replace(/\033\[31m/g, "</span><span style='color: #AA0000;'>");  //&c was #FF5555
	// msg = msg.replace(/\033\[35m/g, "</span><span style='color: #FF55FF;'>");  //&d
	msg = msg.replace(/\033\[95m/g, "</span><span style='color: #FF55FF;'>");  //&d
	// msg = msg.replace(/\033\[33m/g, "</span><span style='color: #FFFF55;'>");  //&e
	msg = msg.replace(/\033\[93m/g, "</span><span style='color: #FFFF55;'>");  //&e
	// msg = msg.replace(/\033\[37m/g, "</span><span style='color: #FFFFFF;'>");  //&f
	msg = msg.replace(/\033\[97m/g, "</span><span style='color: #FFFFFF;'>");  //&f

	msg = msg.replace(/\033\[1m/g, "<span style='font-weight:bold;'>");  //&l
	// msg = msg.replace(/\022\[2m/g, "<span style='text-decoration: line-through;'>"); //&m
	msg = msg.replace(/\033\[3m/g, "<span style='font-style: italic;'>"); //&o
	msg = msg.replace(/\033\[4m/g, "<span style='text-decoration: underline;'>"); //&n
	
	msg = msg.replace(/\033\[8m/g, "");  //crazy text

	msg = msg.replace(/\033\[0m/g, "</span>");  //&r

  
	//Color filter for Windows (thanks to SuperPykkon)
	// msg = msg.replace(/\[0;30;22m/g, "<span style='color: #000000;'>"); //&0
	// msg = msg.replace(/\[0;34;22m/g, "<span style='color: #0000AA;'>"); //&1
	// msg = msg.replace(/\[0;32;22m/g, "<span style='color: #00AA00;'>"); //&2
	// msg = msg.replace(/\[0;36;22m/g, "<span style='color: #00AAAA;'>"); //&3
	// msg = msg.replace(/\[0;31;22m/g, "<span style='color: #AA0000;'>"); //&4
	// msg = msg.replace(/\[0;35;22m/g, "<span style='color: #AA00AA;'>"); //&5
	// msg = msg.replace(/\[0;33;22m/g, "<span style='color: #FFAA00;'>"); //&6
	// msg = msg.replace(/\[0;37;22m/g, "<span style='color: #AAAAAA;'>"); //&7
	// msg = msg.replace(/\[0;30;1m/g, "<span style='color: #555555;'>");  //&8
	// msg = msg.replace(/\[0;34;1m/g, "<span style='color: #5555FF;'>");  //&9
	// msg = msg.replace(/\[0;32;1m/g, "<span style='color: #55FF55;'>");  //&a
	// msg = msg.replace(/\[0;36;1m/g, "<span style='color: #55FFFF;'>");  //&b
	// msg = msg.replace(/\[0;31;1m/g, "<span style='color: #FF5555;'>");  //&c
	// msg = msg.replace(/\[0;35;1m/g, "<span style='color: #FF55FF;'>");  //&d
	// msg = msg.replace(/\[0;33;1m/g, "<span style='color: #FFFF55;'>");  //&e
	// msg = msg.replace(/\[0;37;1m/g, "<span style='color: #FFFFFF;'>");  //&f
	// // msg = msg.replace(/\[m/g, "</span>");  //&f
	
	//Color filter for UNIX (This is easier!)
	//span may not be closed every time but browsers will do for ourselves
	// msg = msg.replace(/§0/g, "<span style='color: #000000;'>"); //&0
	// msg = msg.replace(/§1/g, "<span style='color: #0000AA;'>"); //&1
	// msg = msg.replace(/§2/g, "<span style='color: #00AA00;'>"); //&2
	// msg = msg.replace(/§3/g, "<span style='color: #00AAAA;'>"); //&3
	// msg = msg.replace(/§4/g, "<span style='color: #AA0000;'>"); //&4
	// msg = msg.replace(/§5/g, "<span style='color: #AA00AA;'>"); //&5
	// msg = msg.replace(/§6/g, "<span style='color: #FFAA00;'>"); //&6
	// msg = msg.replace(/§7/g, "<span style='color: #AAAAAA;'>"); //&7
	// msg = msg.replace(/§8/g, "<span style='color: #555555;'>"); //&8
	// msg = msg.replace(/§9/g, "<span style='color: #5555FF;'>"); //&9
	// msg = msg.replace(/§a/g, "<span style='color: #55FF55;'>"); //&a
	// msg = msg.replace(/§b/g, "<span style='color: #55FFFF;'>"); //&b
	// msg = msg.replace(/§c/g, "<span style='color: #FF5555;'>"); //&c
	// msg = msg.replace(/§d/g, "<span style='color: #FF55FF;'>"); //&d
	// msg = msg.replace(/§e/g, "<span style='color: #FFFF55;'>"); //&e
	// msg = msg.replace(/§f/g, "<span style='color: #FFFFFF;'>"); //&f
	
	// msg = msg.replace(/§l/g, "<span style='font-weight:bold;'>"); //&l
	// msg = msg.replace(/§m/g, "<span style='text-decoration: line-through;'>"); //&m
	// msg = msg.replace(/§n/g, "<span style='text-decoration: underline;'>"); //&n
	// msg = msg.replace(/§o/g, "<span style='font-style: italic;'>"); //&o
	
	// msg = msg.replace(/§r/g, "</span>");  //&r


	//Color filter for MC codes.
	msg = msg.replace(/§0/g, "<span style='color: #000000;'>"); //&0
	msg = msg.replace(/§1/g, "<span style='color: #0000AA;'>"); //&1
	msg = msg.replace(/§2/g, "<span style='color: #00AA00;'>"); //&2
	msg = msg.replace(/§3/g, "<span style='color: #00AAAA;'>"); //&3
	msg = msg.replace(/§4/g, "<span style='color: #AA0000;'>"); //&4
	msg = msg.replace(/§5/g, "<span style='color: #AA00AA;'>"); //&5
	msg = msg.replace(/§6/g, "<span style='color: #FFAA00;'>"); //&6
	msg = msg.replace(/§7/g, "<span style='color: #AAAAAA;'>"); //&7
	msg = msg.replace(/§8/g, "<span style='color: #555555;'>"); //&8
	msg = msg.replace(/§9/g, "<span style='color: #5555FF;'>"); //&9
	msg = msg.replace(/§a/g, "<span style='color: #55FF55;'>"); //&a
	msg = msg.replace(/§b/g, "<span style='color: #55FFFF;'>"); //&b
	msg = msg.replace(/§c/g, "<span style='color: #FF5555;'>"); //&c
	msg = msg.replace(/§d/g, "<span style='color: #FF55FF;'>"); //&d
	msg = msg.replace(/§e/g, "<span style='color: #FFFF55;'>"); //&e
	msg = msg.replace(/§f/g, "<span style='color: #FFFFFF;'>"); //&f

	msg = msg.replace(/§l/g, "<span style='font-weight:bold;'>"); //&l
	msg = msg.replace(/§m/g, "<span style='text-decoration: line-through;'>"); //&m
	msg = msg.replace(/§n/g, "<span style='text-decoration: underline;'>"); //&n
	msg = msg.replace(/§o/g, "<span style='font-style: italic;'>"); //&o

	msg = msg.replace(/§r/g, "</span>");  //&r

	//Append datetime if enabled
	if(persistenceManager.getSetting("dateTimePrefix")){
		if(typeof time !== 'undefined') {//if time is present
			if(time !== null) msg = "[" + time + "] " + msg; //and not null
			else msg = "["+new Date().toLocaleTimeString()+"] "+msg; // and is null
		}
	}
	$("#consoleTextArea").append(msg + "<br>");
	if(isScrolledDown){ textArea.scrollTop = textArea.scrollHeight; }
}
/**
* Fill connected players card
*/
function writePlayerInfo(connected, maximum){
	$("#connectedPlayers").text(connected);  $("#maxPlayers").text(maximum);
	const percent = (connected / maximum) * 100;  $("#playerProgressBar").width(percent + "%");
	if(connectionManager.activeConnection){
		$("#playerList").text(connectionManager.activeConnection.players.splice(",&nbsp;&nbsp;"));
	} else $("#playerList").text("");
}
/**
* Fill CPU info card
*/
function writeCpuInfo(usage){
	$("#cpuInfo").text(usage + "%");  $("#CpuProgressBar").width(usage + "%");
}
/**
* Fill RAM info card
*/
function writeRamInfo(free, used, total){
	$("#usedRam").text(used);  $("#totalRam").text(total);
	const percent = (used / total) * 100;  $("#RamProgressBar").width(percent + "%");
}
/**
 * Fill TPS info card
 */
function writeTpsInfo(tps, max){
	if(tps > 20) { tps = 20; }
	$("#tps").text(tps);
	$("#maxTps").text(max);
	const percent = (tps / max) * 100;
	$("#TpsProgressBar").width(percent + "%");
}
/**
* Called from WebConsoleConnector and 'Disconnect' button
*/
function closedConnection(serverName){
	if(connectionManager.activeConnection.serverName === serverName){
		//Disable command input and button
		$("#commandInput").prop("disabled", true);
		$("#sendCommandButton").prop("disabled", true);
		//Inform user
		$('#disconnectionModal').modal('show');
		$("#disconnectionModalReconnectButton").click(function() {
			reconnectServer(serverName);
		});
	}
	connectionManager.deleteConnection(serverName, false);
	clearInterval(statusCommandsInterval); // Stop gathering info from server
	statusCommandsInterval = -1;
	commandHistoryIndex = -1; //Reset command history index
}
/**
* Shows welcome screen
*/
function backToHomepage(){
	clearInterval(statusCommandsInterval); //Stop gathering info from server
	if(connectionManager.activeConnection === null) { $("#consoleTextArea").text(""); }
	statusCommandsInterval = -1;
	commandHistoryIndex = -1; //Reset command history index
	writePlayerInfo(0, 0); writeCpuInfo(0); writeRamInfo(0, 0, 0); //Clear all server indicators
	
	$("#welcomeContainer").show();
	$("#serverContainer").hide();
}
/**
* Update dropdown with saved server list
*/
function updateServerList(){
	//Delete all servers in dropdown
	$('.servermenuitem').remove();
	//Add all servers
	const servers = persistenceManager.getAllServers();
	for(let i = 0; i < servers.length; i++){
		$('#ServerListDropDown').append(`<a class="dropdown-item servermenuitem" onclick="openServer('${servers[i].serverName}')">${servers[i].serverName.replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/'/g,"").replace(/"/g,"")}</a>`);
	}
	//Show a "no servers" message when no servers are added
	if(servers.length === 0){
		$('#ServerListDropDown').append('<a class="dropdown-item servermenuitem disabled"  id="noServersAdded">No servers added</a>');
	}
}