bookmarklet.js

var voteTimeout = null;
var djCheckTimeout = null;
var user = null;

var autoResponseSentTimes = {}
var largeVideoControlsFadeTimeout = null;

themes.sort(function(a,b) {
	if(a.name > b.name) {
		return 1
	} else {
		return -1
	}
})
themes.splice(0,0, {name: 'none', url: null})


var settings = {
	Viditelnost_postav: 1.0,
	Viditelnost_DJe: 1.0,
	Viditelnost_videa: 1.0,
       Viditelnost_chatu: 1.0,
	Automaticky_woot: false,
	inlineImages: true,
	theme:0,
	spaceMute: true,
	autoWootMinTime: 5,
	autoWootMaxTime: 120,
	frontOfLineMessage:true,
	autoRespond: false,
	autoRespondMsg: "Jsem AFK, vydrž chvíli",
	disableOnChat: true,
	chatReplacement: true,
	videoSize: 'normal',
	NastaveniBarev: true,
	rankColors: {
		host: "#ff0000",
		manager: "#00ff4a",
		bouncer: "#ff6800",
		resident_dj: "#ac76ff",
    	friend: "#ac76ff",
		regular: "#00d1ff",
    	self: "#ff6800",
	}
}
var KEYS = {
	SPACE: 32
}
var gui = new dat.GUI();
gui.remember(settings);
gui.remember(settings.rankColors)
gui.add(settings, 'Viditelnost_videa',0,1).onChange(showHideVideo);
gui.add(settings, 'Automaticky_woot').onChange(setWootBehavior);
gui.add(settings, 'inlineImages').onChange(doInlineImages);

