ensl_gathers/lib/react/init.jsx

"use strict";

var socket, soundController;

var initialiseVisibilityMonitoring = (socket) => {
	let hidden, visibilityChange; 
	if (typeof document.hidden !== "undefined") { // Opera 12.10 and Firefox 18 and later support 
	  hidden = "hidden";
	  visibilityChange = "visibilitychange";
	} else if (typeof document.mozHidden !== "undefined") {
	  hidden = "mozHidden";
	  visibilityChange = "mozvisibilitychange";
	} else if (typeof document.msHidden !== "undefined") {
	  hidden = "msHidden";
	  visibilityChange = "msvisibilitychange";
	} else if (typeof document.webkitHidden !== "undefined") {
	  hidden = "webkitHidden";
	  visibilityChange = "webkitvisibilitychange";
	}

	document.addEventListener(visibilityChange, () => {
		if (document[hidden]) {
			socket.emit("users:away");
		} else {
			socket.emit("users:online");
		}
	}, false);
}

var removeAuthWidget = () => $("#authenticating").remove();

var showAuthenticationNotice = () => $("#auth-required").show();

var showGatherBanNotice = () => $("#gather-banned").show();

var initialiseComponents = () => {
	let socketUrl = window.location.protocol + "//" + window.location.host;
	socket = io(socketUrl)
		.on("connect", () => {
			console.log("Connected");
			removeAuthWidget();
			soundController = new SoundController({
				socket: socket
			});
			React.render(<App socket={socket} soundController={soundController}/>, 
				document.getElementById("body_content"));
			socket.on("reconnect", () => {
					console.log("Reconnected");
					socket.emit("message:refresh");
					socket.emit("gather:refresh");
					socket.emit("users:refresh");
				})
				.on("disconnect", () => {
					console.log("Disconnected")
				});
		})
		.on("error", (error, foo) => {
			console.log(error);
			if (error === "Authentication Failed") {
				removeAuthWidget();
				showAuthenticationNotice();
			} else if (error === "Gather Banned") {
				removeAuthWidget();
				showGatherBanNotice();
			}
		});
};