1687 lines
53 KiB
JavaScript
1687 lines
53 KiB
JavaScript
/* BetterDiscordApp Core JavaScript
|
||
* Version: 1.52
|
||
* Author: Jiiks | http://jiiks.net
|
||
* Date: 27/08/2015 - 16:36
|
||
* Last Update: 24/010/2015 - 17:27
|
||
* https://github.com/Jiiks/BetterDiscordApp
|
||
*/
|
||
|
||
|
||
var settingsPanel, emoteModule, utils, quickEmoteMenu, opublicServers, voiceMode, pluginModule, themeModule;
|
||
var jsVersion = 1.57;
|
||
var supportedVersion = "0.2.3";
|
||
|
||
var mainObserver;
|
||
|
||
var twitchEmoteUrlStart = "https://static-cdn.jtvnw.net/emoticons/v1/";
|
||
var twitchEmoteUrlEnd = "/1.0";
|
||
var ffzEmoteUrlStart = "https://cdn.frankerfacez.com/emoticon/";
|
||
var ffzEmoteUrlEnd = "/1";
|
||
var bttvEmoteUrlStart = "https://cdn.betterttv.net/emote/";
|
||
var bttvEmoteUrlEnd = "/1x";
|
||
|
||
var mainCore;
|
||
|
||
var settings = {
|
||
"Save logs locally": { "id": "bda-gs-0", "info": "Saves chat logs locally", "implemented": false },
|
||
"Public Servers": { "id": "bda-gs-1", "info": "Display public servers button", "implemented": true },
|
||
"Minimal Mode": { "id": "bda-gs-2", "info": "Hide elements and reduce the size of elements.", "implemented": true },
|
||
"Voice Mode": { "id": "bda-gs-4", "info": "Only show voice chat", "implemented": true },
|
||
"Hide Channels": { "id": "bda-gs-3", "info": "Hide channels in minimal mode", "implemented": true },
|
||
"Quick Emote Menu": { "id": "bda-es-0", "info": "Show quick emote menu for adding emotes", "implemented": true },
|
||
"Show Emotes": { "id": "bda-es-7", "info": "Show any emotes", "implemented": true },
|
||
"FrankerFaceZ Emotes": { "id": "bda-es-1", "info": "Show FrankerFaceZ Emotes", "implemented": true },
|
||
"BetterTTV Emotes": { "id": "bda-es-2", "info": "Show BetterTTV Emotes", "implemented": true },
|
||
"Emote Autocomplete": { "id": "bda-es-3", "info": "Autocomplete emote commands", "implemented": false },
|
||
"Emote Auto Capitalization": { "id": "bda-es-4", "info": "Autocapitalize emote commands", "implemented": true },
|
||
"Override Default Emotes": { "id": "bda-es-5", "info": "Override default emotes", "implemented": false },
|
||
"Show Names": { "id": "bda-es-6", "info": "Show emote names on hover", "implemented": true }
|
||
}
|
||
|
||
var links = {
|
||
"Jiiks.net": { "text": "Jiiks.net", "href": "http://jiiks.net", "target": "_blank" },
|
||
"twitter": { "text": "Twitter", "href": "http://twitter.com/jiiksi", "target": "_blank" },
|
||
"github": { "text": "Github", "href": "http://github.com/jiiks", "target": "_blank" }
|
||
};
|
||
|
||
var defaultCookie = {
|
||
"version": jsVersion,
|
||
"bda-gs-0": false,
|
||
"bda-gs-1": true,
|
||
"bda-gs-2": false,
|
||
"bda-gs-3": false,
|
||
"bda-gs-4": false,
|
||
"bda-es-0": true,
|
||
"bda-es-1": true,
|
||
"bda-es-2": true,
|
||
"bda-es-3": false,
|
||
"bda-es-4": false,
|
||
"bda-es-5": true,
|
||
"bda-es-6": true,
|
||
"bda-es-7": true,
|
||
"bda-jd": true
|
||
};
|
||
|
||
var bdchangelog = {
|
||
"changes": {
|
||
"api": {
|
||
"title": "Api Functions!",
|
||
"text": "New api events!",
|
||
"img": ""
|
||
},
|
||
"dec": {
|
||
"title": "Decorations&Snow!",
|
||
"text": "Decorations and snow have been removed.",
|
||
"img": ""
|
||
}
|
||
},
|
||
"fixes": {
|
||
"emotes": {
|
||
"title": "Sub emotes!",
|
||
"text": "Discord sub emotes are now replaced by BetterDiscord sub emotes and can be favorited!",
|
||
"img": ""
|
||
}
|
||
},
|
||
"upcoming": {
|
||
"ignore": {
|
||
"title": "Ignore User!",
|
||
"text": "Ignore users you don't like!",
|
||
"img": ""
|
||
}
|
||
}
|
||
};
|
||
|
||
var settingsCookie = {};
|
||
|
||
function Core() {}
|
||
|
||
Core.prototype.init = function() {
|
||
var self = this;
|
||
|
||
if(version < supportedVersion) {
|
||
this.alert("Not Supported", "BetterDiscord v" + version + "(your version)" + " is not supported by the latest js("+jsVersion+").<br><br> Please download the latest version from <a href='https://betterdiscord.net' target='_blank'>BetterDiscord.net</a>");
|
||
return;
|
||
}
|
||
|
||
|
||
|
||
|
||
utils = new Utils();
|
||
var sock = new BdWSocket();
|
||
sock.start();
|
||
utils.getHash();
|
||
emoteModule = new EmoteModule();
|
||
quickEmoteMenu = new QuickEmoteMenu();
|
||
voiceMode = new VoiceMode();
|
||
|
||
emoteModule.init();
|
||
|
||
this.initSettings();
|
||
this.initObserver();
|
||
|
||
//Incase were too fast
|
||
function gwDefer() {
|
||
console.log(new Date().getTime() + " Defer");
|
||
if($(".guilds-wrapper .guilds").children().length > 0) {
|
||
console.log(new Date().getTime() + " Defer Loaded");
|
||
var guilds = $(".guilds li:first-child");
|
||
|
||
guilds.after($("<li></li>", { id: "bd-pub-li", css: { "height": "20px", "display": settingsCookie["bda-gs-1"] == true ? "" : "none" } }).append($("<div/>", { class: "guild-inner", css: { "height": "20px", "border-radius": "4px" } }).append($("<a/>").append($("<div/>", { css: { "line-height": "20px", "font-size": "12px" }, text: "public", id: "bd-pub-button" })))));
|
||
|
||
var showChannelsButton = $("<button/>", {
|
||
class: "btn",
|
||
id: "bd-show-channels",
|
||
text: "R",
|
||
css: {
|
||
"cursor": "pointer"
|
||
},
|
||
click: function() {
|
||
settingsCookie["bda-gs-3"] = false;
|
||
$("body").removeClass("bd-minimal-chan");
|
||
self.saveSettings();
|
||
}
|
||
});
|
||
|
||
$(".guilds-wrapper").prepend(showChannelsButton);
|
||
|
||
opublicServers = new PublicServers();
|
||
|
||
pluginModule = new PluginModule();
|
||
pluginModule.loadPlugins();
|
||
if(typeof(themesupport2) !== "undefined") {
|
||
themeModule = new ThemeModule();
|
||
themeModule.loadThemes();
|
||
}
|
||
|
||
settingsPanel = new SettingsPanel();
|
||
settingsPanel.init();
|
||
|
||
quickEmoteMenu.init(false);
|
||
|
||
$("#tc-settings-button").on("click", function() { settingsPanel.show(); });
|
||
$("#bd-pub-button").on("click", function() { opublicServers.show(); });
|
||
|
||
opublicServers.init();
|
||
|
||
emoteModule.autoCapitalize();
|
||
|
||
|
||
|
||
|
||
/*Display new features in BetterDiscord*/
|
||
if(settingsCookie["version"] < jsVersion) {
|
||
var cl = self.constructChangelog();
|
||
$("body").append(cl);
|
||
settingsCookie["version"] = jsVersion;
|
||
self.saveSettings();
|
||
}
|
||
|
||
$("head").append("<style>.CodeMirror{ min-width:100%; }</style>");
|
||
|
||
} else {
|
||
setTimeout(gwDefer, 100);
|
||
}
|
||
}
|
||
|
||
|
||
$(document).ready(function() {
|
||
setTimeout(gwDefer, 1000);
|
||
});
|
||
};
|
||
|
||
Core.prototype.initSettings = function() {
|
||
if($.cookie("better-discord") == undefined) {
|
||
settingsCookie = defaultCookie;
|
||
this.saveSettings();
|
||
} else {
|
||
this.loadSettings();
|
||
|
||
for(var setting in defaultCookie) {
|
||
if(settingsCookie[setting] == undefined) {
|
||
settingsCookie[setting] = defaultCookie[setting];
|
||
this.saveSettings();
|
||
}
|
||
}
|
||
}
|
||
};
|
||
|
||
Core.prototype.saveSettings = function() {
|
||
$.cookie("better-discord", JSON.stringify(settingsCookie), { expires: 365, path: '/' });
|
||
};
|
||
|
||
Core.prototype.loadSettings = function() {
|
||
settingsCookie = JSON.parse($.cookie("better-discord"));
|
||
};
|
||
|
||
Core.prototype.initObserver = function() {
|
||
|
||
mainObserver = new MutationObserver(function(mutations) {
|
||
mutations.forEach(function(mutation) {
|
||
if(mutation.target.getAttribute('class') != null) {
|
||
if(mutation.target.getAttribute('class').indexOf("titlebar") != -1) {
|
||
quickEmoteMenu.obsCallback();
|
||
voiceMode.obsCallback();
|
||
if(typeof pluginModule !== "undefined") pluginModule.channelSwitch();
|
||
}
|
||
if(mutation.target.getAttribute('class').indexOf('scroller messages') != -1) {
|
||
if(typeof pluginModule !== "undefined") pluginModule.newMessage();
|
||
}
|
||
}
|
||
emoteModule.obsCallback(mutation);
|
||
|
||
});
|
||
});
|
||
|
||
//noinspection JSCheckFunctionSignatures
|
||
mainObserver.observe(document, { childList: true, subtree: true });
|
||
};
|
||
|
||
Core.prototype.constructChangelog = function() {
|
||
var changeLog = '' +
|
||
'<div id="bd-wn-modal" class="modal" style="opacity:1;">' +
|
||
' <div class="modal-inner">' +
|
||
' <div id="bdcl" class="change-log"> ' +
|
||
' <div class="header">' +
|
||
' <strong>What\'s new in BetterDiscord JS v1.53&' + jsVersion + '</strong>' +
|
||
' <button class="close" onclick=\'$("#bd-wn-modal").remove();\'></button>' +
|
||
' </div><!--header-->' +
|
||
' <div class="scroller-wrap">' +
|
||
' <div class="scroller">';
|
||
|
||
if(bdchangelog.changes != null) {
|
||
changeLog += '' +
|
||
'<h1 class="changelog-added">' +
|
||
' <span>New Stuff</span>' +
|
||
'</h1>' +
|
||
'<ul>';
|
||
|
||
for(var change in bdchangelog.changes) {
|
||
change = bdchangelog.changes[change];
|
||
|
||
changeLog += '' +
|
||
'<li>' +
|
||
' <strong>'+change.title+'</strong>' +
|
||
' <div>'+change.text+'</div>' +
|
||
'</li>';
|
||
}
|
||
|
||
changeLog += '</ul>';
|
||
}
|
||
|
||
if(bdchangelog.fixes != null) {
|
||
changeLog += '' +
|
||
'<h1 class="changelog-fixed">' +
|
||
' <span>Fixed</span>' +
|
||
'</h1>' +
|
||
'<ul>';
|
||
|
||
for(var fix in bdchangelog.fixes) {
|
||
fix = bdchangelog.fixes[fix];
|
||
|
||
changeLog += '' +
|
||
'<li>' +
|
||
' <strong>'+fix.title+'</strong>' +
|
||
' <div>'+fix.text+'</div>' +
|
||
'</li>';
|
||
}
|
||
|
||
changeLog += '</ul>';
|
||
}
|
||
|
||
if(bdchangelog.upcoming != null) {
|
||
changeLog += '' +
|
||
'<h1 class="changelog-in-progress">' +
|
||
' <span>Coming Soon</span>' +
|
||
'</h1>' +
|
||
'<ul>';
|
||
|
||
for(var upc in bdchangelog.upcoming) {
|
||
upc = bdchangelog.upcoming[upc];
|
||
|
||
changeLog += '' +
|
||
'<li>' +
|
||
' <strong>'+upc.title+'</strong>' +
|
||
' <div>'+upc.text+'</div>' +
|
||
'</li>';
|
||
}
|
||
|
||
changeLog += '</ul>';
|
||
}
|
||
|
||
changeLog += '' +
|
||
' </div><!--scoller-->' +
|
||
' </div><!--scroller-wrap-->' +
|
||
' <div class="footer">' +
|
||
' </div><!--footer-->' +
|
||
' </div><!--change-log-->' +
|
||
' </div><!--modal-inner-->' +
|
||
'</div><!--modal-->';
|
||
|
||
return changeLog;
|
||
};
|
||
|
||
Core.prototype.alert = function(title, text) {
|
||
$("body").append('' +
|
||
'<div class="bd-alert">' +
|
||
' <div class="bd-alert-header">' +
|
||
' <span>'+title+'</span>' +
|
||
' <div class="bd-alert-closebtn" onclick="$(this).parent().parent().remove();">×</div>' +
|
||
' </div>' +
|
||
' <div class="bd-alert-body">' +
|
||
' <div class="scroller-wrap dark fade">' +
|
||
' <div class="scroller">'+text+'</div>' +
|
||
' </div>' +
|
||
' </div>' +
|
||
'</div>');
|
||
};
|
||
|
||
/* BetterDiscordApp EmoteModule JavaScript
|
||
* Version: 1.5
|
||
* Author: Jiiks | http://jiiks.net
|
||
* Date: 26/08/2015 - 15:29
|
||
* Last Update: 14/10/2015 - 09:48
|
||
* https://github.com/Jiiks/BetterDiscordApp
|
||
* Note: Due to conflicts autocapitalize only supports global emotes
|
||
*/
|
||
|
||
/*
|
||
* =Changelog=
|
||
* -v1.5
|
||
* --Twitchemotes.com api
|
||
*/
|
||
|
||
var emotesFfz = {};
|
||
var emotesBTTV = {};
|
||
var emotesTwitch = { "emotes": { "emote": { "image_id": 0 } } }; //for ide
|
||
var subEmotesTwitch = {};
|
||
|
||
function EmoteModule() {
|
||
}
|
||
|
||
EmoteModule.prototype.init = function() {
|
||
};
|
||
|
||
EmoteModule.prototype.getBlacklist = function() {
|
||
$.getJSON("https://cdn.rawgit.com/Jiiks/betterDiscordApp/"+_hash+"/emotefilter.json", function(data) { bemotes = data.blacklist; });
|
||
};
|
||
|
||
EmoteModule.prototype.obsCallback = function(mutation) {
|
||
var self = this;
|
||
|
||
if(!settingsCookie["bda-es-7"]) return;
|
||
|
||
$(".emoji").each(function() {
|
||
var t = $(this);
|
||
if(t.attr("src").indexOf(".png") != -1) {
|
||
t.replaceWith("<span>" + t.attr("alt") + "</span>");
|
||
}
|
||
});
|
||
|
||
for(var i = 0 ; i < mutation.addedNodes.length ; ++i) {
|
||
var next = mutation.addedNodes.item(i);
|
||
if(next) {
|
||
var nodes = self.getNodes(next);
|
||
for(var node in nodes) {
|
||
if(nodes.hasOwnProperty(node)) {
|
||
self.injectEmote(nodes[node]);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
};
|
||
|
||
EmoteModule.prototype.getNodes = function(node) {
|
||
var next;
|
||
var nodes = [];
|
||
|
||
var treeWalker = document.createTreeWalker(node, NodeFilter.SHOW_TEXT, null, false);
|
||
|
||
while(next = treeWalker.nextNode()) {
|
||
nodes.push(next);
|
||
}
|
||
|
||
|
||
return nodes;
|
||
};
|
||
|
||
var bemotes = [];
|
||
var spoilered = [];
|
||
|
||
EmoteModule.prototype.injectEmote = function(node) {
|
||
|
||
if(typeof emotesTwitch === 'undefined') return;
|
||
|
||
if(!node.parentElement) return;
|
||
|
||
var parent = node.parentElement;
|
||
|
||
if(parent.tagName != "SPAN") return;
|
||
|
||
var edited = false;
|
||
|
||
if($(parent.parentElement).hasClass("edited")) {
|
||
parent = parent.parentElement.parentElement.firstChild; //:D
|
||
edited = true;
|
||
}
|
||
|
||
//if(!$(parent.parentElement).hasClass("markup") && !$(parent.parentElement).hasClass("message-content")) return;
|
||
|
||
function inject() {
|
||
if(!$(parent.parentElement).hasClass("markup") && !$(parent.parentElement).hasClass("message-content")) { return; }
|
||
|
||
var parentInnerHTML = parent.innerHTML;
|
||
|
||
var words = parentInnerHTML.split(/\s+/g);
|
||
|
||
if(!words) return;
|
||
|
||
words.some(function(word) {
|
||
if(word.slice(0, 4) == "[!s]" ) {
|
||
|
||
parentInnerHTML = parentInnerHTML.replace("[!s]", "");
|
||
var markup = $(parent).parent();
|
||
var reactId = markup.attr("data-reactid");
|
||
|
||
if(spoilered.indexOf(reactId) > -1) {
|
||
return;
|
||
}
|
||
|
||
markup.addClass("spoiler");
|
||
markup.on("click", function() {
|
||
$(this).removeClass("spoiler");
|
||
spoilered.push($(this).attr("data-reactid"));
|
||
});
|
||
|
||
return;
|
||
}
|
||
|
||
if(word.length < 4) {
|
||
return;
|
||
}
|
||
|
||
if(word == "ClauZ") {
|
||
parentInnerHTML = parentInnerHTML.replace("ClauZ", '<img src="https://cdn.frankerfacez.com/emoticon/70852/1" style="width:25px; transform:translate(-29px, -14px);"></img>');
|
||
return;
|
||
}
|
||
|
||
if($.inArray(word, bemotes) != -1) return;
|
||
|
||
if (emotesTwitch.emotes.hasOwnProperty(word)) {
|
||
var len = Math.round(word.length / 4);
|
||
var name = word.substr(0, len) + "\uFDD9" + word.substr(len, len) + "\uFDD9" + word.substr(len * 2, len) + "\uFDD9" + word.substr(len * 3);
|
||
var url = twitchEmoteUrlStart + emotesTwitch.emotes[word].image_id + twitchEmoteUrlEnd;
|
||
parentInnerHTML = parentInnerHTML.replace(word, '<div class="emotewrapper"><img class="emote" alt="' + name + '" src="' + url + '" /><input onclick=\'quickEmoteMenu.favorite(\"'+name+'\", \"'+url+'\");\' class="fav" title="Favorite!" type="button"></div>');
|
||
return;
|
||
}
|
||
|
||
if (typeof emotesFfz !== 'undefined' && settingsCookie["bda-es-1"]) {
|
||
if (emotesFfz.hasOwnProperty(word)) {
|
||
var len = Math.round(word.length / 4);
|
||
var name = word.substr(0, len) + "\uFDD9" + word.substr(len, len) + "\uFDD9" + word.substr(len * 2, len) + "\uFDD9" + word.substr(len * 3);
|
||
var url = ffzEmoteUrlStart + emotesFfz[word] + ffzEmoteUrlEnd;
|
||
|
||
parentInnerHTML = parentInnerHTML.replace(word, '<div class="emotewrapper"><img class="emote" alt="' + name + '" src="' + url + '" /><input onclick=\'quickEmoteMenu.favorite(\"'+name+'\", \"'+url+'\");\' class="fav" title="Favorite!" type="button"></div>');
|
||
return;
|
||
}
|
||
}
|
||
|
||
if (typeof emotesBTTV !== 'undefined' && settingsCookie["bda-es-2"]) {
|
||
if (emotesBTTV.hasOwnProperty(word)) {
|
||
var len = Math.round(word.length / 4);
|
||
var name = word.substr(0, len) + "\uFDD9" + word.substr(len, len) + "\uFDD9" + word.substr(len * 2, len) + "\uFDD9" + word.substr(len * 3);
|
||
var url = emotesBTTV[word];
|
||
parentInnerHTML = parentInnerHTML.replace(word, '<div class="emotewrapper"><img class="emote" alt="' + name + '" src="' + url + '" /><input onclick=\'quickEmoteMenu.favorite(\"'+name+'\", \"'+url+'\");\' class="fav" title="Favorite!" type="button"></div>');
|
||
return;
|
||
}
|
||
}
|
||
|
||
if(typeof emotesBTTV2 !== 'undefined' && settingsCookie["bda-es-2"]) {
|
||
if(emotesBTTV2.hasOwnProperty(word)) {
|
||
var len = Math.round(word.length / 4);
|
||
var name = word.substr(0, len) + "\uFDD9" + word.substr(len, len) + "\uFDD9" + word.substr(len * 2, len) + "\uFDD9" + word.substr(len * 3);
|
||
var url = bttvEmoteUrlStart + emotesBTTV2[word] + bttvEmoteUrlEnd;
|
||
parentInnerHTML = parentInnerHTML.replace(word, '<div class="emotewrapper"><img class="emote" alt="' + name + '" src="' + url + '" /><input onclick=\'quickEmoteMenu.favorite(\"'+name+'\", \"'+url+'\");\' class="fav" title="Favorite!" type="button"></div>');
|
||
return;
|
||
}
|
||
}
|
||
|
||
if (subEmotesTwitch.hasOwnProperty(word)) {
|
||
var len = Math.round(word.length / 4);
|
||
var name = word.substr(0, len) + "\uFDD9" + word.substr(len, len) + "\uFDD9" + word.substr(len * 2, len) + "\uFDD9" + word.substr(len * 3);
|
||
var url = twitchEmoteUrlStart + subEmotesTwitch[word] + twitchEmoteUrlEnd;
|
||
parentInnerHTML = parentInnerHTML.replace(word, '<div class="emotewrapper"><img class="emote" alt="' + name + '" src="' + url + '" /><input onclick=\'quickEmoteMenu.favorite(\"'+name+'\", \"'+url+'\");\' class="fav" title="Favorite!" type="button"></div>');
|
||
return;
|
||
}
|
||
});
|
||
|
||
if(parent.parentElement == null) return;
|
||
|
||
var oldHeight = parent.parentElement.offsetHeight;
|
||
parent.innerHTML = parentInnerHTML.replace(new RegExp("\uFDD9", "g"), "");
|
||
var newHeight = parent.parentElement.offsetHeight;
|
||
|
||
//Scrollfix
|
||
var scrollPane = $(".scroller.messages").first();
|
||
scrollPane.scrollTop(scrollPane.scrollTop() + (newHeight - oldHeight));
|
||
}
|
||
|
||
if(edited) {
|
||
setTimeout(inject, 250);
|
||
} else {
|
||
inject();
|
||
}
|
||
|
||
};
|
||
|
||
EmoteModule.prototype.autoCapitalize = function() {
|
||
|
||
var self = this;
|
||
|
||
$('body').delegate($(".channel-textarea-inner textarea"), 'keyup change paste', function() {
|
||
if(!settingsCookie["bda-es-4"]) return;
|
||
|
||
var text = $(".channel-textarea-inner textarea").val();
|
||
|
||
if(text == undefined) return;
|
||
|
||
var lastWord = text.split(" ").pop();
|
||
if(lastWord.length > 3) {
|
||
if(lastWord == "danSgame") return;
|
||
var ret = self.capitalize(lastWord.toLowerCase());
|
||
if(ret !== null && ret !== undefined) {
|
||
$(".channel-textarea-inner textarea").val(text.replace(lastWord, ret));
|
||
}
|
||
}
|
||
});
|
||
};
|
||
|
||
EmoteModule.prototype.capitalize = function(value) {
|
||
var res = emotesTwitch.emotes;
|
||
for(var p in res){
|
||
if(res.hasOwnProperty(p) && value == (p+ '').toLowerCase()){
|
||
return p;
|
||
}
|
||
}
|
||
};
|
||
|
||
/* BetterDiscordApp PublicSevers JavaScripts
|
||
* Version: 1.0
|
||
* Author: Jiiks | http://jiiks.net
|
||
* Date: 27/08/2015 - 14:16
|
||
* https://github.com/Jiiks/BetterDiscordApp
|
||
*/
|
||
|
||
var publicServers = { "servers": { "server": { "code": 0, "icon": null, "title": "title", "language": "EN", "description": "description" } } }; //for ide
|
||
|
||
function PublicServers() {
|
||
|
||
}
|
||
|
||
PublicServers.prototype.getPanel = function() {
|
||
return this.container;
|
||
};
|
||
|
||
PublicServers.prototype.init = function() {
|
||
|
||
var self = this;
|
||
|
||
this.container = $("<div/>", {
|
||
id: "bd-ps-container",
|
||
style: "display:none"
|
||
});
|
||
|
||
var header = $("<div/>", {
|
||
id: "bd-ps-header"
|
||
});
|
||
|
||
$("<h2/>", {
|
||
text: "Public Servers"
|
||
}).appendTo(header);
|
||
|
||
$("<span/>", {
|
||
id: "bd-ps-close",
|
||
style:"cursor:pointer;",
|
||
text: "X"
|
||
}).appendTo(header);
|
||
|
||
header.appendTo(this.getPanel());
|
||
|
||
var psbody = $("<div/>", {
|
||
id: "bd-ps-body"
|
||
});
|
||
|
||
psbody.appendTo(this.getPanel());
|
||
|
||
var table = $("<table/>", {
|
||
border:"0"
|
||
});
|
||
|
||
var thead = $("<thead/>");
|
||
|
||
thead.appendTo(table);
|
||
|
||
var headers = $("<tr/>", {
|
||
|
||
}).append($("<th/>", {
|
||
text: "Name"
|
||
})).append($("<th/>", {
|
||
text: "Code"
|
||
})).append($("<th/>", {
|
||
text: "Language"
|
||
})).append($("<th/>", {
|
||
text: "Description"
|
||
})).append($("<th/>", {
|
||
text: "Join"
|
||
}));
|
||
|
||
headers.appendTo(thead);
|
||
|
||
var tbody = $("<tbody/>", {
|
||
id: "bd-ps-tbody"
|
||
});
|
||
|
||
tbody.appendTo(table);
|
||
|
||
table.appendTo(psbody);
|
||
|
||
$("body").append(this.getPanel());
|
||
|
||
$("#bd-ps-close").on("click", function() { self.show(); });
|
||
|
||
var servers = publicServers.servers;
|
||
|
||
for(var server in servers) {
|
||
if(servers.hasOwnProperty(server)) {
|
||
var s = servers[server];
|
||
var code = s.code;
|
||
var title = s.title;
|
||
var language = s.language;
|
||
var description = s.description;
|
||
|
||
this.addServer(server, code, title, language, description);
|
||
}
|
||
}
|
||
};
|
||
|
||
PublicServers.prototype.addServer = function(name, code, title, language, description) {
|
||
var self = this;
|
||
var tableBody = $("#bd-ps-tbody");
|
||
|
||
|
||
var desc = $("<td/>").append($("<div/>", {
|
||
class: "bd-ps-description",
|
||
text: description
|
||
}));
|
||
|
||
var tr = $("<tr/>");
|
||
|
||
tr.append($("<td/>", {
|
||
text: title
|
||
}));
|
||
|
||
tr.append($("<td/>", {
|
||
css: {
|
||
"-webkit-user-select":"initial",
|
||
"user-select":"initial"
|
||
},
|
||
text: code
|
||
}));
|
||
|
||
tr.append($("<td/>", {
|
||
text: language
|
||
}));
|
||
|
||
tr.append(desc);
|
||
|
||
tr.append($("<td/>").append($("<button/>", {
|
||
text: "Join",
|
||
css: {
|
||
"height": "30px",
|
||
"display": "block",
|
||
"margin-top": "10px",
|
||
"background-color": "#36393E",
|
||
"border": "1px solid #404040",
|
||
"outline": "1px solid #000",
|
||
"color": "#EDEDED"
|
||
},
|
||
click: function() { self.joinServer(code); }
|
||
})));
|
||
|
||
tableBody.append(tr);
|
||
};
|
||
|
||
PublicServers.prototype.show = function() {
|
||
this.getPanel().toggle();
|
||
var li = $("#bd-pub-li");
|
||
li.removeClass();
|
||
if(this.getPanel().is(":visible")) {
|
||
li.addClass("active");
|
||
}
|
||
};
|
||
|
||
//Workaround for joining a server
|
||
PublicServers.prototype.joinServer = function(code) {
|
||
$(".guilds-add").click();
|
||
$(".action.join .btn").click();
|
||
$(".create-guild-container input").val(code);
|
||
$(".form.join-server .btn-primary").click();
|
||
};
|
||
|
||
/* BetterDiscordApp QuickEmoteMenu JavaScript
|
||
* Version: 1.3
|
||
* Author: Jiiks | http://jiiks.net
|
||
* Date: 26/08/2015 - 11:49
|
||
* Last Update: 29/08/2015 - 11:46
|
||
* https://github.com/Jiiks/BetterDiscordApp
|
||
*/
|
||
|
||
var emoteBtn, emoteMenu;
|
||
|
||
function QuickEmoteMenu() {
|
||
|
||
}
|
||
|
||
QuickEmoteMenu.prototype.init = function(reload) {
|
||
|
||
emoteBtn = null;
|
||
$(".channel-textarea").first().removeClass("emotemenu-enabled");
|
||
if(!emoteMenu) {
|
||
this.initEmoteList();
|
||
}
|
||
|
||
var menuOpen;
|
||
|
||
emoteBtn = $("<div/>", { id:"twitchcord-button-container", style:"display:none" }).append($("<button/>", { id: "twitchcord-button", onclick: "return false;" }));
|
||
|
||
$(".content.flex-spacer.flex-horizontal .flex-spacer.flex-vertical form").append(emoteBtn);
|
||
|
||
emoteMenu.detach();
|
||
emoteBtn.append(emoteMenu);
|
||
|
||
$("#twitchcord-button").on("click", function() {
|
||
menuOpen = !menuOpen;
|
||
if(menuOpen) {
|
||
emoteMenu.addClass("emotemenu-open");
|
||
$(this).addClass("twitchcord-button-open");
|
||
} else {
|
||
emoteMenu.removeClass();
|
||
$(this).removeClass();
|
||
}
|
||
return false;
|
||
});
|
||
|
||
$(document).off("click.bdem").on("click.bdem", function() {
|
||
if(menuOpen) {
|
||
menuOpen = !menuOpen;
|
||
emoteMenu.removeClass();
|
||
$("#twitchcord-button").removeClass();
|
||
}
|
||
});
|
||
|
||
$("#emote-menu").on("click", function() { $("#rmenu").hide(); return false; });
|
||
|
||
if(settingsCookie["bda-es-0"]) {
|
||
$(".channel-textarea").first().addClass("emotemenu-enabled");
|
||
emoteBtn.show();
|
||
}
|
||
|
||
var emoteIcon = $(".emote-icon");
|
||
|
||
emoteIcon.off();
|
||
emoteIcon.on("click", function() {
|
||
var emote = $(this).attr("title");
|
||
var ta = $(".channel-textarea-inner textarea");
|
||
ta.val(ta.val().slice(-1) == " " ? ta.val() + emote : ta.val() + " " + emote);
|
||
});
|
||
|
||
var fe = localStorage["bdfavemotes"];
|
||
if(fe != undefined) {
|
||
favoriteEmotes = JSON.parse(atob(fe));
|
||
this.updateFavorites();
|
||
}
|
||
};
|
||
|
||
var bdfw = {};
|
||
|
||
QuickEmoteMenu.prototype.obsCallback = function() {
|
||
|
||
if(!emoteBtn) return;
|
||
if(!$(".content.flex-spacer.flex-horizontal .flex-spacer.flex-vertical form")) return;
|
||
|
||
var tcbtn = $("#twitchcord-button-container");
|
||
|
||
if(tcbtn.parent().prop("tagName") == undefined) {
|
||
quickEmoteMenu = new QuickEmoteMenu();
|
||
quickEmoteMenu.init(true);
|
||
}
|
||
};
|
||
|
||
var favoriteEmotes = {};
|
||
|
||
QuickEmoteMenu.prototype.initEmoteList = function() {
|
||
|
||
emoteMenu = $("<div/>", { id: "emote-menu" });
|
||
|
||
var emoteMenuHeader = $("<div/>", { id: "emote-menu-header" });
|
||
var emoteMenuBody = $("<div/>", { id: "emote-menu-inner" });
|
||
var emoteMenuBodyFav = $("<div/>", { id: "emote-menu-inner-fav", css: { "display": "none" }})
|
||
|
||
var globalTab = $("<div/>", {class: "emote-menu-tab emote-menu-tab-selected", id: "emgb", text: "Global", click: function() { $("#emfa").removeClass("emote-menu-tab-selected"); $("#emgb").addClass("emote-menu-tab-selected"); $("#emote-menu-inner-fav").hide(); $("#emote-menu-inner").show(); }});
|
||
var favoriteTab = $("<div/>", {class: "emote-menu-tab", id: "emfa", text: "Favorite", click: function() { $("#emgb").removeClass("emote-menu-tab-selected"); $("#emfa").addClass("emote-menu-tab-selected"); $("#emote-menu-inner").hide(); $("#emote-menu-inner-fav").show(); }});
|
||
|
||
emoteMenuHeader.append(globalTab);
|
||
emoteMenuHeader.append(favoriteTab);
|
||
|
||
emoteMenu.append(emoteMenuHeader);
|
||
|
||
var swrapper = $("<div/>", { class: "scroller-wrap" });
|
||
var scroller = $("<div/>", { class: "scroller"});
|
||
|
||
|
||
swrapper.append(scroller);
|
||
scroller.append(emoteMenuBody);
|
||
scroller.append(emoteMenuBodyFav);
|
||
|
||
emoteMenu.append(swrapper);
|
||
|
||
for(var emote in emotesTwitch.emotes) {
|
||
if(emotesTwitch.emotes.hasOwnProperty(emote)) {
|
||
var id = emotesTwitch.emotes[emote].image_id;
|
||
emoteMenuBody.append($("<div/>" , { class: "emote-container" }).append($("<img/>", { class: "emote-icon", id: emote, alt: "", src: "https://static-cdn.jtvnw.net/emoticons/v1/"+id+"/1.0", title: emote })));
|
||
}
|
||
}
|
||
};
|
||
|
||
QuickEmoteMenu.prototype.favorite = function(name, url) {
|
||
|
||
if(!favoriteEmotes.hasOwnProperty(name)) {
|
||
favoriteEmotes[name] = url;
|
||
}
|
||
|
||
this.updateFavorites();
|
||
};
|
||
|
||
QuickEmoteMenu.prototype.updateFavorites = function() {
|
||
|
||
if(!$("#rmenu").length) {
|
||
$("body").append('<div id="rmenu"><ul><a href="#">Remove</a></ul></div>');
|
||
$(document).on("click", function() {
|
||
$("#rmenu").hide();
|
||
});
|
||
}
|
||
|
||
var self = this;
|
||
var emoteMenuBody = $("#emote-menu-inner-fav");
|
||
emoteMenuBody.empty();
|
||
for(var emote in favoriteEmotes) {
|
||
var url = favoriteEmotes[emote];
|
||
|
||
var econtainer = $("<div/>", { class: "emote-container" });
|
||
var icon = $("<img/>", { class: "emote-icon", alt: "", src: url, title: emote }).appendTo(econtainer);
|
||
emoteMenuBody.append(econtainer);
|
||
|
||
icon.off("click").on("click", function(e) {
|
||
var emote = $(this).attr("title");
|
||
var ta = $(".channel-textarea-inner textarea");
|
||
ta.val(ta.val().slice(-1) == " " ? ta.val() + emote : ta.val() + " " + emote);
|
||
});
|
||
icon.off("contextmenu").on("contextmenu", function(e) {
|
||
var title = $(this).attr("title");
|
||
var menu = $("#rmenu");
|
||
menu.find("a").off("click").on("click",function() {
|
||
delete favoriteEmotes[title];
|
||
self.updateFavorites();
|
||
});
|
||
menu.hide();
|
||
menu.css({top: e.pageY, left: e.pageX});
|
||
menu.show();
|
||
return false;
|
||
});
|
||
}
|
||
|
||
window.localStorage["bdfavemotes"] = btoa(JSON.stringify(favoriteEmotes));
|
||
};
|
||
|
||
/* BetterDiscordApp Settings Panel JavaScript
|
||
* Version: 2.0
|
||
* Author: Jiiks | http://jiiks.net
|
||
* Date: 26/08/2015 - 11:54
|
||
* Last Update: 27/11/2015 - 00:50
|
||
* https://github.com/Jiiks/BetterDiscordApp
|
||
*/
|
||
|
||
var settingsButton = null;
|
||
var panel = null;
|
||
|
||
function SettingsPanel() {
|
||
utils.injectJs("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.9.0/codemirror.min.js");
|
||
utils.injectJs("https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.9.0/mode/css/css.min.js");
|
||
utils.injectJs("https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.4.2/Sortable.min.js");
|
||
}
|
||
|
||
SettingsPanel.prototype.init = function() {
|
||
var self = this;
|
||
self.construct();
|
||
var body = $("body");
|
||
|
||
if(settingsCookie["bda-es-0"]) {
|
||
$("#twitchcord-button-container").show();
|
||
} else {
|
||
$("#twitchcord-button-container").hide();
|
||
}
|
||
|
||
if(settingsCookie["bda-gs-2"]) {
|
||
body.addClass("bd-minimal");
|
||
} else {
|
||
body.removeClass("bd-minimal");
|
||
}
|
||
if(settingsCookie["bda-gs-3"]) {
|
||
body.addClass("bd-minimal-chan");
|
||
} else {
|
||
body.removeClass("bd-minimal-chan");
|
||
}
|
||
|
||
if(settingsCookie["bda-gs-4"]) {
|
||
voiceMode.enable();
|
||
}
|
||
|
||
if(settingsCookie["bda-jd"]) {
|
||
opublicServers.joinServer("0Tmfo5ZbORCRqbAd");
|
||
settingsCookie["bda-jd"] = false;
|
||
mainCore.saveSettings();
|
||
}
|
||
|
||
if (settingsCookie["bda-es-6"]) {
|
||
//Pretty emote titles
|
||
emoteNamePopup = $("<div class='tipsy tipsy-se' style='display: block; top: 82px; left: 1630.5px; visibility: visible; opacity: 0.8;'><div class='tipsy-inner'></div></div>");
|
||
$(document).on("mouseover", ".emote", function() { var x = $(this).offset(); var title = $(this).attr("alt"); $(emoteNamePopup).find(".tipsy-inner").text(title); $(emoteNamePopup).css('left', x.left - 25); $(emoteNamePopup).css('top', x.top - 32); $("div[data-reactid='.0.1.1']").append($(emoteNamePopup));});
|
||
$(document).on("mouseleave", ".emote", function(){$(".tipsy").remove()});
|
||
} else {
|
||
$(document).off('mouseover', '.emote');
|
||
}
|
||
};
|
||
|
||
SettingsPanel.prototype.applyCustomCss = function(css) {
|
||
if($("#customcss").length == 0) {
|
||
$("head").append('<style id="customcss"></style>');
|
||
}
|
||
|
||
$("#customcss").html(css);
|
||
|
||
localStorage.setItem("bdcustomcss", btoa(css));
|
||
};
|
||
|
||
var customCssInitialized = false;
|
||
var lastTab = "";
|
||
|
||
SettingsPanel.prototype.changeTab = function(tab) {
|
||
|
||
var self = this;
|
||
|
||
lastTab = tab;
|
||
|
||
var controlGroups = $("#bd-control-groups");
|
||
$(".bd-tab").removeClass("selected");
|
||
$(".bd-pane").hide();
|
||
$("#" + tab).addClass("selected");
|
||
$("#" + tab.replace("tab", "pane")).show();
|
||
|
||
switch(tab) {
|
||
case "bd-settings-tab":
|
||
break;
|
||
case "bd-customcss-tab":
|
||
if(!customCssInitialized) {
|
||
var editor = CodeMirror.fromTextArea(document.getElementById("bd-custom-css-ta"), {
|
||
lineNumbers: true, mode: 'css', indentUnit: 4, theme: 'neat'
|
||
});
|
||
|
||
|
||
editor.on("change", function(cm) {
|
||
var css = cm.getValue();
|
||
self.applyCustomCss(css);
|
||
});
|
||
|
||
customCssInitialized = true;
|
||
}
|
||
break;
|
||
case "bd-plugins-tab":
|
||
|
||
break;
|
||
case "bd-themes-tab":
|
||
controlGroups.html("<span>Coming soon</span>");
|
||
break;
|
||
}
|
||
};
|
||
|
||
|
||
SettingsPanel.prototype.updateSetting = function(checkbox) {
|
||
var cb = $(checkbox).children().find('input[type="checkbox"]');
|
||
var enabled = !cb.is(":checked");
|
||
var id = cb.attr("id");
|
||
cb.prop("checked", enabled);
|
||
|
||
settingsCookie[id] = enabled;
|
||
|
||
if(settingsCookie["bda-es-0"]) {
|
||
$("#twitchcord-button-container").show();
|
||
} else {
|
||
$("#twitchcord-button-container").hide();
|
||
}
|
||
|
||
if(settingsCookie["bda-gs-2"]) {
|
||
$("body").addClass("bd-minimal");
|
||
} else {
|
||
$("body").removeClass("bd-minimal");
|
||
}
|
||
if(settingsCookie["bda-gs-3"]) {
|
||
$("body").addClass("bd-minimal-chan");
|
||
} else {
|
||
$("body").removeClass("bd-minimal-chan");
|
||
}
|
||
if(settingsCookie["bda-gs-1"]) {
|
||
$("#bd-pub-li").show();
|
||
} else {
|
||
$("#bd-pub-li").hide();
|
||
}
|
||
if(settingsCookie["bda-gs-4"]){
|
||
voiceMode.enable();
|
||
} else {
|
||
voiceMode.disable();
|
||
}
|
||
if (settingsCookie["bda-es-6"]) {
|
||
//Pretty emote titles
|
||
emoteNamePopup = $("<div class='tipsy tipsy-se' style='display: block; top: 82px; left: 1630.5px; visibility: visible; opacity: 0.8;'><div class='tipsy-inner'></div></div>");
|
||
$(document).on("mouseover", ".emote", function() { var x = $(this).offset(); var title = $(this).attr("alt"); $(emoteNamePopup).find(".tipsy-inner").text(title); $(emoteNamePopup).css('left', x.left - 25); $(emoteNamePopup).css('top', x.top - 32); $("div[data-reactid='.0.1.1']").append($(emoteNamePopup));});
|
||
$(document).on("mouseleave", ".emote", function(){$(".tipsy").remove()});
|
||
} else {
|
||
$(document).off('mouseover', '.emote');
|
||
}
|
||
|
||
mainCore.saveSettings();
|
||
}
|
||
|
||
SettingsPanel.prototype.construct = function() {
|
||
var self = this;
|
||
|
||
panel = $("<div/>", {
|
||
id: "bd-pane",
|
||
class: "settings-inner",
|
||
css: {
|
||
"display": "none"
|
||
}
|
||
});
|
||
|
||
var settingsInner = '' +
|
||
'<div class="scroller-wrap">' +
|
||
' <div class="scroller settings-wrapper settings-panel">' +
|
||
' <div class="tab-bar TOP">' +
|
||
' <div class="tab-bar-item bd-tab" id="bd-settings-tab" onclick="settingsPanel.changeTab(\'bd-settings-tab\');">Settings</div>' +
|
||
' <div class="tab-bar-item bd-tab" id="bd-customcss-tab" onclick="settingsPanel.changeTab(\'bd-customcss-tab\');">Custom CSS</div>' +
|
||
' <div class="tab-bar-item bd-tab" id="bd-plugins-tab" onclick="settingsPanel.changeTab(\'bd-plugins-tab\');">Plugins</div>' +
|
||
' <div class="tab-bar-item bd-tab" id="bd-themes-tab" onclick="settingsPanel.changeTab(\'bd-themes-tab\');">Themes</div>' +
|
||
' </div>' +
|
||
' <div class="bd-settings">' +
|
||
'' +
|
||
' <div class="bd-pane control-group" id="bd-settings-pane" style="display:none;">' +
|
||
' <ul class="checkbox-group">';
|
||
|
||
|
||
|
||
for(var setting in settings) {
|
||
|
||
var sett = settings[setting];
|
||
var id = sett["id"];
|
||
|
||
if(sett["implemented"]) {
|
||
|
||
settingsInner += '' +
|
||
'<li>' +
|
||
'<div class="checkbox" onclick="settingsPanel.updateSetting(this);" >' +
|
||
'<div class="checkbox-inner">' +
|
||
'<input type="checkbox" id="'+id+ '" ' + (settingsCookie[id] ? "checked" : "") + '>' +
|
||
'<span></span>' +
|
||
'</div>' +
|
||
'<span>' + setting + " - " + sett["info"] +
|
||
'</span>' +
|
||
'</div>' +
|
||
'</li>';
|
||
}
|
||
}
|
||
|
||
var ccss = atob(localStorage.getItem("bdcustomcss"));
|
||
self.applyCustomCss(ccss);
|
||
|
||
settingsInner += '</ul>' +
|
||
' </div>' +
|
||
'' +
|
||
' <div class="bd-pane control-group" id="bd-customcss-pane" style="display:none;">' +
|
||
' <textarea id="bd-custom-css-ta">'+ccss+'</textarea>' +
|
||
' </div>' +
|
||
'' +
|
||
' <div class="bd-pane control-group" id="bd-plugins-pane" style="display:none;">' +
|
||
' <table class="bd-g-table">' +
|
||
' <thead><tr><th>Name</th><th>Description</th><th>Author</th><th>Version</th><th></th><th></th></tr></thead><tbody>';
|
||
|
||
$.each(bdplugins, function() {
|
||
var plugin = this["plugin"];
|
||
settingsInner += '' +
|
||
'<tr>' +
|
||
' <td>'+plugin.getName()+'</td>' +
|
||
' <td width="99%"><textarea>'+plugin.getDescription()+'</textarea></td>' +
|
||
' <td>'+plugin.getAuthor()+'</td>' +
|
||
' <td>'+plugin.getVersion()+'</td>' +
|
||
' <td><button class="bd-psb" onclick="pluginModule.showSettings(\''+plugin.getName()+'\'); return false;"></button></td>' +
|
||
' <td>' +
|
||
' <div class="checkbox" onclick="pluginModule.handlePlugin(this);">' +
|
||
' <div class="checkbox-inner">' +
|
||
' <input id="'+plugin.getName()+'" type="checkbox" ' + (pluginCookie[plugin.getName()] ? "checked" : "") +'>' +
|
||
' <span></span>' +
|
||
' </div>' +
|
||
' </div>' +
|
||
' </td>' +
|
||
'</tr>';
|
||
});
|
||
|
||
settingsInner += '</tbody></table>' +
|
||
' </div>' +
|
||
' <div class="bd-pane control-group" id="bd-themes-pane" style="display:none;">';
|
||
|
||
|
||
if(typeof(themesupport2) === "undefined") {
|
||
settingsInner += '' +
|
||
' Your version does not support themes. Download the latest version.';
|
||
}else {
|
||
settingsInner += '' +
|
||
' <table class="bd-g-table">' +
|
||
' <thead><tr><th>Name</th><th>Description</th><th>Author</th><th>Version</th><th></th></tr></thead><tbody>';
|
||
$.each(bdthemes, function() {
|
||
settingsInner += '' +
|
||
'<tr>' +
|
||
' <td>'+this["name"].replace(/_/g, " ")+'</td>' +
|
||
' <td width="99%"><textarea>'+this["description"]+'</textarea></td>' +
|
||
' <td>'+this["author"]+'</td>' +
|
||
' <td>'+this["version"]+'</td>' +
|
||
' <td>' +
|
||
' <div class="checkbox" onclick="themeModule.handleTheme(this);">' +
|
||
' <div class="checkbox-inner">' +
|
||
' <input id="ti'+this["name"]+'" type="checkbox" ' + (themeCookie[this["name"]] ? "checked" : "") +'>' +
|
||
' <span></span>' +
|
||
' </div>' +
|
||
' </div>' +
|
||
' </td>' +
|
||
'</tr>';
|
||
});
|
||
settingsInner += '</tbody></table>';
|
||
}
|
||
|
||
|
||
settingsInner += '' +
|
||
' </div>' +
|
||
'' +
|
||
' </div>' +
|
||
' </div>' +
|
||
' <div style="background:#2E3136; color:#ADADAD; height:30px; position:absolute; bottom:0; left:0; right:0;">'+
|
||
' <span style="line-height:30px;margin-left:10px;">BetterDiscord v' + version + '(JSv'+jsVersion+') by Jiiks</span>'+
|
||
' <span style="float:right;line-height:30px;margin-right:10px;"><a href="http://betterdiscord.net" target="_blank">BetterDiscord.net</a></span>'+
|
||
' </div>'+
|
||
'</div>';
|
||
|
||
function showSettings() {
|
||
$(".tab-bar-item").removeClass("selected");
|
||
settingsButton.addClass("selected");
|
||
$(".form .settings-right .settings-inner").first().hide();
|
||
panel.show();
|
||
if(lastTab == "") {
|
||
self.changeTab("bd-settings-tab");
|
||
} else {
|
||
self.changeTab(lastTab);
|
||
}
|
||
}
|
||
|
||
settingsButton = $("<div/>", {
|
||
class: "tab-bar-item",
|
||
text: "BetterDiscord",
|
||
id: "bd-settings-new",
|
||
click: showSettings
|
||
});
|
||
|
||
panel.html(settingsInner);
|
||
|
||
function defer() {
|
||
if($(".btn.btn-settings").length < 1) {
|
||
setTimeout(defer, 100);
|
||
}else {
|
||
$(".btn.btn-settings").first().on("click", function() {
|
||
|
||
function innerDefer() {
|
||
if($(".modal-inner").first().is(":visible")) {
|
||
|
||
panel.hide();
|
||
var tabBar = $(".tab-bar.SIDE").first();
|
||
|
||
$(".tab-bar.SIDE .tab-bar-item").click(function() {
|
||
$(".form .settings-right .settings-inner").first().show();
|
||
$("#bd-settings-new").removeClass("selected");
|
||
panel.hide();
|
||
});
|
||
|
||
tabBar.append(settingsButton);
|
||
$(".form .settings-right .settings-inner").last().after(panel);
|
||
$("#bd-settings-new").removeClass("selected");
|
||
} else {
|
||
setTimeout(innerDefer, 100);
|
||
}
|
||
}
|
||
innerDefer();
|
||
});
|
||
}
|
||
}
|
||
defer();
|
||
|
||
};
|
||
|
||
/* BetterDiscordApp Utilities JavaScript
|
||
* Version: 1.0
|
||
* Author: Jiiks | http://jiiks.net
|
||
* Date: 26/08/2015 - 15:54
|
||
* https://github.com/Jiiks/BetterDiscordApp
|
||
*/
|
||
|
||
var _hash;
|
||
function Utils() {
|
||
|
||
}
|
||
|
||
Utils.prototype.getTextArea = function() {
|
||
return $(".channel-textarea-inner textarea");
|
||
};
|
||
|
||
Utils.prototype.jqDefer = function(fnc) {
|
||
if(window.jQuery) { fnc(); } else { setTimeout(function() { this.jqDefer(fnc) }, 100) }
|
||
};
|
||
|
||
Utils.prototype.getHash = function() {
|
||
$.getJSON("https://api.github.com/repos/Jiiks/BetterDiscordApp/commits/master", function(data) {
|
||
_hash = data.sha;
|
||
emoteModule.getBlacklist();
|
||
});
|
||
};
|
||
|
||
Utils.prototype.loadHtml = function(html, callback) {
|
||
var container = $("<div/>", {
|
||
class: "bd-container"
|
||
}).appendTo("body");
|
||
|
||
//TODO Inject these in next core update
|
||
html = '//cdn.rawgit.com/Jiiks/BetterDiscordApp/' + _hash + '/html/' + html + '.html';
|
||
|
||
container.load(html, callback());
|
||
};
|
||
|
||
Utils.prototype.injectJs = function(uri) {
|
||
$("<script/>", {
|
||
type: "text/javascript",
|
||
src: uri
|
||
}).appendTo($("body"));
|
||
};
|
||
|
||
Utils.prototype.injectCss = function(uri) {
|
||
$("<link/>", {
|
||
type: "text/css",
|
||
rel: "stylesheet",
|
||
href: uri
|
||
}).appendTo($("head"));
|
||
};
|
||
|
||
Utils.prototype.log = function(message) {
|
||
console.info("%c[BetterDiscord]%c " + message, "color:teal; font-weight:bold;","");
|
||
};
|
||
|
||
Utils.prototype.err = function(message) {
|
||
console.info("%c[BetterDiscord]%c " + message, "color:red; font-weight:bold;","");
|
||
};
|
||
|
||
/* BetterDiscordApp VoiceMode JavaScript
|
||
* Version: 1.0
|
||
* Author: Jiiks | http://jiiks.net
|
||
* Date: 25/10/2015 - 19:10
|
||
* https://github.com/Jiiks/BetterDiscordApp
|
||
*/
|
||
|
||
function VoiceMode() {
|
||
|
||
}
|
||
|
||
VoiceMode.prototype.obsCallback = function() {
|
||
var self = this;
|
||
if(settingsCookie["bda-gs-4"]) {
|
||
self.disable();
|
||
setTimeout(function() {
|
||
self.enable();
|
||
}, 300);
|
||
}
|
||
}
|
||
|
||
VoiceMode.prototype.enable = function() {
|
||
$(".scroller.guild-channels ul").first().css("display", "none");
|
||
$(".scroller.guild-channels header").first().css("display", "none");
|
||
$(".app.flex-vertical").first().css("overflow", "hidden");
|
||
$(".chat.flex-vertical.flex-spacer").first().css("visibility", "hidden").css("min-width", "0px");
|
||
$(".flex-vertical.channels-wrap").first().css("flex-grow", "100000");
|
||
$(".guild-header .btn.btn-hamburger").first().css("visibility", "hidden");
|
||
};
|
||
|
||
VoiceMode.prototype.disable = function() {
|
||
$(".scroller.guild-channels ul").first().css("display", "");
|
||
$(".scroller.guild-channels header").first().css("display", "");
|
||
$(".app.flex-vertical").first().css("overflow", "");
|
||
$(".chat.flex-vertical.flex-spacer").first().css("visibility", "").css("min-width", "");
|
||
$(".flex-vertical.channels-wrap").first().css("flex-grow", "");
|
||
$(".guild-header .btn.btn-hamburger").first().css("visibility", "");
|
||
};
|
||
|
||
/* BetterDiscordApp PluginModule JavaScript
|
||
* Version: 1.0
|
||
* Author: Jiiks | http://jiiks.net
|
||
* Date: 16/12/2015
|
||
* https://github.com/Jiiks/BetterDiscordApp
|
||
*/
|
||
|
||
var pluginCookie = {};
|
||
|
||
function PluginModule() {
|
||
|
||
}
|
||
|
||
PluginModule.prototype.loadPlugins = function() {
|
||
|
||
this.loadPluginData();
|
||
|
||
$.each(bdplugins, function() {
|
||
var plugin = this["plugin"];
|
||
plugin.load();
|
||
|
||
var name = plugin.getName();
|
||
var enabled = false;
|
||
|
||
if(pluginCookie.hasOwnProperty(name)) {
|
||
enabled = pluginCookie[name];
|
||
} else {
|
||
pluginCookie[name] = false;
|
||
}
|
||
|
||
if(enabled) {
|
||
plugin.start();
|
||
}
|
||
});
|
||
};
|
||
|
||
PluginModule.prototype.handlePlugin = function(checkbox) {
|
||
|
||
var cb = $(checkbox).children().find('input[type="checkbox"]');
|
||
var enabled = !cb.is(":checked");
|
||
var id = cb.attr("id");
|
||
cb.prop("checked", enabled);
|
||
|
||
if(enabled) {
|
||
bdplugins[id]["plugin"].start();
|
||
pluginCookie[id] = true;
|
||
} else {
|
||
bdplugins[id]["plugin"].stop();
|
||
pluginCookie[id] = false;
|
||
}
|
||
|
||
this.savePluginData();
|
||
};
|
||
|
||
PluginModule.prototype.showSettings = function(plugin) {
|
||
if(bdplugins[plugin] != null) {
|
||
if(typeof bdplugins[plugin].plugin.getSettingsPanel === "function") {
|
||
var panel = bdplugins[plugin].plugin.getSettingsPanel();
|
||
|
||
$(".modal-inner").off("click.bdpsm").on("click.bdpsm", function(e) {
|
||
if($("#bd-psm-id").length) {
|
||
$(".bd-psm").remove();
|
||
} else {
|
||
$(".bd-psm").attr("id", "bd-psm-id");
|
||
}
|
||
|
||
});
|
||
$(".modal").append('<div class="bd-psm"><div class="scroller-wrap" style="height:100%"><div id="bd-psm-s" class="scroller" style="padding:10px;"></div></div></div>');
|
||
$("#bd-psm-s").append(panel);
|
||
}
|
||
}
|
||
};
|
||
|
||
PluginModule.prototype.loadPluginData = function() {
|
||
var cookie = $.cookie("bd-plugins");
|
||
if(cookie != undefined) {
|
||
pluginCookie = JSON.parse($.cookie("bd-plugins"));
|
||
}
|
||
};
|
||
|
||
PluginModule.prototype.savePluginData = function() {
|
||
$.cookie("bd-plugins", JSON.stringify(pluginCookie), { expires: 365, path: '/' });
|
||
};
|
||
|
||
PluginModule.prototype.newMessage = function() {
|
||
$.each(bdplugins, function() {
|
||
if(!pluginCookie[this.plugin.getName()]) return;
|
||
if(typeof this.plugin.onMessage === "function") {
|
||
this.plugin.onMessage();
|
||
}
|
||
});
|
||
};
|
||
|
||
PluginModule.prototype.channelSwitch = function() {
|
||
$.each(bdplugins, function() {
|
||
if(!pluginCookie[this.plugin.getName()]) return;
|
||
if(typeof this.plugin.onSwitch === "function") {
|
||
this.plugin.onSwitch();
|
||
}
|
||
});
|
||
};
|
||
|
||
|
||
/* BetterDiscordApp ThemeModule JavaScript
|
||
* Version: 1.0
|
||
* Author: Jiiks | http://jiiks.net
|
||
* Date: 16/12/2015
|
||
* https://github.com/Jiiks/BetterDiscordApp
|
||
*/
|
||
|
||
var themeCookie = {};
|
||
|
||
function ThemeModule() {
|
||
|
||
}
|
||
|
||
ThemeModule.prototype.loadThemes = function() {
|
||
this.loadThemeData();
|
||
|
||
$.each(bdthemes, function() {
|
||
var name = this["name"];
|
||
var enabled = false;
|
||
if(themeCookie.hasOwnProperty(name)) {
|
||
if(themeCookie[name]) {
|
||
enabled = true;
|
||
}
|
||
} else {
|
||
themeCookie[name] = false;
|
||
}
|
||
|
||
if(enabled) {
|
||
$("head").append('<style id="'+name+'">'+unescape(bdthemes[name]["css"])+'</style>');
|
||
}
|
||
});
|
||
};
|
||
|
||
ThemeModule.prototype.handleTheme = function(checkbox) {
|
||
|
||
var cb = $(checkbox).children().find('input[type="checkbox"]');
|
||
var enabled = !cb.is(":checked");
|
||
var id = cb.attr("id").substring(2);
|
||
cb.prop("checked", enabled);
|
||
|
||
if(enabled) {
|
||
$("head").append('<style id="'+id+'">'+unescape(bdthemes[id]["css"])+'</style>');
|
||
themeCookie[id] = true;
|
||
} else {
|
||
$("#"+id).remove();
|
||
themeCookie[id] = false;
|
||
}
|
||
|
||
this.saveThemeData();
|
||
};
|
||
|
||
ThemeModule.prototype.loadThemeData = function() {
|
||
var cookie = $.cookie("bd-themes");
|
||
if(cookie != undefined) {
|
||
themeCookie = JSON.parse($.cookie("bd-themes"));
|
||
}
|
||
};
|
||
|
||
ThemeModule.prototype.saveThemeData = function() {
|
||
$.cookie("bd-themes", JSON.stringify(themeCookie), { expires: 365, path: '/' });
|
||
};
|
||
|
||
|
||
/*BDSocket*/
|
||
|
||
var bdSocket;
|
||
var bdws;
|
||
|
||
function BdWSocket() {
|
||
bdws = this;
|
||
}
|
||
|
||
BdWSocket.prototype.start = function() {
|
||
var self = this;
|
||
$.ajax({
|
||
method:"GET",
|
||
url:"https://discordapp.com/api/gateway",
|
||
headers: {authorization: localStorage.token.match(/\"(.+)\"/)[1]},
|
||
success: function(data){
|
||
self.open(data.url);
|
||
}
|
||
});
|
||
};
|
||
|
||
BdWSocket.prototype.open = function(host) {
|
||
return;
|
||
utils.log("Socket Host: " + host);
|
||
try {
|
||
bdSocket = new WebSocket(host);
|
||
bdSocket.onopen = this.onOpen;
|
||
bdSocket.onmessage = this.onMessage;
|
||
bdSocket.onerror = this.onError;
|
||
bdSocket.onclose = this.onClose;
|
||
}catch(err) { utils.log(err); }
|
||
|
||
};
|
||
|
||
BdWSocket.prototype.onOpen = function() {
|
||
utils.log("Socket Open");
|
||
var data = {
|
||
op: 2,
|
||
d: {
|
||
token: JSON.parse(localStorage.getItem('token')),
|
||
properties: JSON.parse(localStorage.getItem('superProperties')),
|
||
v: 3
|
||
}
|
||
};
|
||
bdws.send(data);
|
||
};
|
||
|
||
BdWSocket.prototype.onMessage = function(e) {
|
||
|
||
var packet, data, type;
|
||
try {
|
||
packet = JSON.parse(e.data);
|
||
data = packet.d;
|
||
type = packet.t;
|
||
} catch(err) {
|
||
utils.err(err);
|
||
return;
|
||
}
|
||
|
||
switch(type) {
|
||
case "READY":
|
||
// bdSocket.interval = setInterval(() => bdws.send({ op: 1, d: Date.now() }), data.heartbeat_interval);
|
||
// utils.log("Socket Ready");
|
||
// console.log(data.heartbeat_interval);
|
||
break;
|
||
case "PRESENCE_UPDATE":
|
||
break;
|
||
case "TYPING_START":
|
||
break;
|
||
case "MESSAGE_CREATE":
|
||
// console.log("MESSAGE CREATE");
|
||
// console.log(data);
|
||
break;
|
||
case "MESSAGE_UPDATE":
|
||
// console.log("MESSAGE UPDATE");
|
||
// console.log(data);
|
||
break;
|
||
default:
|
||
break;
|
||
}
|
||
|
||
};
|
||
|
||
BdWSocket.prototype.onError = function(e) {
|
||
utils.log("onError: ");
|
||
};
|
||
|
||
BdWSocket.prototype.onClose = function(e) {
|
||
utils.log("Socket Closed - " + e.code + " : " + e.reason);
|
||
};
|
||
|
||
BdWSocket.prototype.send = function(data) {
|
||
utils.log("Sending: " + JSON.stringify(data));
|
||
bdSocket.send(JSON.stringify(data));
|
||
};
|
||
|
||
/* BetterDiscordApp API for Plugins
|
||
* Version: 1.0
|
||
* Author: Jiiks | http://jiiks.net
|
||
* Date: 11/12/2015
|
||
* Last Update: 11/12/2015
|
||
* https://github.com/Jiiks/BetterDiscordApp
|
||
*
|
||
* Plugin Template: https://gist.github.com/Jiiks/71edd5af0beafcd08956
|
||
*/
|
||
|
||
function BdApi() {}
|
||
|
||
//Joins a server
|
||
//code = server invite code
|
||
BdApi.joinServer = function(code) {
|
||
opublicServers.joinServer(code);
|
||
};
|
||
|
||
//Inject CSS to document head
|
||
//id = id of element
|
||
//css = custom css
|
||
BdApi.injectCSS = function(id, css) {
|
||
$("head").append('<style id="'+id+'"></style>')
|
||
$("#" + id).html(css);
|
||
};
|
||
|
||
//Clear css/remove any element
|
||
//id = id of element
|
||
BdApi.clearCSS = function(id) {
|
||
$("#"+id).remove();
|
||
};
|
||
|
||
//Get another plugin
|
||
//name = name of plugin
|
||
BdApi.getPlugin = function(name) {
|
||
if(bdplugins.hasOwnProperty(name)) {
|
||
return bdplugins[name]["plugin"];
|
||
}
|
||
return null;
|
||
};
|
||
|
||
//Get ipc for reason
|
||
BdApi.getIpc = function() {
|
||
return betterDiscordIPC;
|
||
};
|
||
|
||
//Get BetterDiscord Core
|
||
BdApi.getCore = function() {
|
||
return mainCore;
|
||
};
|
||
|
||
//Attempts to get user id by username
|
||
//Name = username
|
||
//Since Discord hides users if there's too many, this will often fail
|
||
BdApi.getUserIdByName = function(name) {
|
||
var users = $(".member-username");
|
||
|
||
for(var i = 0 ; i < users.length ; i++) {
|
||
var user = $(users[i]);
|
||
if(user.text() == name) {
|
||
var avatarUrl = user.closest(".member").find(".avatar-small").css("background-image");
|
||
return avatarUrl.match(/\d+/);
|
||
}
|
||
}
|
||
return null;
|
||
};
|
||
|
||
//Attempts to get username by id
|
||
//ID = user id
|
||
//Since Discord hides users if there's too many, this will often fail
|
||
var gg;
|
||
BdApi.getUserNameById = function(id) {
|
||
var users = $(".avatar-small");
|
||
|
||
for(var i = 0 ; i < users.length ; i++) {
|
||
var user = $(users[i]);
|
||
var url = user.css("background-image");
|
||
if(id == url.match(/\d+/)) {
|
||
return user.parent().find(".member-username").text();
|
||
}
|
||
}
|
||
return null;
|
||
}; |