diff --git a/README.md b/README.md index 50ae9e02..9ee84e7b 100644 --- a/README.md +++ b/README.md @@ -51,4 +51,4 @@ See this link: https://gist.github.com/ObserverOfTime/d7e60eb9aa7fe837545c8cb77c - Add toasts as notification option and in `BdApi` - Remove most jQuery dependency for speedup - Attach to settings when entering from right click - - Remove broken PublicServers + - Patch PublicServers diff --git a/js/main.js b/js/main.js index e561d4ff..b7081108 100644 --- a/js/main.js +++ b/js/main.js @@ -200,7 +200,7 @@ function Core(config) { window.bdConfig = config; } -Core.prototype.init = function () { +Core.prototype.init = async function () { var self = this; var lVersion = (typeof(version) === "undefined") ? bdVersion : version; @@ -398,8 +398,6 @@ Core.prototype.initObserver = function () { self.injectColoredText(node.parentElement.parentElement); if (!node.classList.contains("message-sending")) pluginModule.newMessage(); } - - emoteModule.obsCallback(mutation); }); }); @@ -734,6 +732,25 @@ EmoteModule.prototype.init = async function () { } this.loadEmoteData(emoteInfo); + + BDV2.ReactComponents.get("Message").then(MessageComponent => { + + this.cancel1 = Utils.monkeyPatch(MessageComponent.prototype, "componentDidMount", {after: (data) => { + let message = BDV2.reactDom.findDOMNode(data.thisObject); + message = message.querySelector('.markup'); + $(message).children('.emotewrapper').remove(); + emoteModule.injectEmote(message); + }}); + + this.cancel2 = Utils.monkeyPatch(MessageComponent.prototype, "componentDidUpdate", {after: (data) => { + let message = BDV2.reactDom.findDOMNode(data.thisObject); + message = message.querySelector('.markup'); + if (!message) return; + $(message).children('.emotewrapper').remove(); + emoteModule.injectEmote(message); + }}); + + }); }; EmoteModule.prototype.clearEmoteData = async function() { @@ -860,6 +877,7 @@ EmoteModule.prototype.getBlacklist = function () { }; EmoteModule.prototype.obsCallback = function (mutation) { + return; var self = this; for (var i = 0; i < mutation.addedNodes.length; ++i) { @@ -870,7 +888,10 @@ EmoteModule.prototype.obsCallback = function (mutation) { if (nodes.hasOwnProperty(node)) { var elem = nodes[node].parentElement; if (elem && elem.classList.contains('edited')) { - setTimeout(() => {self.injectEmote(elem, true);}, 200); + $(elem.parentElement).children('.emotewrapper').remove(); + setTimeout(() => { + self.injectEmote(elem, true); + }, 200); } else { self.injectEmote(nodes[node]); } @@ -896,9 +917,9 @@ EmoteModule.prototype.getNodes = function (node) { var bemotes = []; EmoteModule.prototype.injectEmote = async function(node, edited) { - if (!node.parentElement || (!node.parentElement.classList.contains("markup") && !node.parentElement.classList.contains("message-content"))) return; + //if (!node.parentElement || (!node.parentElement.classList.contains("markup") && !node.parentElement.classList.contains("message-content"))) return; let messageScroller = document.querySelector('.messages.scroller'); - let message = node.parentElement; + let message = node; let editNode = null; /*if (edited) message.querySelectorAll(".emotewrapper").forEach(node => { let name = node.querySelector(".emote").getAttribute("alt"); @@ -920,7 +941,7 @@ EmoteModule.prototype.injectEmote = async function(node, edited) { let element = this.createEmoteElement(emoteName, url, emoteModifier); let oldHeight = message.offsetHeight; //message.innerHTML = message.innerHTML.replace(new RegExp(`([\\s]|^)${utils.escape(emoteModifier ? emoteName + ":" + emoteModifier : emoteName)}([\\s]|$)`, "g"), `$1${element}$2`); - utils.insertElement(message, new RegExp(`([\\s]|^)${utils.escape(emoteModifier ? emoteName + ":" + emoteModifier : emoteName)}([\\s]|$)`, "g"), $(element)[0]); + utils.insertElement(message, new RegExp(`([\\s]|^)${utils.escape(emoteModifier ? emoteName + ":" + emoteModifier : emoteName)}([\\s]|$)`), $(element)[0]); messageScroller.scrollTop = messageScroller.scrollTop + (message.offsetHeight - oldHeight); return true; } @@ -1320,6 +1341,47 @@ Utils.prototype.getTextNodes = function(node) { return textNodes; } +Utils.suppressErrors = (method, desiption) => (...params) => { + try { return method(...params); } + catch (e) { console.error('Error occurred in ' + desiption, e); } +}; + +Utils.monkeyPatch = (what, methodName, options) => { + const {before, after, instead, once = false, silent = false} = options; + const displayName = options.displayName || what.displayName || what.name || what.constructor.displayName || what.constructor.name; + if (!silent) console.log('patch', methodName, 'of', displayName); // eslint-disable-line no-console + const origMethod = what[methodName]; + const cancel = () => { + if (!silent) console.log('unpatch', methodName, 'of', displayName); // eslint-disable-line no-console + what[methodName] = origMethod; + }; + what[methodName] = function() { + const data = { + thisObject: this, + methodArguments: arguments, + cancelPatch: cancel, + originalMethod: origMethod, + callOriginalMethod: () => data.returnValue = data.originalMethod.apply(data.thisObject, data.methodArguments) + }; + if (instead) { + const tempRet = Utils.suppressErrors(instead, '`instead` callback of ' + what[methodName].displayName)(data); + if (tempRet !== undefined) + data.returnValue = tempRet; + } + else { + if (before) Utils.suppressErrors(before, '`before` callback of ' + what[methodName].displayName)(data); + data.callOriginalMethod(); + if (after) Utils.suppressErrors(after, '`after` callback of ' + what[methodName].displayName)(data); + } + if (once) cancel(); + return data.returnValue; + }; + what[methodName].__monkeyPatched = true; + what[methodName].displayName = 'patched ' + (what[methodName].displayName || methodName); + return cancel; +}; + + /* BetterDiscordApp VoiceMode JavaScript * Version: 1.0 @@ -1922,6 +1984,104 @@ class V2 { 'react': this.WebpackModules.findByUniqueProperties(['Component', 'PureComponent', 'Children', 'createElement', 'cloneElement']), 'react-dom': this.WebpackModules.findByUniqueProperties(['findDOMNode']) }; + + this.getInternalInstance = e => e[Object.keys(e).find(k => k.startsWith("__reactInternalInstance"))]; + this.Renderer = (() => { + + const reactRootInternalInstance = () => this.getInternalInstance(document.getElementById('app-mount').firstElementChild); + + /** + * Generator for recursive traversal of rendered react component tree. Only component instances are returned. + * @param {object} [internalInstance] React Internal Instance of tree root. If not provided, default one is used + * @return {Iterable} Returns iterable of rendered react component instances. + */ + const recursiveComponents = function* (internalInstance = reactRootInternalInstance()) { + if (internalInstance.stateNode) + yield internalInstance.stateNode; + if (internalInstance.sibling) + yield* recursiveComponents(internalInstance.sibling); + if (internalInstance.child) + yield* recursiveComponents(internalInstance.child); + }; + + return {recursiveComponents}; + })(); + + this.ReactComponents = (() => { + + const components = {}; + const listeners = {}; + const noNameComponents = new Set(); + const newNamedComponents = new Set(); + const nameSetters = {}; + + const namesClashMessage = (oldName, newName) => `Several name setters for one component is detected! Old name is ${oldName}, new name is ${newName}. Only new name will be available as displayName, but all getters will resolve`; + + const put = component => { + if (typeof component === "function") { + const name = component.displayName; + if (name) { + if (!components[name]) { + components[name] = component; + if (listeners[name]) { + listeners[name].forEach(f => f(component)); + listeners[name] = null; + } + if (nameSetters[name]) { + delete nameSetters[name]; + } + } + } + else { + if (!noNameComponents.has(component)) { + for (const [name, filter] of Object.entries(nameSetters)) { + if (filter(component)) { + if (component.displayName) { + console.warn(namesClashMessage(component.displayName, name), component) + } + component.displayName = name; + delete nameSetters[name]; + put(component); + } + } + if (!component.displayName) { + noNameComponents.add(component); + } + else { + newNamedComponents.add(component); + } + } + } + } + }; + + const get = (name, callback = null) => new Promise(resolve => { + const listener = component => { + if (callback) callback(component); + resolve(component); + }; + if (components[name]) { + listener(components[name]); + } + else { + if (!listeners[name]) listeners[name] = []; + listeners[name].push(listener); + } + }); + + Utils.monkeyPatch(this.react, 'createElement', { + displayName: 'React', + before: ({methodArguments}) => { + put(methodArguments[0]); + } + }); + for (let component of this.Renderer.recursiveComponents()) { + put(component.constructor); + } + + return {get}; + + })(); } get reactComponent() { diff --git a/js/main.min.js b/js/main.min.js index 8070cc33..92a06502 100644 --- a/js/main.min.js +++ b/js/main.min.js @@ -1,4 +1,4 @@ -(function(){let a=window.require("fs"),r=window.require("process"),o=r.platform,d=("win32"===o?r.env.APPDATA:"darwin"===o?r.env.HOME+"/Library/Preferences":process.env.HOME+"/.config")+"/BetterDiscord/",l="localStorage.json",u={};if(a.existsSync(`${d}${l}`))try{u=JSON.parse(a.readFileSync(`${d}${l}`))}catch(b){console.log(b)}else if(a.existsSync(l))try{u=JSON.parse(a.readFileSync(l))}catch(b){console.log(b)}var h=u;h.setItem=function(b,f){h[b]=f,this.save()},h.getItem=function(b){return h[b]||null},h.save=function(){a.writeFileSync(`${d}${l}`,JSON.stringify(this),null,4)};var g=new Proxy(h,{set:function(b,f,y){h[f]=y,h.save()},get:function(b,f){return h[f]||null}});window.localStorage=g})(),(()=>{let a=document.createElement("div");a.className="bd-loaderv2",a.title="BetterDiscord is loading...",document.body.appendChild(a)})(),window.bdStorage={},window.bdStorage.get=function(a){return betterDiscordIPC.sendSync("synchronous-message",{arg:"storage",cmd:"get","var":a})},window.bdStorage.set=function(a,r){betterDiscordIPC.sendSync("synchronous-message",{arg:"storage",cmd:"set","var":a,data:r})},window.bdPluginStorage={},window.bdPluginStorage.get=function(a,r){return betterDiscordIPC.sendSync("synchronous-message",{arg:"pluginstorage",cmd:"get",pn:a,"var":r})},window.bdPluginStorage.set=function(a,r,o){betterDiscordIPC.sendSync("synchronous-message",{arg:"pluginstorage",cmd:"set",pn:a,"var":r,data:o})},betterDiscordIPC.on("asynchronous-reply",(a,r)=>{console.log(a),console.log(r)});var settingsPanel,emoteModule,utils,quickEmoteMenu,voiceMode,pluginModule,themeModule,dMode,publicServersModule,jsVersion=1.792,supportedVersion="0.2.81",bbdVersion="0.0.5",mainObserver,twitchEmoteUrlStart="https://static-cdn.jtvnw.net/emoticons/v1/",twitchEmoteUrlEnd="/1.0",ffzEmoteUrlStart="https://cdn.frankerfacez.com/emoticon/",ffzEmoteUrlEnd="/1",bttvEmoteUrlStart="https://cdn.betterttv.net/emote/",bttvEmoteUrlEnd="/1x",mainCore,settings={"Save logs locally":{id:"bda-gs-0",info:"Saves chat logs locally",implemented:!1,hidden:!1,cat:"core"},"Public Servers":{id:"bda-gs-1",info:"Display public servers button",implemented:!0,hidden:!1,cat:"core"},"Minimal Mode":{id:"bda-gs-2",info:"Hide elements and reduce the size of elements.",implemented:!0,hidden:!1,cat:"core"},"Voice Mode":{id:"bda-gs-4",info:"Only show voice chat",implemented:!0,hidden:!1,cat:"core"},"Hide Channels":{id:"bda-gs-3",info:"Hide channels in minimal mode",implemented:!0,hidden:!1,cat:"core"},"Dark Mode":{id:"bda-gs-5",info:"Make certain elements dark by default(wip)",implemented:!0,hidden:!1,cat:"core"},"Override Default Emotes":{id:"bda-es-5",info:"Override default emotes",implemented:!1,hidden:!1,cat:"core"},"Voice Disconnect":{id:"bda-dc-0",info:"Disconnect from voice server when closing Discord",implemented:!0,hidden:!1,cat:"core"},"Custom css live update":{id:"bda-css-0",info:"",implemented:!0,hidden:!0,cat:"core"},"Custom css auto udpate":{id:"bda-css-1",info:"",implemented:!0,hidden:!0,cat:"core"},"24 Hour Timestamps":{id:"bda-gs-6",info:"Replace 12hr timestamps with proper ones",implemented:!0,hidden:!1,cat:"core"},"Coloured Text":{id:"bda-gs-7",info:"Make text colour the same as role colour",implemented:!0,hidden:!1,cat:"core"},"BetterDiscord Blue":{id:"bda-gs-b",info:"Replace Discord blue with BD Blue",implemented:!0,hidden:!1,cat:"core"},"Developer Mode":{id:"bda-gs-8",info:"Developer Mode",implemented:!0,hidden:!1,cat:"core"},"Startup Error Modal":{id:"fork-ps-1",info:"Show a modal with plugin/theme errors on startup",implemented:!0,hidden:!1,cat:"fork"},"Show Toasts":{id:"fork-ps-2",info:"Shows a small notification for starting and stopping plugins & themes",implemented:!0,hidden:!1,cat:"fork"},"Scroll To Settings":{id:"fork-ps-3",info:"Auto-scrolls to a plugin's settings when the button is clicked (only if out of view)",implemented:!0,hidden:!1,cat:"fork"},"Emote Modifier Tooltip":{id:"fork-es-1",info:"Shows the emote modifier in the tooltip.",implemented:!0,hidden:!1,cat:"fork"},"Animate On Hover":{id:"fork-es-2",info:"Only animate the emote modifiers on hover",implemented:!0,hidden:!1,cat:"fork"},"Copy Selector":{id:"fork-dm-1",info:"Adds a \"Copy Selector\" option to context menus when developer mode is active",implemented:!0,hidden:!1,cat:"fork"},"Twitch Emotes":{id:"bda-es-7",info:"Show Twitch emotes",implemented:!0,hidden:!1,cat:"emote"},"FrankerFaceZ Emotes":{id:"bda-es-1",info:"Show FrankerFaceZ Emotes",implemented:!0,hidden:!1,cat:"emote"},"BetterTTV Emotes":{id:"bda-es-2",info:"Show BetterTTV Emotes",implemented:!0,hidden:!1,cat:"emote"},"Emote Menu":{id:"bda-es-0",info:"Show Twitch/Favourite emotes in emote menu",implemented:!0,hidden:!1,cat:"emote"},"Emoji Menu":{id:"bda-es-9",info:"Show Discord emoji menu",implemented:!0,hidden:!1,cat:"emote"},"Emote Autocomplete":{id:"bda-es-3",info:"Autocomplete emote commands",implemented:!1,hidden:!1,cat:"emote"},"Emote Auto Capitalization":{id:"bda-es-4",info:"Autocapitalize emote commands",implemented:!0,hidden:!1,cat:"emote"},"Show Names":{id:"bda-es-6",info:"Show emote names on hover",implemented:!0,hidden:!1,cat:"emote"},"Show emote modifiers":{id:"bda-es-8",info:"Enable emote mods (flip, spin, pulse, spin2, spin3, 1spin, 2spin, 3spin, tr, bl, br, shake, shake2, shake3, flap)",implemented:!0,hidden:!1,cat:"emote"}},defaultCookie={version:jsVersion,"bda-gs-0":!1,"bda-gs-1":!1,"bda-gs-2":!1,"bda-gs-3":!1,"bda-gs-4":!1,"bda-gs-5":!0,"bda-gs-6":!1,"bda-gs-7":!1,"bda-gs-8":!1,"bda-es-0":!0,"bda-es-1":!0,"bda-es-2":!0,"bda-es-3":!1,"bda-es-4":!1,"bda-es-5":!0,"bda-es-6":!0,"bda-es-7":!0,"bda-gs-b":!0,"bda-es-8":!0,"bda-jd":!0,"bda-dc-0":!1,"bda-css-0":!1,"bda-css-1":!1,"bda-es-9":!0,"fork-dm-1":!1,"fork-ps-1":!0,"fork-ps-2":!0,"fork-ps-3":!0,"fork-es-1":!0,"fork-es-2":!1},settingsCookie={},bdpluginErrors,bdthemeErrors,bdConfig=null;function Core(a){a?a.newLoader=!0:a={branch:"master",repo:"rauenzi",updater:{CDN:"cdn.rawgit.com"}},window.bdConfig=a}Core.prototype.init=function(){function a(){console.log(new Date().getTime()+" Defer"),0
Please download the latest version from BetterDiscord.net"):void(utils=new Utils,utils.getHash(),publicServersModule=new V2_PublicServers,emoteModule=new EmoteModule,utils.log("Initializing EmoteModule"),emoteModule.init(),quickEmoteMenu=new QuickEmoteMenu,voiceMode=new VoiceMode,dMode=new devMode,utils.log("Initializing Settings"),this.initSettings(),$(document).ready(function(){setTimeout(a,1e3)}))},Core.prototype.injectExternals=function(){utils.injectJs("https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.9/ace.js")},Core.prototype.initSettings=function(){if(void 0==$.cookie("better-discord"))settingsCookie=defaultCookie,this.saveSettings();else for(var a in this.loadSettings(),$("`),settingsCookie["fork-ps-2"]&&mainCore.showToast(`${bdthemes[a].name} v${bdthemes[a].version} has been applied.`)},ThemeModule.prototype.disableTheme=function(a){themeCookie[a]=!1,this.saveThemeData(),$(`#${utils.escapeID(bdthemes[a].name)}`).remove(),settingsCookie["fork-ps-2"]&&mainCore.showToast(`${bdthemes[a].name} v${bdthemes[a].version} has been removed.`)},ThemeModule.prototype.toggleTheme=function(a){themeCookie[a]?this.disableTheme(a):this.enableTheme(a)},ThemeModule.prototype.loadThemeData=function(){var a=$.cookie("bd-themes");a!=void 0&&(themeCookie=JSON.parse($.cookie("bd-themes")))},ThemeModule.prototype.saveThemeData=function(){$.cookie("bd-themes",JSON.stringify(themeCookie),{expires:365,path:"/"})};function BdApi(){}BdApi.injectCSS=function(a,r){$("head").append($(""),$("#customcss").html(this.editor.session.getValue()).detach().appendTo(document.head)}saveCss(){window.bdStorage.set("bdcustomcss",btoa(this.editor.session.getValue()))}}class V2C_CssEditor extends BDV2.reactComponent{constructor(a){super(a);let r=this;r.props.lines=0,r.setInitialState(),r.attach=r.attach.bind(r),r.detachedEditor=BDV2.react.createElement(V2C_CssEditorDetached,{attach:r.attach}),r.onClick=r.onClick.bind(r),r.updateCss=r.updateCss.bind(r),r.saveCss=r.saveCss.bind(r),r.detach=r.detach.bind(r)}setInitialState(){this.state={detached:this.props.detached||window.bdtemp.editorDetached}}componentDidMount(){this.editor=ace.edit("bd-customcss-editor"),this.editor.setTheme("ace/theme/monokai"),this.editor.session.setMode("ace/mode/css"),this.editor.setShowPrintMargin(!1),this.editor.setFontSize(14),this.editor.on("change",()=>{settingsCookie["bda-css-0"]&&(this.saveCss(),this.updateCss())})}componentWillUnmount(){this.editor.destroy()}componentDidUpdate(a,r){let o=this;r.detached&&!o.state.detached&&BDV2.reactDom.unmountComponentAtNode(o.detachedRoot)}codeMirror(){}get options(){return{lineNumbers:!0,mode:"css",indentUnit:4,theme:"material",scrollbarStyle:"simple"}}get css(){let a=window.bdStorage.get("bdcustomcss"),r="";return a&&""!==a&&(r=atob(a)),r}updateLineCount(){let a=this.refs.editor.value.split("\n").length;a==this.props.lines||(this.refs.lines.textContent=Array.from(Array(a),(r,o)=>o+1).join(".\n")+".",this.props.lines=a)}render(){let a=this,{detached:r}=a.state;return BDV2.react.createElement("div",{className:"content-column default",style:{padding:"60px 40px 0px"}},r&&BDV2.react.createElement("div",{id:"editor-detached"},BDV2.react.createElement(V2Components.SettingsTitle,{text:"Custom CSS Editor"}),BDV2.react.createElement("h3",null,"Editor Detached"),BDV2.react.createElement("button",{className:"btn btn-primary",onClick:()=>{a.attach()}},"Attach")),!r&&BDV2.react.createElement("div",null,BDV2.react.createElement(V2Components.SettingsTitle,{text:"Custom CSS Editor"}),BDV2.react.createElement("div",{className:"editor-wrapper"},BDV2.react.createElement("div",{id:"bd-customcss-editor",className:"editor",ref:"editor"},a.css)),BDV2.react.createElement("div",{id:"bd-customcss-attach-controls"},BDV2.react.createElement("ul",{className:"checkbox-group"},BDV2.react.createElement(V2Components.Checkbox,{id:"live-update",text:"Live Update",onChange:this.onChange,checked:settingsCookie["bda-css-0"]})),BDV2.react.createElement("div",{id:"bd-customcss-detach-controls-button"},BDV2.react.createElement("button",{style:{borderRadius:"3px 0 0 3px",borderRight:"1px solid #3f4146"},className:"btn btn-primary",onClick:()=>{a.onClick("update")}},"Update"),BDV2.react.createElement("button",{style:{borderRadius:"0",borderLeft:"1px solid #2d2d2d",borderRight:"1px solid #2d2d2d"},className:"btn btn-primary",onClick:()=>{a.onClick("save")}},"Save"),BDV2.react.createElement("button",{style:{borderRadius:"0 3px 3px 0",borderLeft:"1px solid #3f4146"},className:"btn btn-primary",onClick:()=>{a.onClick("detach")}},"Detach"),BDV2.react.createElement("span",{style:{fontSize:"10px",marginLeft:"5px"}},"Unsaved changes are lost on detach")))))}onClick(a){let r=this;"update"===a?r.updateCss():"save"===a?r.saveCss():"detach"===a?r.detach():void 0}onChange(a,r){"live-update"===a?(settingsCookie["bda-css-0"]=r,mainCore.saveSettings()):void 0}updateCss(){0==$("#customcss").length&&$("head").append(""),$("#customcss").html(this.editor.session.getValue()).detach().appendTo(document.head)}saveCss(){window.bdStorage.set("bdcustomcss",btoa(this.editor.session.getValue()))}detach(){let a=this;a.setState({detached:!0});let r=a.detachedRoot;return r?void BDV2.reactDom.render(a.detachedEditor,r):void console.log("FAILED TO INJECT ROOT: .app")}get detachedRoot(){let a=$("#bd-customcss-detach-container");return a.length?a[0]:this.injectDetachedRoot()?this.detachedRoot:null}injectDetachedRoot(){return!!$(".app").length&&($("
",{id:"bd-customcss-detach-container"}).insertAfter($(".app")),!0)}attach(){let a=this;a.setState({detached:!1})}}class V2C_List extends BDV2.reactComponent{constructor(a){super(a)}render(){return BDV2.react.createElement("ul",{className:this.props.className},this.props.children)}}class V2C_ContentColumn extends BDV2.reactComponent{constructor(a){super(a)}render(){return BDV2.react.createElement("div",{className:"content-column default"},BDV2.react.createElement("h2",{className:"ui-form-title h2 margin-reset margin-bottom-20"},this.props.title),this.props.children)}}class V2C_PluginCard extends BDV2.reactComponent{constructor(a){super(a);let r=this;r.onChange=r.onChange.bind(r),r.showSettings=r.showSettings.bind(r),r.setInitialState(),r.hasSettings="function"==typeof r.props.plugin.getSettingsPanel,r.settingsPanel=""}setInitialState(){this.state={checked:pluginCookie[this.props.plugin.getName()],settings:!1}}componentDidUpdate(){if(this.state.settings){if("object"==typeof this.settingsPanel&&this.refs.settingspanel.appendChild(this.settingsPanel),!settingsCookie["fork-ps-3"])return;var a=(d,l)=>{let u=d.scrollTop,h=u+d.clientHeight,g=l.offsetTop,b=g+l.clientHeight;return gh};let r=$(BDV2.reactDom.findDOMNode(this)),o=r.parents(".scroller");if(!a(o[0],r[0]))return;o.animate({scrollTop:r.offset().top-o.offset().top+o.scrollTop()-30},300)}}render(){let a=this,{plugin:r}=this.props,o=r.getName(),d=r.getAuthor(),l=r.getDescription(),u=r.getVersion(),h=bdplugins[o].website,g=bdplugins[o].source;if(this.state.settings){try{a.settingsPanel=r.getSettingsPanel()}catch(b){utils.err("Unable to get settings panel for "+r.getName()+".",b)}return BDV2.react.createElement("li",{className:"settings-open ui-switch-item"},BDV2.react.createElement("div",{style:{float:"right",cursor:"pointer"},onClick:()=>{this.refs.settingspanel.innerHTML="",a.setState({settings:!1})}},BDV2.react.createElement(V2Components.XSvg,null)),"object"==typeof a.settingsPanel&&BDV2.react.createElement("div",{id:`plugin-settings-${o}`,className:"plugin-settings",ref:"settingspanel"}),"object"!=typeof a.settingsPanel&&BDV2.react.createElement("div",{id:`plugin-settings-${o}`,className:"plugin-settings",ref:"settingspanel",dangerouslySetInnerHTML:{__html:a.settingsPanel}}))}return BDV2.react.createElement("li",{"data-name":o,"data-version":u,className:"settings-closed ui-switch-item"},BDV2.react.createElement("div",{className:"bda-header"},BDV2.react.createElement("span",{className:"bda-header-title"},BDV2.react.createElement("span",{className:"bda-name"},o)," v",BDV2.react.createElement("span",{className:"bda-version"},u)," by ",BDV2.react.createElement("span",{className:"bda-author"},d)),BDV2.react.createElement("label",{className:"ui-switch-wrapper ui-flex-child",style:{flex:"0 0 auto"}},BDV2.react.createElement("input",{checked:this.state.checked,onChange:this.onChange,className:"ui-switch-checkbox",type:"checkbox"}),BDV2.react.createElement("div",{className:this.state.checked?"ui-switch checked":"ui-switch"}))),BDV2.react.createElement("div",{className:"bda-description-wrap scroller-wrap fade"},BDV2.react.createElement("div",{className:"bda-description scroller"},l)),(h||g||this.hasSettings)&&BDV2.react.createElement("div",{className:"bda-footer"},BDV2.react.createElement("span",{className:"bda-links"},h&&BDV2.react.createElement("a",{className:"bda-link",href:h,target:"_blank"},"Website"),h&&g&&" | ",g&&BDV2.react.createElement("a",{className:"bda-link",href:g,target:"_blank"},"Source")),this.hasSettings&&BDV2.react.createElement("button",{onClick:this.showSettings,className:"bda-settings-button",disabled:!this.state.checked},"Settings")))}onChange(){this.setState({checked:!this.state.checked}),pluginModule.togglePlugin(this.props.plugin.getName())}showSettings(){this.hasSettings&&this.setState({settings:!0})}}class V2C_ThemeCard extends BDV2.reactComponent{constructor(a){super(a),this.setInitialState(),this.onChange=this.onChange.bind(this)}setInitialState(){this.state={checked:themeCookie[this.props.theme.name]}}render(){let{theme:a}=this.props,r=a.name,o=a.description,d=a.version,l=a.author,u=bdthemes[r].website,h=bdthemes[r].source;return BDV2.react.createElement("li",{"data-name":r,"data-version":d,className:"settings-closed ui-switch-item"},BDV2.react.createElement("div",{className:"bda-header"},BDV2.react.createElement("span",{className:"bda-header-title"},BDV2.react.createElement("span",{className:"bda-name"},r)," v",BDV2.react.createElement("span",{className:"bda-version"},d)," by ",BDV2.react.createElement("span",{className:"bda-author"},l)),BDV2.react.createElement("label",{className:"ui-switch-wrapper ui-flex-child",style:{flex:"0 0 auto"}},BDV2.react.createElement("input",{checked:this.state.checked,onChange:this.onChange,className:"ui-switch-checkbox",type:"checkbox"}),BDV2.react.createElement("div",{className:this.state.checked?"ui-switch checked":"ui-switch"}))),BDV2.react.createElement("div",{className:"bda-description-wrap scroller-wrap fade"},BDV2.react.createElement("div",{className:"bda-description scroller"},o)),(u||h)&&BDV2.react.createElement("div",{className:"bda-footer"},BDV2.react.createElement("span",{className:"bda-links"},u&&BDV2.react.createElement("a",{className:"bda-link",href:u,target:"_blank"},"Website"),u&&h&&" | ",h&&BDV2.react.createElement("a",{className:"bda-link",href:h,target:"_blank"},"Source"))))}onChange(){this.setState({checked:!this.state.checked}),themeModule.toggleTheme(this.props.theme.name)}}class V2Cs_TabBar{static get Item(){return V2C_TabBarItem}static get Header(){return V2C_TabBarHeader}static get Separator(){return V2C_TabBarSeparator}}class V2Components{static get SettingsPanel(){return V2C_SettingsPanel}static get Switch(){return V2C_Switch}static get Scroller(){return V2C_Scroller}static get TabBar(){return V2Cs_TabBar}static get SideBar(){return V2C_SideBar}static get Tools(){return V2C_Tools}static get SettingsTitle(){return V2C_SettingsTitle}static get CssEditor(){return V2C_CssEditor}static get Checkbox(){return V2C_Checkbox}static get List(){return V2C_List}static get PluginCard(){return V2C_PluginCard}static get ThemeCard(){return V2C_ThemeCard}static get ContentColumn(){return V2C_ContentColumn}static get XSvg(){return V2C_XSvg}static get Layer(){return V2C_Layer}static get SidebarView(){return V2C_SidebarView}static get ServerCard(){return V2C_ServerCard}}class V2_SettingsPanel_Sidebar{constructor(a){this.onClick=a}get items(){return[{text:"Core",id:"core"},{text:"Zere's Fork",id:"fork"},{text:"Emotes",id:"emotes"},{text:"Custom CSS",id:"customcss"},{text:"Plugins",id:"plugins"},{text:"Themes",id:"themes"}]}get component(){return BDV2.react.createElement("span",null,BDV2.react.createElement(V2Components.SideBar,{onClick:this.onClick,headerText:"Bandaged BD",items:this.items}),BDV2.react.createElement("div",{style:{fontSize:"12px",fontWeight:"600",color:"#72767d",padding:"2px 10px"}},`BD v${bdVersion}, JS v${jsVersion} by `,BDV2.react.createElement("a",{href:"https://github.com/Jiiks/",target:"_blank"},"Jiiks")),BDV2.react.createElement("div",{style:{fontSize:"12px",fontWeight:"600",color:"#72767d",padding:"2px 10px"}},`BBD v${bbdVersion} by `,BDV2.react.createElement("a",{href:"https://github.com/rauenzi/",target:"_blank"},"Zerebos")))}get root(){let a=$("#bd-settings-sidebar");return a.length?a[0]:this.injectRoot()?this.root:null}injectRoot(){let a=$("[class*='side-'] > [class*='item-']:not([class*=Danger])").last();return!!a.length&&($("",{id:"bd-settings-sidebar"}).insertBefore(a.prev()),!0)}render(){let a=this.root;return a?void BDV2.reactDom.render(this.component,a):void console.log("FAILED TO LOCATE ROOT: [class*='side-'] > [class*='item-']:not([class*=Danger])")}}class V2_SettingsPanel{constructor(){let a=this;a.sideBarOnClick=a.sideBarOnClick.bind(a),a.onChange=a.onChange.bind(a),a.updateSettings=this.updateSettings.bind(a),a.sidebar=new V2_SettingsPanel_Sidebar(a.sideBarOnClick)}get root(){let a=$("#bd-settingspane-container");return a.length?a[0]:this.injectRoot()?this.root:null}injectRoot(){return!!$(".layer .ui-standard-sidebar-view, .layer-kosS71 .ui-standard-sidebar-view").length&&($(".layer .ui-standard-sidebar-view, .layer-kosS71 .ui-standard-sidebar-view").append($("
",{class:"content-region",id:"bd-settingspane-container"})),!0)}get coreSettings(){return this.getSettings("core")}get forkSettings(){return this.getSettings("fork")}get emoteSettings(){return this.getSettings("emote")}getSettings(a){return Object.keys(settings).reduce((r,o)=>{let d=settings[o];return d.cat===a&&d.implemented&&!d.hidden&&(d.text=o,r.push(d)),r},[])}sideBarOnClick(a){let r=this;$(".content-region").first().hide(),$(r.root).show();"core"===a?r.renderCoreSettings():"fork"===a?r.renderForkSettings():"emotes"===a?r.renderEmoteSettings():"customcss"===a?r.renderCustomCssEditor():"plugins"===a?r.renderPluginPane():"themes"===a?r.renderThemePane():void 0}onClick(){}onChange(a,r){settingsCookie[a]=r,this.updateSettings()}updateSettings(){let a=settingsCookie;if(a["bda-es-0"]?$("#twitchcord-button-container").show():$("#twitchcord-button-container").hide(),a["bda-gs-b"]?$("body").addClass("bd-blue"):$("body").removeClass("bd-blue"),a["bda-gs-2"]?$("body").addClass("bd-minimal"):$("body").removeClass("bd-minimal"),a["bda-gs-3"]?$("body").addClass("bd-minimal-chan"):$("body").removeClass("bd-minimal-chan"),a["bda-gs-1"]?$("#bd-pub-li").show():$("#bd-pub-li").hide(),a["bda-gs-4"]?voiceMode.enable():voiceMode.disable(),a["bda-gs-5"]?$("#app-mount").addClass("bda-dark"):$("#app-mount").removeClass("bda-dark"),document.querySelector(".messages")){let o=document.querySelector(".messages");a["bda-gs-6"]?mainCore.inject24Hour(o):mainCore.remove24Hour(o),a["bda-gs-7"]&&document.querySelector(".messages")?mainCore.injectColoredText(o):mainCore.removeColoredText(o)}a["fork-es-2"]?$(".emote").each(()=>{$(this).addClass("stop-animation")}):$(".emote").each(()=>{$(this).removeClass("stop-animation")}),$(document).off("mouseover",".emote");var r=$("
");$(document).on("mouseover",".emote",function(){var o=$(this);if(a["fork-es-2"]&&a["bda-es-8"]&&o.removeClass("stop-animation"),!!a["bda-es-6"]){var d=o.offset(),l=o.attr("alt"),u=o.attr("data-modifier");u&&a["fork-es-1"]&&(l=l+":"+u),r.find(".tipsy-inner").text(l),$(".app").append($(r));var h=d.left+o.outerWidth()/2;r.css("left",h-r.outerWidth()/2),r.css("top",d.top-r.outerHeight())}}),$(document).on("mouseleave",".emote",function(){a["bda-es-6"]&&$(".tipsy").remove(),a["fork-es-2"]&&a["bda-es-8"]&&$(this).addClass("stop-animation")}),a["bda-gs-8"]?dMode.enable(a["fork-dm-1"]):dMode.disable(),mainCore.saveSettings()}renderSidebar(){let a=this;$("[class*='side-'] > [class*='item-']").off("click.v2settingspanel").on("click.v2settingspanel",()=>{BDV2.reactDom.unmountComponentAtNode(a.root),$(a.root).hide(),$(".content-region").first().show()}),a.sidebar.render()}get coreComponent(){return BDV2.react.createElement(V2Components.Scroller,{fade:!0,dark:!0,children:[BDV2.react.createElement(V2Components.SettingsPanel,{key:"cspanel",title:"Core Settings",onChange:this.onChange,settings:this.coreSettings}),BDV2.react.createElement(V2Components.Tools,{key:"tools"})]})}get forkComponent(){return BDV2.react.createElement(V2Components.Scroller,{fade:!0,dark:!0,children:[BDV2.react.createElement(V2Components.SettingsPanel,{key:"fspanel",title:"Zere's Fork Settings",onChange:this.onChange,settings:this.forkSettings,button:{title:"Clear Emote Cache",onClick:()=>{emoteModule.clearEmoteData(),emoteModule.init(),quickEmoteMenu.init()}}}),BDV2.react.createElement(V2Components.Tools,{key:"tools"})]})}get emoteComponent(){return BDV2.react.createElement(V2Components.Scroller,{fade:!0,dark:!0,children:[BDV2.react.createElement(V2Components.SettingsPanel,{key:"espanel",title:"Emote Settings",onChange:this.onChange,settings:this.emoteSettings}),BDV2.react.createElement(V2Components.Tools,{key:"tools"})]})}get customCssComponent(){return BDV2.react.createElement(V2Components.Scroller,{fade:!0,dark:!0,children:[BDV2.react.createElement(V2Components.CssEditor,{key:"csseditor"}),BDV2.react.createElement(V2Components.Tools,{key:"tools"})]})}get pluginsComponent(){let a=Object.keys(bdplugins).reduce((l,u)=>{return l.push(BDV2.react.createElement(V2Components.PluginCard,{key:u,plugin:bdplugins[u].plugin})),l},[]),r=BDV2.react.createElement(V2Components.List,{key:"plugin-list",className:"bda-slist",children:a}),o=BDV2.react.createElement("button",{key:"folder-button",className:"bd-pfbtn",onClick:()=>{betterDiscordIPC.send("asynchronous-message",{arg:"opendir",path:"plugindir"})}},"Open Plugin Folder"),d=BDV2.react.createElement(V2Components.ContentColumn,{key:"pcolumn",title:"Plugins",children:[o,r]});return BDV2.react.createElement(V2Components.Scroller,{fade:!0,dark:!0,children:[d,BDV2.react.createElement(V2Components.Tools,{key:"tools"})]})}get themesComponent(){let a=Object.keys(bdthemes).reduce((l,u)=>{return l.push(BDV2.react.createElement(V2Components.ThemeCard,{key:u,theme:bdthemes[u]})),l},[]),r=BDV2.react.createElement(V2Components.List,{key:"theme-list",className:"bda-slist",children:a}),o=BDV2.react.createElement("button",{key:"folder-button",className:"bd-pfbtn",onClick:()=>{betterDiscordIPC.send("asynchronous-message",{arg:"opendir",path:"themedir"})}},"Open Theme Folder"),d=BDV2.react.createElement(V2Components.ContentColumn,{key:"tcolumn",title:"Themes",children:[o,r]});return BDV2.react.createElement(V2Components.Scroller,{fade:!0,dark:!0,children:[d,BDV2.react.createElement(V2Components.Tools,{key:"tools"})]})}renderCoreSettings(){let a=this.root;return a?void BDV2.reactDom.render(this.coreComponent,a):void console.log("FAILED TO LOCATE ROOT: .layer .ui-standard-sidebar-view")}renderForkSettings(){let a=this.root;return a?void BDV2.reactDom.render(this.forkComponent,a):void console.log("FAILED TO LOCATE ROOT: .layer .ui-standard-sidebar-view")}renderEmoteSettings(){let a=this.root;return a?void BDV2.reactDom.render(this.emoteComponent,a):void console.log("FAILED TO LOCATE ROOT: .layer .ui-standard-sidebar-view")}renderCustomCssEditor(){let a=this.root;return a?void BDV2.reactDom.render(this.customCssComponent,a):void console.log("FAILED TO LOCATE ROOT: .layer .ui-standard-sidebar-view")}renderPluginPane(){let a=this.root;return a?void BDV2.reactDom.render(this.pluginsComponent,a):void console.log("FAILED TO LOCATE ROOT: .layer .ui-standard-sidebar-view")}renderThemePane(){let a=this.root;return a?void BDV2.reactDom.render(this.themesComponent,a):void console.log("FAILED TO LOCATE ROOT: .layer .ui-standard-sidebar-view")}}class V2C_Layer extends BDV2.reactComponent{constructor(a){super(a)}componentDidMount(){$(window).on(`keyup.${this.props.id}`,a=>{27===a.which&&BDV2.reactDom.unmountComponentAtNode(this.refs.root.parentNode)})}componentWillUnmount(){$(window).off(`keyup.${this.props.id}`),$(`#${this.props.rootId}`).remove()}render(){return BDV2.react.createElement("div",{className:"layer bd-layer layer-kosS71",id:this.props.id,ref:"root"},this.props.children)}}class V2C_SidebarView extends BDV2.reactComponent{constructor(a){super(a)}render(){let{sidebar:a,content:r,tools:o}=this.props.children;return BDV2.react.createElement("div",{className:"ui-standard-sidebar-view"},BDV2.react.createElement("div",{className:"sidebar-region"},BDV2.react.createElement(V2Components.Scroller,{key:"sidebarScroller",ref:"sidebarScroller",fade:a.fade||!0,dark:a.dark||!0,children:a.component})),BDV2.react.createElement("div",{className:"content-region"},BDV2.react.createElement("div",{className:"content-transition-wrap"},BDV2.react.createElement("div",{className:"scrollerWrap-2uBjct content-region-scroller-wrap scrollerThemed-19vinI themeGhost-10fio9 scrollerTrack-3hhmU0"},BDV2.react.createElement("div",{className:"scroller-fzNley content-region-scroller",ref:"contentScroller"},BDV2.react.createElement("div",{className:"content-column default"},r.component),o.component)))))}}class V2_PublicServers{constructor(){}get component(){return BDV2.react.createElement(V2Components.Layer,{rootId:"pubslayerroot",id:"pubslayer",children:BDV2.react.createElement(V2C_PublicServers,{rootId:"pubslayerroot"})})}get root(){let a=document.getElementById("pubslayerroot");return a?a:this.injectRoot()?this.root:null}injectRoot(){return!!$(".layers, .layers-20RVFW").length&&($(".layers, .layers-20RVFW").append($("
",{id:"pubslayerroot"})),!0)}render(){let a=this.root;return a?void BDV2.reactDom.render(this.component,a):void console.log("FAILED TO LOCATE ROOT: .layers")}get button(){let a=$("
",{class:"guild",id:"bd-pub-li",css:{height:"20px",display:settingsCookie["bda-gs-1"]?"":"none"}}).append($("
",{class:"guild-inner",css:{height:"20px","border-radius":"4px"}}).append($("",{}).append($("
",{text:"public",id:"bd-pub-button",css:{"line-height":"20px","font-size":"12px"},click:()=>{this.render()}}))));return a}initialize(){let a=$(".guilds>:first-child");a.after(this.button)}}class V2C_ServerCard extends BDV2.reactComponent{constructor(a){super(a),this.state={imageError:!1,joined:this.props.guildList.includes(this.props.server.identifier)}}render(){let{server:a}=this.props;return BDV2.react.createElement("div",{className:`ui-card ui-card-primary bd-server-card${a.pinned?" bd-server-card-pinned":""}`,style:{marginTop:"5px"}},BDV2.react.createElement("div",{className:"ui-flex horizontal",style:{display:"flex",flexFlow:"row nowrap",justifyContent:"flex-start",alignItems:"stretch",flex:"1 1 auto"}},BDV2.react.createElement("div",{className:"ui-flex-child",style:{flex:"0 1 auto",padding:"5px"}},BDV2.react.createElement("img",{ref:"img",className:"bd-pubs-server-icon",src:a.icon,style:{width:"100px",height:"100px"},onError:this.handleError.bind(this)})),BDV2.react.createElement("div",{className:"ui-flex-child",style:{flex:"1 1 auto",padding:"5px"}},BDV2.react.createElement("div",{className:"ui-flex horizontal"},BDV2.react.createElement("div",{className:"ui-form-item",style:{flex:"1 1 auto"}},BDV2.react.createElement("h5",{className:"ui-form-title h5 margin-reset"},a.name)),BDV2.react.createElement("div",{className:"ui-form-item"},BDV2.react.createElement("h5",{className:"ui-form-title h5 margin-reset"},a.online,"/",a.members," Members"))),BDV2.react.createElement("div",{className:"ui-flex horizontal"},BDV2.react.createElement("div",{className:"scroller-wrap fade dark",style:{minHeight:"60px",maxHeight:"60px",borderTop:"1px solid #3f4146",borderBottom:"1px solid #3f4146",paddingTop:"5px"}},BDV2.react.createElement("div",{className:"scroller"},BDV2.react.createElement("div",{style:{fontSize:"13px",color:"#b9bbbe"}},a.description)))),BDV2.react.createElement("div",{className:"ui-flex horizontal"},BDV2.react.createElement("div",{className:"ui-flex-child bd-server-tags",style:{flex:"1 1 auto"}},a.categories.join(", ")),this.state.joined&&BDV2.react.createElement("button",{type:"button",className:"ui-button filled brand small grow disabled",style:{minHeight:"12px",marginTop:"4px",backgroundColor:"#3ac15c"}},BDV2.react.createElement("div",{className:"ui-button-contents"},"Joined")),a.error&&BDV2.react.createElement("button",{type:"button",className:"ui-button filled brand small grow disabled",style:{minHeight:"12px",marginTop:"4px",backgroundColor:"#c13a3a"}},BDV2.react.createElement("div",{className:"ui-button-contents"},"Error")),!a.error&&!this.state.joined&&a.invite_code&&BDV2.react.createElement("button",{type:"button",className:"ui-button filled brand small grow",style:{minHeight:"12px",marginTop:"4px"},onClick:()=>{this.join()}},BDV2.react.createElement("div",{className:"ui-button-contents"},"Join"))))))}handleError(){this.props.server.icon=this.props.fallback,this.setState({imageError:!0})}join(){this.props.join(this.props.server),this.setState({joined:!0})}}class V2C_PublicServers extends BDV2.reactComponent{constructor(a){super(a),this.setInitialState(),this.close=this.close.bind(this),this.changeCategory=this.changeCategory.bind(this),this.search=this.search.bind(this),this.searchKeyDown=this.searchKeyDown.bind(this),this.checkConnection=this.checkConnection.bind(this),this.join=this.join.bind(this),this.GuildStore=BDV2.WebpackModules.findByUniqueProperties(["getGuilds"]),this.AvatarDefaults=BDV2.WebpackModules.findByUniqueProperties(["getUserAvatarURL","DEFAULT_AVATARS"]),this.InviteActions=BDV2.WebpackModules.findByUniqueProperties(["acceptInvite"])}componentDidMount(){this.checkConnection()}setInitialState(){this.state={selectedCategory:-1,title:"Loading...",loading:!0,servers:[],next:null,connection:{state:0,user:null}}}close(){BDV2.reactDom.unmountComponentAtNode(document.getElementById(this.props.rootId))}search(a,r){let o=this;$.ajax({method:"GET",url:`${o.endPoint}${a}`,success:d=>{let l=d.results.reduce((g,b)=>{return b.joined=!1,g.push(b),g},[]);r||(l=o.state.servers.concat(l));let u=d.size+d.from;u>=d.total&&(u=d.total,d.next=null);let h=`Showing 1-${u} of ${d.total} results in ${o.categoryButtons[o.state.selectedCategory]}`;o.state.term&&(h+=` for ${o.state.term}`),o.setState({loading:!1,title:h,servers:l,next:d.next}),r&&(o.refs.sbv.refs.contentScroller.scrollTop=0)},error:d=>{o.setState({loading:!1,title:"Failed to load servers. Check console for details"}),console.log(d)}})}join(a){this.InviteActions.acceptInvite(a.invite_code)}get bdServer(){let r=Object.keys(this.GuildStore.getGuilds()),o=this.AvatarDefaults.DEFAULT_AVATARS;return BDV2.react.createElement(V2Components.ServerCard,{server:{name:"BetterDiscord",online:"7500+",members:"20000+",categories:["community","programming","support"],description:"Official BetterDiscord server for support etc",identifier:"86004744966914048",icon:"https://cdn.discordapp.com/icons/86004744966914048/c8d49dc02248e1f55caeb897c3e1a26e.png",nativejoin:!0,invite_code:"0Tmfo5ZbORCRqbAd",pinned:!0},pinned:!0,join:this.join,guildList:r,fallback:o[Math.floor(5*Math.random())]})}get endPoint(){return"https://search.discordservers.com"}get joinEndPoint(){return"https://join.discordservers.com"}get connectEndPoint(){return"https://join.discordservers.com/connect"}checkConnection(){let a=this;try{$.ajax({method:"GET",url:`${a.endPoint}`,success:r=>{a.setState({selectedCategory:0,connection:{state:2,user:r}}),a.search("",!0)},error:r=>{return 403===r.status||404===r.status?void a.setState({title:"Not connected to discordservers.com!",loading:!0,selectedCategory:-1,connection:{state:1,user:null}}):void console.log(r)}})}catch(r){a.setState({title:"Not connected to discordservers.com!",loading:!0,selectedCategory:-1,connection:{state:1,user:null}})}}render(){return BDV2.react.createElement(V2Components.SidebarView,{ref:"sbv",children:this.component})}get component(){return{sidebar:{component:this.sidebar},content:{component:this.content},tools:{component:BDV2.react.createElement(V2Components.Tools,{key:"pt",ref:"tools",onClick:this.close})}}}get sidebar(){return BDV2.react.createElement("div",{className:"sidebar",key:"ps"},BDV2.react.createElement("div",{className:"ui-tab-bar SIDE"},BDV2.react.createElement("div",{className:"ui-tab-bar-header",style:{fontSize:"16px"}},"Public Servers"),BDV2.react.createElement(V2Components.TabBar.Separator,null),this.searchInput,BDV2.react.createElement(V2Components.TabBar.Separator,null),BDV2.react.createElement(V2Components.TabBar.Header,{text:"Categories"}),this.categoryButtons.map((a,r)=>{return BDV2.react.createElement(V2Components.TabBar.Item,{id:r,onClick:this.changeCategory,key:r,text:a,selected:this.state.selectedCategory===r})}),BDV2.react.createElement(V2Components.TabBar.Separator,null),this.footer))}get searchInput(){return BDV2.react.createElement("div",{className:"ui-form-item"},BDV2.react.createElement("div",{className:"ui-text-input flex-vertical",style:{width:"172px",marginLeft:"10px"}},BDV2.react.createElement("input",{ref:"searchinput",onKeyDown:this.searchKeyDown,onChange:()=>{},type:"text",className:"input default",placeholder:"Search...",maxLength:"50"})))}searchKeyDown(a){let r=this;if(!(r.state.loading||13!==a.which)){r.setState({loading:!0,title:"Loading...",term:a.target.value});let o=`?term=${a.target.value}`;0!==r.state.selectedCategory&&(o+=`&category=${r.categoryButtons[r.state.selectedCategory]}`),r.search(o,!0)}}get categoryButtons(){return["All","FPS Games","MMO Games","Strategy Games","Sports Games","Puzzle Games","Retro Games","Party Games","Tabletop Games","Sandbox Games","Simulation Games","Community","Language","Programming","Other"]}changeCategory(a){let r=this;if(!r.state.loading)return r.refs.searchinput.value="",r.setState({loading:!0,selectedCategory:a,title:"Loading...",term:null}),0===a?void r.search("",!0):void r.search(`?category=${r.categoryButtons[a]}`,!0)}get content(){let a=this,r=Object.keys(this.GuildStore.getGuilds()),o=this.AvatarDefaults.DEFAULT_AVATARS;return 1===a.state.connection.state?a.notConnected:[BDV2.react.createElement("div",{ref:"content",key:"pc",className:"content-column default"},BDV2.react.createElement(V2Components.SettingsTitle,{text:a.state.title}),a.bdServer,a.state.servers.map((d,l)=>{return BDV2.react.createElement(V2Components.ServerCard,{key:l,server:d,join:a.join,guildList:r,fallback:o[Math.floor(5*Math.random())]})}),a.state.next&&BDV2.react.createElement("button",{type:"button",onClick:()=>{a.state.loading||(a.setState({loading:!0}),a.search(a.state.next,!1))},className:"ui-button filled brand small grow",style:{width:"100%",marginTop:"10px",marginBottom:"10px"}},BDV2.react.createElement("div",{className:"ui-button-contents"},a.state.loading?"Loading":"Load More")),0`),o=[a(bdpluginErrors),a(bdthemeErrors)];r.find(".tab-bar-item").on("click",d=>{d.preventDefault(),r.find(".tab-bar-item").removeClass("selected"),$(d.target).addClass("selected"),r.find(".scroller").empty().append(o[$(d.target).index()])}),r.find(".footer button").on("click",()=>{r.addClass("closing"),setTimeout(()=>{r.remove()},300)}),r.find(".bd-backdrop").on("click",()=>{r.addClass("closing"),setTimeout(()=>{r.remove()},300)}),r.appendTo("#app-mount"),r.find(".tab-bar-item")[0].click()}},Core.prototype.showToast=function(a,r={}){if(!document.querySelector(".bd-toasts")){let h=document.createElement("div");h.classList.add("bd-toasts");let g=document.querySelector(".chat form, #friends, .noChannel-2EQ0a9, .activityFeed-HeiGwL");h.style.setProperty("left",g?g.getBoundingClientRect().left+"px":"0px"),h.style.setProperty("width",g?g.offsetWidth+"px":"100%"),h.style.setProperty("bottom",(document.querySelector(".chat form")?document.querySelector(".chat form").offsetHeight:80)+"px"),document.querySelector(".app").appendChild(h)}const{type:o="",icon:d=!0,timeout:l=3e3}=r;let u=document.createElement("div");u.classList.add("bd-toast"),o&&u.classList.add("toast-"+o),o&&d&&u.classList.add("icon"),u.innerText=a,document.querySelector(".bd-toasts").appendChild(u),setTimeout(()=>{u.classList.add("closing"),setTimeout(()=>{u.remove(),document.querySelectorAll(".bd-toasts .bd-toast").length||document.querySelector(".bd-toasts").remove()},300)},l)};var emotesFfz={},emotesBTTV={},emotesBTTV2={},emotesTwitch={},subEmotesTwitch={};window.bdEmotes={TwitchGlobal:{},TwitchSubscriber:{},BTTV:{},FrankerFaceZ:{},BTTV2:{}},window.bdEmoteSettingIDs={TwitchGlobal:"bda-es-7",TwitchSubscriber:"bda-es-7",BTTV:"bda-es-2",FrankerFaceZ:"bda-es-1",BTTV2:"bda-es-2"};function EmoteModule(){}EmoteModule.prototype.init=async function(){this.modifiers=["flip","spin","pulse","spin2","spin3","1spin","2spin","3spin","tr","bl","br","shake","shake2","shake3","flap"],this.overrides=["twitch","bttv","ffz"],this.categories=["TwitchGlobal","TwitchSubscriber","BTTV","FrankerFaceZ","BTTV2"];let a={TwitchGlobal:{url:"https://twitchemotes.com/api_cache/v3/global.json",backup:"https://"+bdConfig.updater.CDN+"/"+bdConfig.repo+"/BetterDiscordApp/"+bdConfig.hash+"/data/emotedata_twitch_global.json",variable:"TwitchGlobal",oldVariable:"emotesTwitch",getEmoteURL:r=>`https://static-cdn.jtvnw.net/emoticons/v1/${r.id}/1.0`,getOldData:(r,o)=>{return{id:r.match(/\/([0-9]+)\//)[1],code:o,emoticon_set:0,description:null}}},TwitchSubscriber:{url:"https://twitchemotes.com/api_cache/v3/subscriber.json",backup:"https://"+bdConfig.updater.CDN+"/"+bdConfig.repo+"/BetterDiscordApp/"+bdConfig.hash+"/data/emotedata_twitch_subscriber.json",variable:"TwitchSubscriber",oldVariable:"subEmotesTwitch",parser:r=>{let o={};for(let d in r){let l=r[d];for(let g,u=0,h=l.emotes.length;u`https://static-cdn.jtvnw.net/emoticons/v1/${r}/1.0`,getOldData:r=>r.match(/\/([0-9]+)\//)[1]},FrankerFaceZ:{url:"https://"+bdConfig.updater.CDN+"/"+bdConfig.repo+"/BetterDiscordApp/"+bdConfig.hash+"/data/emotedata_ffz.json",variable:"FrankerFaceZ",oldVariable:"emotesFfz",getEmoteURL:r=>`https://cdn.frankerfacez.com/emoticon/${r}/1`,getOldData:r=>r.match(/\/([0-9]+)\//)[1]},BTTV:{url:"https://api.betterttv.net/emotes",variable:"BTTV",oldVariable:"emotesBTTV",parser:r=>{let o={};for(let u,d=0,l=r.emotes.length;d`${r}`,getOldData:r=>r},BTTV2:{url:"https://"+bdConfig.updater.CDN+"/"+bdConfig.repo+"/BetterDiscordApp/"+bdConfig.hash+"/data/emotedata_bttv.json",variable:"BTTV2",oldVariable:"emotesBTTV2",getEmoteURL:r=>`https://cdn.betterttv.net/emote/${r}/1x`,getOldData:r=>r.match(/emote\/(.+)\//)[1]}};if(!bdConfig.newLoader){for(let r in window.bdEmotes={TwitchGlobal:emotesTwitch,TwitchSubscriber:subEmotesTwitch,BTTV:emotesBTTV,FrankerFaceZ:emotesFfz,BTTV2:emotesBTTV2},window.bdEmotes)for(let o in window.bdEmotes[r])window.bdEmotes[r][o]=a[r].getEmoteURL(window.bdEmotes[r][o]);return}this.loadEmoteData(a),BDV2.ReactComponents.get("Message").then(r=>{this.cancel1=Utils.monkeyPatch(r.prototype,"componentDidMount",{after:o=>{let d=BDV2.reactDom.findDOMNode(o.thisObject);d=d.querySelector(".markup"),$(d).children(".emotewrapper").remove(),emoteModule.injectEmote(d)}}),this.cancel2=Utils.monkeyPatch(r.prototype,"componentDidUpdate",{after:o=>{let d=BDV2.reactDom.findDOMNode(o.thisObject);d=d.querySelector(".markup");d&&($(d).children(".emotewrapper").remove(),emoteModule.injectEmote(d))}})})},EmoteModule.prototype.clearEmoteData=async function(){let a=require("fs"),o=bdConfig.dataPath+"emote_data.json",d=a.existsSync(o);d&&a.unlinkSync(o),window.bdEmotes={TwitchGlobal:{},TwitchSubscriber:{},BTTV:{},FrankerFaceZ:{},BTTV2:{}}},EmoteModule.prototype.goBack=async function(a){for(let r in a)for(let o in bdEmotes[a[r].variable])window[a[r].oldVariable][o]=a[r].getOldData(bdEmotes[a[r].variable][o],o)},EmoteModule.prototype.loadEmoteData=async function(a){let r=require("fs"),d=bdConfig.dataPath+"emote_data.json",l=r.existsSync(d);if(l&&!bdConfig.cache.expired){settingsCookie["fork-ps-2"]&&mainCore.showToast("Loading emotes from cache.",{type:"info"}),utils.log("[Emotes] Loading emotes from local cache.");let u=r.readFileSync(d,"utf8"),h=this.testJSON(u);for(let g in h&&(bdEmotes=JSON.parse(u)),a)h=0{r(o,(u,h,g)=>{if(u){if(utils.err("[Emotes] Could not download "+a.variable,u),a.backup)return a.url=a.backup,a.backup=null,this.downloadEmotes(a);l({})}else{let b=JSON.parse(g);for(let y in"function"==typeof a.parser&&(b=a.parser(b)),b)b[y]=a.getEmoteURL(b[y]);d(b),utils.log("[Emotes] Downloaded: "+a.variable)}})})},EmoteModule.prototype.testJSON=function(a){try{JSON.parse(a);return!0}catch(r){return!1}return!1},EmoteModule.prototype.getBlacklist=function(){$.getJSON("https://cdn.rawgit.com/Jiiks/betterDiscordApp/"+_hash+"/data/emotefilter.json",function(a){bemotes=a.blacklist})},EmoteModule.prototype.obsCallback=function(a){},EmoteModule.prototype.getNodes=function(a){for(var r,o=[],d=document.createTreeWalker(a,NodeFilter.SHOW_TEXT,null,!1);r=d.nextNode();)o.push(r);return o};var bemotes=[];EmoteModule.prototype.injectEmote=async function(a){let o=document.querySelector(".messages.scroller"),d=a,u=utils.getTextNodes(d),h=u.map(b=>b.data).join(" ").split(/([^\s]+)([\s]|$)/g).filter(function(b){return b}),g=function(b,y,E,C,S){let T=bdEmotes[E].hasOwnProperty(C);if(!T||!settingsCookie[bdEmoteSettingIDs[E]])return!1;let N=bdEmotes[E][C],D=this.createEmoteElement(C,N,S),P=b.offsetHeight;return utils.insertElement(b,new RegExp(`([\\s]|^)${utils.escape(S?C+":"+S:C)}([\\s]|$)`),$(D)[0]),y.scrollTop+=b.offsetHeight-P,!0};g=g.bind(this,d,o);for(let b=0,y=h.length;bS.length)){if(this.modifiers.includes(T)&&settingsCookie["bda-es-8"]||(T=""),this.overrides.includes(N)||(N=""),"twitch"===N){let j=!1,L=!1;if(j=g("TwitchGlobal",S,N),j||(L=g("TwitchSubscriber",S,N)),j||L)continue}else if("bttv"===N){let j=!1,L=!1;if(j=g("BTTV",S,N),j||(L=g("BTTV2",S,N)),j||L)continue}else if("ffz"===N){let j=g("FrankerFaceZ",S,N);if(j)continue}for(let j=0,L=this.categories.length;j\""+l+"\"").replace(/﷙/g,"")},EmoteModule.prototype.autoCapitalize=function(){var a=this;$("body").delegate($(".channelTextArea-1HTP3C textarea:first"),"keyup change paste",function(){if(settingsCookie["bda-es-4"]){var r=$(".channelTextArea-1HTP3C textarea:first").val();if(void 0!=r){var o=r.split(" ").pop();if(3",r+=" ",r+=" ",r+="
",this.qmeHeader=r;var o="";for(let u in o+="
",o+="
",o+="
",o+="
",bdEmotes.TwitchGlobal)if(bdEmotes.TwitchGlobal.hasOwnProperty(u)){var d=bdEmotes.TwitchGlobal[u];o+="
",o+=" \"\"",o+=" ",o+="
"}o+="
",o+="
",o+="
",o+="
",this.teContainer=o;var l="";for(let u in l+="
",l+="
",l+="
",l+="
",this.favoriteEmotes){var d=this.favoriteEmotes[u];l+="
",l+=" \"\"",l+=" ",l+="
"}l+="
",l+="
",l+="
",l+="
",this.faContainer=l},QuickEmoteMenu.prototype.favContext=function(a,r){a.stopPropagation();var o=$("
",{id:"rmenu","data-emoteid":$(r).prop("title"),text:"Remove",class:"context-menu theme-dark"});return o.css({top:a.pageY-$("#bda-qem-favourite-container").offset().top,left:a.pageX-$("#bda-qem-favourite-container").offset().left}),$(r).parent().append(o),o.on("click",function(d){return d.preventDefault(),d.stopPropagation(),$(this).remove(),delete quickEmoteMenu.favoriteEmotes[$(this).data("emoteid")],quickEmoteMenu.updateFavorites(),!1}),!1},QuickEmoteMenu.prototype.switchHandler=function(a){this.switchQem($(a).attr("id"))},QuickEmoteMenu.prototype.switchQem=function(a){var r=$("#bda-qem-twitch"),o=$("#bda-qem-favourite"),d=$("#bda-qem-emojis");r.removeClass("active"),o.removeClass("active"),d.removeClass("active"),$(".emoji-picker, .emojiPicker-3g68GS").hide(),$("#bda-qem-favourite-container").hide(),$("#bda-qem-twitch-container").hide();"bda-qem-twitch"===a?(r.addClass("active"),$("#bda-qem-twitch-container").show()):"bda-qem-favourite"===a?(o.addClass("active"),$("#bda-qem-favourite-container").show()):"bda-qem-emojis"===a?(d.addClass("active"),$(".emoji-picker, .emojiPicker-3g68GS").show(),$(".emoji-picker .search-bar-inner input, .emojiPicker-3g68GS .search-bar-inner input").focus()):void 0;this.lastTab=a;var l=$(".emote-icon");l.off(),l.on("click",function(){var u=$(this).attr("title"),h=utils.getTextArea();utils.insertText(h[0]," "==h.val().slice(-1)?h.val()+u:h.val()+" "+u)})},QuickEmoteMenu.prototype.obsCallback=function(a){var r=$(a);settingsCookie["bda-es-9"]?r.removeClass("bda-qme-hidden"):r.addClass("bda-qme-hidden");settingsCookie["bda-es-0"]&&(r.prepend(this.qmeHeader),r.append(this.teContainer),r.append(this.faContainer),this.lastTab==void 0&&(this.lastTab="bda-qem-favourite"),this.switchQem(this.lastTab))},QuickEmoteMenu.prototype.favorite=function(a,r){this.favoriteEmotes.hasOwnProperty(a)||(this.favoriteEmotes[a]=r),this.updateFavorites()},QuickEmoteMenu.prototype.updateFavorites=function(){var a="";for(var r in a+="
",a+="
",a+="
",a+="
",this.favoriteEmotes){var o=this.favoriteEmotes[r];a+="
",a+=" \"\"",a+=" ",a+="
"}a+="
",a+="
",a+="
",a+="
",this.faContainer=a,$("#bda-qem-favourite-container").replaceWith(a),window.bdStorage.set("bdfavemotes",btoa(JSON.stringify(this.favoriteEmotes)))};var _hash;function Utils(){}Utils.prototype.getTextArea=function(){return $(".channelTextArea-1HTP3C textarea")},Utils.prototype.insertText=function(a,r){a.focus(),a.selectionStart=0,a.selectionEnd=a.value.length,document.execCommand("insertText",!1,r)},Utils.prototype.jqDefer=function(a){window.jQuery?a():setTimeout(function(){this.jqDefer(a)},100)},Utils.prototype.getHash=function(){$.getJSON("https://api.github.com/repos/Jiiks/BetterDiscordApp/commits/master",function(a){_hash=a.sha,emoteModule.getBlacklist()})},Utils.prototype.loadHtml=function(a,r){var o=$("
",{class:"bd-container"}).appendTo("body");a="//cdn.rawgit.com/Jiiks/BetterDiscordApp/"+_hash+"/html/"+a+".html",o.load(a,r())},Utils.prototype.injectJs=function(a){$("