gui.add(settings,'videoSize', ['normal','large']).onChange(updateVideoSize)
var themeSettingsObject = {}
for(var i = 0; i < themes.length; i++) {
	var theme = themes[i];
	themeSettingsObject[theme.name] = i;
}
gui.add(settings, 'Theme
', themeSettingsObject).onChange(showTheme)
var afk = gui.addFolder('autoRespond')
afk.add(settings, "autoRespond")
afk.add(settings, "autoRespondMsg")
afk.add(settings, "disableOnChat") //listen didn't seem to work

var NastaveniBarev = gui.addFolder('Nastaveni Barev')
NastaveniBarev.add(settings, "NastaveniBarev").onChange(applyNastaveniBarevClass)
NastaveniBarev.addColor(settings.rankColors, "host")
NastaveniBarev.addColor(settings.rankColors, "manager")
NastaveniBarev.addColor(settings.rankColors, "bouncer")
NastaveniBarev.addColor(settings.rankColors, "resident_dj")
NastaveniBarev.addColor(settings.rankColors, "regular")
//NastaveniBarev.addColor(settings.rankColors, "friend")    // Don't see the ability to get friends from the API
NastaveniBarev.addColor(settings.rankColors, "self");

var advanced = gui.addFolder('advanced')
var showHide = advanced.addFolder('hide stuff')
showHide.add(settings, 'Viditelnost_postav',0,1).onChange(showHideAudience);
showHide.add(settings, 'Viditelnost_DJe',0,1).onChange(showHideDJ)
showHide.add(settings, 'Viditelnost_chatu',0,1).onChange(showHideChat);
advanced.add(settings,'spaceMute')
advanced.add(settings,'autoWootMinTime',0,120)
advanced.add(settings,'autoWootMaxTime',0,120)
advanced.add(settings,'frontOfLineMessage')   
advanced.add(settings, "chatReplacement")
$('.dg').css("z-index",30).css('right','auto').css('top','65px')
$('.dg .save-row').hide()
$('.dg select').css('width', '130px')

//$('body').css('background-size', '100%')
var originalTheme = null;
var inlineImagesInterval = null;
$(once);
function once() {
	if(typeof ran !== "undefined") {
		return;
	}
	ran = true;
	user = API.getUser();
	API.on(API.ADVANCE,advance);
	API.on(API.CHAT, chatReceived);
	$('#playlist-button').on('click', openPlaylist)
	$('body').append('<style type="text/css">#volume .slider { display: block !important; }' +
		'#room.largePlayer #dj-button { z-index:10; -webkit-transition:opacity 0.8s; transition: opacity 0.8s; }' +
		'#room.largePlayer #vote { z-index:10; -webkit-transition:opacity 0.8s; transition: opacity 0.8s; }' +
		'#room.largePlayer #playback { width: 100% !important; height: 101% !important; left:0 !important; pointer-events:none !important; }' +
		'#room.largePlayer #playback-container { width: 100% !important; height: 100% !important; pointer-events:none !important; }' +
		'#room.largePlayer #yt-frame { pointer-events: none !important; }' +
		'body.NastaveniBarev #chat .message .from { color: rgba(0,0,0,0); } '
		+ '</style>')
	$('#meh').on('click', mehClicked);
	//console.log('window key handler');
	window.addEventListener('keyup', documentKeyDown)
	showHideAudience();

	showHideVideo();
       showHideChat();

	doInlineImages();
	//console.log(themes)
	
	setWootBehavior();
	setTimeout(updateVideoSize, 1000)
	showTheme()
	setTimeout(showTheme,3000);
	setTimeout(showTheme,8000);
	applyNastaveniBarevClass()
}
function documentKeyDown(event) {
	var target = event.target.tagName.toLowerCase()
	if(target === 'input') {
		if($(event.target).attr('id') === 'chat-input-field' && settings.chatReplacement) {
			replaceText(event.target)
		}
		return;
	}
	if(event.which === KEYS.SPACE && settings.spaceMute) {
		$('#volume .button').click()
	}

}
function replaceText(ele) {
	var replacements = {
		'/whatever': '-\\_(?)_/-',
		'/tableflip': '(?°?°)?? ???',
		'/tablefix': 'T|T?( o _ o?)',
		'/monocle': '?_??',
		'/disapproval': '?_?',
		'/donger': '????????',
		'/give': '? ? ??? ??'
	}
	$ele = $(ele);
	var curText = $ele.val();
	var newText = "" + curText;
	for(var replacement in replacements) {
		var replacementText = replacements[replacement];
		var reg = new RegExp(replacement,'gi');
		newText = newText.replace(reg,replacementText)
	}
	if(curText !== newText) {
		$ele.val(newText)
	}
}
function showHideAudience() {
	if(settings.Viditelnost_postav === 0) {
		$('#audience').hide();
	} else {
		$('#audience').show().css('opacity',settings.Viditelnost_postav)
	}
}
function showHideVideo() {
	$('#playback').css('opacity',settings.Viditelnost_videa)

}
function showHideDJ() {
	$('#dj-canvas').css('opacity',settings.Viditelnost_DJe)
}
function showHideChat() {
       $('#chat').css('opacity', settings.Viditelnost_chatu);
}

function chatReceived(data) {
	var msg = data.message;
	var username = API.getUser().username;
	var fromSelf = false;
	if(username === data.un) {
		fromSelf = true;
		if(settings.disableOnChat && settings.autoRespond) {
			settings.autoRespond = false;
			updateGUI()

		}
	}
	if(msg.indexOf(username) !== -1 && ! fromSelf) {
		//mentioned
		if(settings.autoRespond) {
			var timeLimitPerUser = 1000 * 60 * 3;
			var now = new Date().getTime();
			var validTime = now - timeLimitPerUser;
			if(typeof autoResponseSentTimes[data.un] === 'undefined' || autoResponseSentTimes[data.un] < validTime) {
				var response = '@' + data.un + ' ' + settings.autoRespondMsg;
				API.sendChat(response);
				autoResponseSentTimes[data.un] = now;
			}
		}
	}
	if(settings.NastaveniBarev) {
		defer(function() {
			applyNastaveniBarev(data)
		})
	}

}
function applyNastaveniBarevClass() {
	if(settings.NastaveniBarev) {
		$('body').addClass('NastaveniBarev')
	} else {
		$('body').removeClass('NastaveniBarev')
	}
}
function applyNastaveniBarev(message) {
	//console.log(message);
	var sel = '[data-cid="' + message.cid +  '"] .from'
	var mods = API.getStaff()
	var isMod = false;
	var modIndex = -1;
	for(var i = 0; i < mods.length; i ++) {
		if(mods[i].id === message.uid) {
			isMod = true;
			modIndex = i;
			break;
		}
  }
  var isSelf = (API.getUser().username === message.un)
  //console.log($(sel))
  if(isSelf) {
    $(sel).css('color', settings.rankColors.self)

  } /*else if(API.getUser(message.uid).relationship === 3 || API.getUser(message.uid).relationship === 2) {       //If they're your friend.
    $(sel).css('color', settings.rankColors.friend)

  } */	else if(isMod) {
		var mod = API.getStaff()[modIndex]
		var permission = mod.role
		var permissionMap = {
			1: settings.rankColors.resident_dj,
			2: settings.rankColors.bouncer,
			3: settings.rankColors.manager,
			4: settings.rankColors.host,
			5: settings.rankColors.host
		}
		$(sel).css('color', permissionMap[permission])


	} else {
		$(sel).css('color', settings.rankColors.regular)
	}
}
function advance(obj)
{
	//console.log('advance')
	//console.log(arguments);
	//console.log(obj);
	clearTimeout(voteTimeout);
	clearTimeout(djCheckTimeout);
	if (obj == null) return; // no dj

	if(settings.Automaticky_woot) {
		var minTime = settings.autoWootMinTime * 1000;
		var maxTime = settings.autoWootMaxTime * 1000;
		if(maxTime < minTime) {
			maxTime = minTime;
		}
		var diffTime = maxTime - maxTime;
		var timer = minTime + diffTime * Math.random();
		voteTimeout = setTimeout(vote,timer);
	}
	if(settings.videoSize === 'large') {
		setTimeout(insertLargeCSS, 200)
	}
	if(settings.frontOfLineMessage) {
		if(API.getWaitListPosition() === 0) {
			API.chatLog("@" + API.getUser().username + " you are next in line, hope you got a good song ready!", true);
			if($('#chat-sound-button .icon').hasClass('icon-chat-sound-on')) {
				document.getElementById("chat-sound").playMentionSound()
			}
		}
	}
}
function setWootBehavior() {
	//console.log('set woot' + settings.Automaticky_woot)
	if(settings.Automaticky_woot) {
		voteTimeout = setTimeout(vote,10000);
	} else {
		clearTimeout(voteTimeout)
	}

}
function vote() {
	//console.log('wooting')
	$('#room #woot').click();
}
function mehClicked() {
	clearTimeout(voteTimeout)
}
function checkIfDJing() {
	return;

	var curDJs = API.getDJs();
	var djing = false;
	for(var i = 0; i < curDJs.length; i++) {
		var dj = curDJs[i];
		if(dj.id === user.id) {
			djing = true;
			break;
		}
	}
	if(djing) {
		return;
	}
	var inWaitList = API.getWaitListPosition();
	if(inWaitList != -1) {
		return;
	}
	$('.button-dj:visible').click();
}
function showTheme() {
	var bgSelector = '.room-background'
	//console.log('show theme');
	if($(bgSelector).length === 0) {
		setTimeout(showTheme, 500)
	}
	if(originalTheme === null) {
		originalTheme = $(bgSelector).css('background-image');
	}
	var Theme = themes[settings.theme];
	if(settings.videoSize === 'normal') {
		//console.log(theme);
		if(theme.name === 'none') {
			$(bgSelector).css('background-image', originaltheme);
			$('#playback .background').show();
		} else {
			$(bgSelector).css('background-image', 'url(https://i.imgur.com/'+theme.url+'.png)');
			$('#playback .background').hide()
		}
	} else {
		$('body').css(bgSelector,'none');
		$('#playback .background').hide()
	}
}

function doInlineImages() {
	if(settings.inlineImages) {
		//console.log('set interval');
		inlineImagesInterval = setInterval(function() {
		    $(".closeImage").off("click");
		    $(".closeImage").on("click", function () {
		        var parent = $(this).parent();
		        var embed = parent.find(".plugEmbed");
		        var src = $(this).data("src");
		        $(this).remove();
		        embed.remove();
		        parent.append("<a href=" + src + ' class="ignore" target="_blank">' + src + "</a>")
		    });
		    function imageLoaded() {
				var objDiv = document.getElementById("chat-messages");
				objDiv.scrollTop = objDiv.scrollHeight;
		    }
		    return $("#chat-messages span.text a").each(function (e, t) {
		    	if($(t).hasClass('ignore')) {
		    		return;
		    	}
		    	var mediacrushMatch;
		    	if (t.href.match(/(\.png|\.gif|\.jpg|\.jpeg)$/i)) {
		    		var img = new Image()
		    		img.onload = imageLoaded;
		    		img.src = t.href
		            return t.outerHTML = "<img class='closeImage' style='position: absolute; right: 0px; cursor: pointer;' src='http://i.imgur.com/JvlpEy9.png' data-src='" + t.href + "'' /><img class='plugEmbed' style='width: 100%' src='" + t.href + "' />"
		        } else if (mediacrushMatch = t.href.match(/\/\/mediacru.sh\/([a-zA-Z0-9]+)/) ) {
		        	var embed = "https://mediacru.sh/" + mediacrushMatch[1] + "/frame"
		        	return t.outerHTML = "<img class='closeImage' style='position: absolute; right: 0px; cursor: pointer;' src='http://i.imgur.com/JvlpEy9.png' data-src='" + t.href + "' /><iframe class='plugEmbed' src='" + embed + "' width='100%' allowFullScreen frameborder='0'></iframe>"
		        	
		        }
		    })
		},1e3)
	} else {
		clearInterval(inlineImagesInterval)
	}
}

function updateGUI() {
	updateControllers(gui)
	updateFolders(gui);
}
function updateFolders(f) {
	if(typeof f === 'undefined') {
		return;
	}
	for(var folderName in f.__folders) {
		var folder = f.__folders[folderName];
		updateControllers(folder);
		updateFolders(folder);
	}
}
function updateVideoSize() {
	if(settings.videoSize === 'normal') {
		applyNormalVideo()
	} else if(settings.videoSize === 'large') {
		applyLargeVideo()

	}
}
function applyNormalVideo() {
	//$('#playback').css('width', '').css('height', '')
	showHideDJ()
	showHideAudience()
	showTheme()
	$('#room').removeClass('largePlayer')
	$('#room').off('mousemove.largeVideoFade', fadeInLargeVideoControls)
	clearTimeout(largeVideoControlsFadeTimeout);
	$('#dj-button, #vote').css('opacity',1)

	$(window).resize();
}
function applyLargeVideo() {
	clearTimeout(largeVideoControlsFadeTimeout)
	var playback = $('#playback')

	$('#dj-canvas, #audience').show().css('opacity',0)
	$('#room').addClass('largePlayer')
	showTheme(); //#hide bg image
	insertLargeCSS()
	largeVideoControlsFadeTimeout = setTimeout(function() {
		$('#dj-button, #vote').css('opacity',0)
	},1000)
	$('#room').on('mousemove.largeVideoFade', fadeInLargeVideoControls)

}

function fadeInLargeVideoControls() {
	clearTimeout(largeVideoControlsFadeTimeout)
	$('#dj-button, #vote').css('opacity',1)
	largeVideoControlsFadeTimeout = setTimeout(function() {
		$('#dj-button, #vote').css('opacity',0)
	},2000)

}
function openPlaylist() {
	/*
	the button gets switched before we recieve the event
	so we look for the close button to determine if we are open(ing)
	*/
	if($(this).find('.icon-playlist-close').length > 0) {
		gui.close()
	}
}
function insertLargeCSS() {
	var src = $('#yt-frame').attr('src')
	if(src.indexOf('http') === 0) {
		return;
	}
	
	var cssLink = document.createElement("style")
	cssLink.textContent = "canvas { width: 100% !important; height: 100% !important; left: 0 !important; top: 0 !important; margin:0 !important; }"
	cssLink.type = "text/css";
	frames['yt-frame'].contentWindow.document.body.appendChild(cssLink);

}
function updateControllers(o) {
	for (var i in o.__controllers) {
		o.__controllers[i].updateDisplay();
	}
}
function defer(callback) {
	setTimeout(callback,0)
}