480 lines
19 KiB
JavaScript
480 lines
19 KiB
JavaScript
/* BetterDiscordApp Core JavaScript
|
|
* Version: 1.53
|
|
* Author: Jiiks | http://jiiks.net
|
|
* Date: 27/08/2015 - 16:36
|
|
* Last Update: 01/05/2016
|
|
* https://github.com/Jiiks/BetterDiscordApp
|
|
*/
|
|
var settingsPanel, emoteModule, utils, quickEmoteMenu, opublicServers, voiceMode, pluginModule, themeModule, customCssEditor;
|
|
var jsVersion = 1.72;
|
|
var supportedVersion = "0.2.5";
|
|
|
|
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, "hidden": false, "cat": "core"},
|
|
"Public Servers": { "id": "bda-gs-1", "info": "Display public servers button", "implemented": true, "hidden": false, "cat": "core"},
|
|
"Minimal Mode": { "id": "bda-gs-2", "info": "Hide elements and reduce the size of elements.", "implemented": true, "hidden": false, "cat": "core"},
|
|
"Voice Mode": { "id": "bda-gs-4", "info": "Only show voice chat", "implemented": true, "hidden": false, "cat": "core"},
|
|
"Hide Channels": { "id": "bda-gs-3", "info": "Hide channels in minimal mode", "implemented": true, "hidden": false, "cat": "core"},
|
|
"Dark Mode": { "id": "bda-gs-5", "info": "Make certain elements dark by default(wip)", "implemented": true, "hidden": false, "cat": "core"},
|
|
"Override Default Emotes": { "id": "bda-es-5", "info": "Override default emotes", "implemented": false, "hidden": false, "cat": "core"},
|
|
"Voice Disconnect": { "id": "bda-dc-0", "info": "Disconnect from voice server when closing Discord", "implemented": true, "hidden": false, "cat": "core"},
|
|
"Custom css live update": { "id": "bda-css-0", "info": "", "implemented": true, "hidden": true, "cat": "core"},
|
|
"Custom css auto udpate": { "id": "bda-css-1", "info": "", "implemented": true, "hidden": true, "cat": "core"},
|
|
"24 Hour Timestamps": { "id": "bda-gs-6", "info": "Replace 12hr timestamps with proper ones", "implemented": true, "hidden": false, "cat": "core"},
|
|
"Coloured Text": { "id": "bda-gs-7", "info": "Make text colour the same as role colour", "implemented": true, "hidden": false, "cat": "core"},
|
|
|
|
"Twitch Emotes": { "id": "bda-es-7", "info": "Show Twitch emotes", "implemented": true, "hidden": false, "cat": "emote"},
|
|
"FrankerFaceZ Emotes": { "id": "bda-es-1", "info": "Show FrankerFaceZ Emotes", "implemented": true, "hidden": false, "cat": "emote"},
|
|
"BetterTTV Emotes": { "id": "bda-es-2", "info": "Show BetterTTV Emotes", "implemented": true, "hidden": false, "cat": "emote"},
|
|
"Emote Menu": { "id": "bda-es-0", "info": "Show Twitch/Favourite emotes in emote menu", "implemented": true, "hidden": false, "cat": "emote"},
|
|
"Emoji Menu": { "id": "bda-es-9", "info": "Show Discord emoji menu", "implemented": true, "hidden": false, "cat": "emote"},
|
|
"Emote Autocomplete": { "id": "bda-es-3", "info": "Autocomplete emote commands", "implemented": false, "hidden": false, "cat": "emote"},
|
|
"Emote Auto Capitalization": { "id": "bda-es-4", "info": "Autocapitalize emote commands", "implemented": true, "hidden": false, "cat": "emote"},
|
|
"Show Names": { "id": "bda-es-6", "info": "Show emote names on hover", "implemented": true, "hidden": false, "cat": "emote"},
|
|
"Show emote modifiers": { "id": "bda-es-8", "info": "Enable emote mods", "implemented": true, "hidden": false, "cat": "emote"},
|
|
};
|
|
|
|
var links = {
|
|
"Jiiks.net": { "text": "Jiiks.net", "href": "thtp://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-gs-5": true,
|
|
"bda-gs-6": false,
|
|
"bda-gs-7": 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-es-8": true,
|
|
"bda-jd": true,
|
|
"bda-es-8": true,
|
|
"bda-dc-0": false,
|
|
"bda-css-0": false,
|
|
"bda-css-1": false,
|
|
"bda-es-9": true
|
|
};
|
|
|
|
var bdchangelog = {
|
|
"changes": {
|
|
"a": {
|
|
"title": "v1.72 : Public Servers",
|
|
"text": "Public servers now have categories, description, tags, dark mode and more!",
|
|
"img": ""
|
|
},
|
|
"b": {
|
|
"title": "v1.72 : Import/Export",
|
|
"text": "Import/Export buttons now disappear in themes/plugins tabs to avoid confusion",
|
|
"img": ""
|
|
},
|
|
"c": {
|
|
"title": "v1.72 : Changelog",
|
|
"text": "You can now reopen this changelog from the settings",
|
|
"img": ""
|
|
},
|
|
"d": {
|
|
"title": "v1.71 : Hide Twitch emotes",
|
|
"text": "Hide all emotes option now toggles Twitch emotes instead!",
|
|
"img": ""
|
|
},
|
|
"e": {
|
|
"title": "v1.71 : Override FFZ emote",
|
|
"text": "Use the <code class=\"inline\">:bttv</code> emote modifier to override a FFZ emote with a BTTV one!",
|
|
"img": ""
|
|
},
|
|
"f": {
|
|
"title": "v1.70 : 0.2.8 Support",
|
|
"text": "Added support for Core version 0.2.8.",
|
|
"img": ""
|
|
},
|
|
"g": {
|
|
"title": "v1.70 : Setting Import/Export",
|
|
"text": "You can now import and export your settings!",
|
|
"img": ""
|
|
},
|
|
"h": {
|
|
"title": "v1.70 : Public Server List Infinite Scroll",
|
|
"text": "Public server list now has the ability to load more than 20 servers.",
|
|
"img": ""
|
|
},
|
|
"i": {
|
|
"title": "v1.70 : 24 hour timestamps",
|
|
"text": "Replace 12 hour timestamp with 24 hour timestamps!",
|
|
"img": ""
|
|
},
|
|
"j": {
|
|
"title": "v1.70 : Coloured text",
|
|
"text": "Make text colour the same as role colour!",
|
|
"img": ""
|
|
}
|
|
},
|
|
"fixes": {
|
|
"a": {
|
|
"title": "v1.72 : Settings panel",
|
|
"text": "Settings panel will now show no matter how you open it!",
|
|
"img": ""
|
|
},
|
|
"b": {
|
|
"title": "v1.72 : Fixed emote edit bug",
|
|
"text": "Edits now appear properly even with emotes!",
|
|
"img": ""
|
|
},
|
|
"c": {
|
|
"title": "v1.72 : Public servers",
|
|
"text": "Public servers button is visible again!",
|
|
"img": ""
|
|
},
|
|
"d": {
|
|
"title": "v1.72 : Public servers",
|
|
"text": "Updated public servers api endpoint url for fetching correct serverlist.",
|
|
"img": ""
|
|
},
|
|
"e": {
|
|
"title": "v1.71 : Fixed emotes and edit",
|
|
"text": "Emotes work again! So does editing emotes!",
|
|
"img": ""
|
|
},
|
|
"f": {
|
|
"title": "Spoilers are currently broken :(",
|
|
"text": "Ps. I know this in the fixes section :o",
|
|
"img": ""
|
|
}
|
|
}
|
|
};
|
|
|
|
var settingsCookie = {};
|
|
|
|
function Core() {}
|
|
|
|
Core.prototype.init = function () {
|
|
var self = this;
|
|
|
|
var lVersion = (typeof(version) === "undefined") ? bdVersion : version;
|
|
|
|
if (lVersion < supportedVersion) {
|
|
this.alert("Not Supported", "BetterDiscord v" + lVersion + "(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");
|
|
|
|
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();
|
|
customCssEditor = new CustomCssEditor();
|
|
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();
|
|
});
|
|
|
|
window.addEventListener("beforeunload", function(){
|
|
if(settingsCookie["bda-dc-0"]){
|
|
$('.btn.btn-disconnect').click();
|
|
}
|
|
});
|
|
|
|
$(document).on("mousedown", function(e) {
|
|
//bd modal hiders
|
|
|
|
});
|
|
|
|
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>");
|
|
$("head").append('<style id="bdemotemenustyle"></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"));
|
|
};
|
|
|
|
var botlist = ["119598467310944259"]; //Temp
|
|
Core.prototype.initObserver = function () {
|
|
mainObserver = new MutationObserver(function (mutations) {
|
|
|
|
mutations.forEach(function (mutation) {
|
|
if(settingsPanel !== undefined)
|
|
settingsPanel.inject(mutation);
|
|
|
|
if($(mutation.target).find(".emoji-picker").length) {
|
|
var fc = mutation.target.firstChild;
|
|
if(fc.classList.contains("popout")) {
|
|
quickEmoteMenu.obsCallback($(fc));
|
|
}
|
|
}
|
|
if (typeof pluginModule !== "undefined") pluginModule.rawObserver(mutation);
|
|
if (mutation.target.getAttribute('class') != null) {
|
|
//console.log(mutation.target)
|
|
if(mutation.target.classList.contains('title-wrap') || mutation.target.classList.contains('chat')){
|
|
// 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();
|
|
}
|
|
|
|
if(settingsCookie["bda-gs-6"]) {
|
|
$(".timestamp").not("[data-24]").each(function() {
|
|
var t = $(this);
|
|
t.attr("data-24", true);
|
|
var text = t.text();
|
|
var matches = /(.*)?at\s+(\d{1,2}):(\d{1,2})\s+(.*)/.exec(text);
|
|
if(matches == null) return true;
|
|
if(matches.length < 5) return true;
|
|
|
|
var h = parseInt(matches[2]);
|
|
if(matches[4] == "AM") {
|
|
if(h == 12) h -= 12;
|
|
}else if(matches[4] == "PM") {
|
|
if(h < 12) h += 12;
|
|
}
|
|
|
|
matches[2] = ('0' + h).slice(-2);
|
|
t.text(matches[1] + " at " + matches[2] + ":" + matches[3]);
|
|
});
|
|
}
|
|
if(settingsCookie["bda-gs-7"]) {
|
|
$(".user-name").not("[data-colour]").each(function() {
|
|
var t = $(this);
|
|
var color = t.css("color");
|
|
if(color == "rgb(255, 255, 255)") return true;
|
|
t.closest(".message-group").find(".markup").not("[data-colour]").each(function() {
|
|
$(this).attr("data-colour", true);
|
|
$(this).css("color", color);
|
|
});
|
|
});
|
|
}
|
|
}
|
|
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="markdown-modal change-log"> ' +
|
|
' <div class="markdown-modal-header">' +
|
|
' <strong>What\'s new in BetterDiscord JS' + jsVersion + '</strong>' +
|
|
' <button class="markdown-modal-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) {
|
|
var id = '';
|
|
for( var i=0; i < 5; i++ )
|
|
id += "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789".charAt(Math.floor(Math.random() * "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789".length));
|
|
var bdAlert = '\
|
|
<div id="bda-alert-'+id+'" class="modal bda-alert" style="opacity:1" data-bdalert="'+id+'">\
|
|
<div class="modal-inner" style="box-shadow:0 0 8px -2px #000;">\
|
|
<div class="markdown-modal">\
|
|
<div class="markdown-modal-header">\
|
|
<strong style="float:left"><span>BetterDiscord - </span><span>'+title+'</span></strong>\
|
|
<span></span>\
|
|
<button class="markdown-modal-close" onclick=\'document.getElementById("bda-alert-'+id+'").remove(); utils.removeBackdrop("'+id+'");\'></button>\
|
|
</div>\
|
|
<div class="scroller-wrap fade">\
|
|
<div style="font-weight:700" class="scroller">'+text+'</div>\
|
|
</div>\
|
|
<div class="markdown-modal-footer">\
|
|
<span style="float:right"> for support.</span>\
|
|
<a style="float:right" href="https://discord.gg/0Tmfo5ZbOR9NxvDd" target="_blank">#support</a>\
|
|
<span style="float:right">Join </span>\
|
|
</div>\
|
|
</div>\
|
|
</div>\
|
|
</div>\
|
|
';
|
|
$("body").append(bdAlert);
|
|
utils.addBackdrop(id);
|
|
}; |