'use strict';
const VERSION = "1";

const DefaultUserOps = {
	color: {
		type: "color",
		title: "Player Color",
		args: ["#ff0000"]
	},
	name: {
		type: "text",
		title: "Player Name",
		args: ["User " + Math.floor(Math.random() * 10000), ""]
	}
}

const DefaultGameOps = {
	name: {
		type:"text",
		title: "Room Name",
		args: ["", ""]
	},
	hidden: {
		type: "checkbox",
		title: "Unlisted",
		args: []
	},
	usePass: {
		type: "checkbox",
		title: "Use Password",
		args: []
	},
	pass: {
		type: "text",
		title: "Set Password",
		args: [Math.floor(Math.random() * 10000), ""]
	}
}

// Client acts as the message hub for the whole game.
// WebSocket messages come into Client and Client redirects them to the lobby or table based on the state of the game.
// Client also performs the handshake for first starting the connection and messages everyone if the connection errors or closes.
class Client{

	constructor (s, g, p)
	{
		window.onpopstate = this.stateChange.bind(this);

		this.socket = new SockWorker(s, VERSION);
		this.socket.addEventListener("error", this.socketError.bind(this));
		this.socket.addEventListener("closed", this.socketClose.bind(this));
		this.socket.addEventListener("handshake", this.handshake.bind(this));
		this.socket.addEventListener("lobby", this.lobbyMsg.bind(this));
		this.socket.addEventListener("game", this.gameMsg.bind(this));
		this.socket.addEventListener("chat", this.chatMsg.bind(this));
		this.socket.addEventListener("ping", this.pingMsg.bind(this));

		this.lobby = new Lobby(document.getElementsByClassName("lobby")[0], this.socket);
		this.lobby.setState("Connecting", "loading", this.socket.server);
		
		this.drag = new MultiDrag(document.getElementsByTagName("drag")[0]);
		this.table = new Table(document.getElementsByClassName("table")[0], this.drag, this.socket);

		this.chat = new Chat(document.getElementsByClassName("chat")[0], this.socket);
		this.chat.addChannel({name: "Global", id: "global", follow: true});

		this.settings = new Settings(DefaultUserOps);
		this.settings.putSettings(this.lobby.e.settings);

		this.gameOptions = new Settings(DefaultGameOps);
		this.gameOptions.putSettings(this.lobby.top.newGame);

		this.game = {id: g, pass: p};
		this.inGame = false;
		window.history.replaceState(this.game, "", window.location);
	}

	// Initialize the connection
	init ()
	{
		this.socket.init();
	}

	// Callbacks for if the socket fails or closes

	socketError() {
		this.lobby.setState("Error", "closed", this.socket.server);
		this.table.handleClose();
	}

	socketClose() {
		this.lobby.setState("Closed", "closed", this.socket.server);
		this.table.handleClose();
	}

	// Callback when negotiating with the server for the first time and we are determining versions
	handshake (e)
	{
		let m = e.detail
		switch (m.type) {
			case "verr":
				this.socket.close();
				
				alert(`Error connecting to server: version of client (${VERSION}) not accepted.`);
				
				console.error(`Error connecting to server: version of client (${VERSION}) not accepted.`);
				
				console.error(m.data);
				
				return;
			case "err":
					this.socket.close();
					
					alert(`Error connecting to server: ${m.data}`);
					
					console.error(`Error connecting to server: ${m.data}`);
					
					return;

			case "ready":
				console.log(`Handshake with server OK.  Running client version ${VERSION}`);

				this.lobby.setState("Connected", "ok", this.socket.server)

				this.settings.cleanup();
				this.gameOptions.cleanup();
				
				this.settings = new Settings(m.data.user);
				this.settings.addEventListener("change", (() => {this.socket.send("options", this.settings.getSettings())}).bind(this));
				
				m.data.game.new = {
					type: "button",
					title: "",
					args: ["Create and Join"]
				}
				this.gameOptions = new Settings(m.data.game);
				this.gameOptions.addEventListener("click", ((e) => {
					this.lobby.newGame();
					if(e.detail == "new")
						this.socket.send("create", this.gameOptions.getSettings());
				}).bind(this));

				this.gameOptions.putSettings(this.lobby.top.newGame);
				
				if(this.lobby.top.mobileSettingsOpen())
					this.settings.putSettings(this.lobby.top.mobileSettings);
				else
					this.settings.putSettings(this.lobby.e.settings);
				
				this.socket.send("ready", "");

				if (this.game.id != null) {
					this.joinGame(this.game, false);
				}
				
				return;
		}
	}

	// Menu switch, called when in the lobby and a message arrives from the server
	lobbyMsg (e)
	{
		let m = e.detail;

		if (LOBBY_RPC.includes(m.type))
			this.lobby[m.type](m.data);
	}

	// Game switch, called when in game and a message arrives from the server
	gameMsg (e)
	{
		let m = e.detail;

		switch (m.type) {
		case "nojoin":
			alert(`Failed to join game. ${m.data}`);
			break;
		case "leave":
			if (this.game.id !== m.data && this.game.id != null) {
				this.lobby.setState("Joining...", "loading", this.socket.server);
				this.socket.send("join", this.game);
			} else {
				this.lobby.setState("Connected", "ok", this.socket.server);
			}

			this.inGame = false;
			break;
		case "join":
			this.table.reset();
			this.table.openTable();
			this.lobby.setState("In Game", "ok", this.socket.server);
			this.inGame = true;
			break;
		default:
			if (TABLE_RPC.includes(m.type) && this.inGame)
				this.table[m.type](m.data);
			break;
		}
	}

	// Callback when a chat event is recieved from the server
	chatMsg (e)
	{
		let m = e.detail;

		if (CHAT_RPC.includes(m.type))
			this.chat[m.type](m.data);
	}

	pingMsg(e)
	{
		this.socket.send("pong", "");
	}

	// Reset the lobby and table, then attempt to reopen the connection to the server.
	reset ()
	{
		this.lobby.reset();
		this.table.reset();

		this.socket.init();
	}

	joinGame(game, state=true)
	{
		if (state) {
			let u = new URL(window.location);
			u.searchParams.set("g", game.id);
			u.searchParams.set("p", game.pass);
			window.history.pushState(game, "", u);
		}

		this.lobby.setState("Joining...", "loading", this.socket.server);
		this.socket.send("join", game);
	}

	joinGameByID(id)
	{
		let g = this.lobby.games[id];
		if (g != null) {
			this.joinGame({id: id, pass: g.getPass()});
		}
	}

	leaveGame()
	{
		this.socket.send("leave", "");
	}

	stateChange(e) {
		this.table.reset();
		this.game = e.state;

		if (this.inGame) {
			this.leaveGame();
		} else {
			this.joinGame(e.state, false);
		}
	}
}

// Global init of the game variable

let game;

(() => {
	let params = new URLSearchParams((new URL(window.location)).search);
	game = new Client(params.get("s"), params.get("g"), params.get("p"));
	game.init();
})();