diff --git a/js/main.js b/js/main.js index 636cbd28..d095d65f 100644 --- a/js/main.js +++ b/js/main.js @@ -1069,7 +1069,7 @@ Core.prototype.checkForGuilds = function() { Core.prototype.injectExternals = async function() { await _utilities__WEBPACK_IMPORTED_MODULE_1__["default"].injectJs("https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.9/ace.js"); - if (window.__non_webpack_require__.original) window.require = window.require.original; + if (window.require.original) window.require = window.require.original; }; Core.prototype.initSettings = function () { @@ -3266,11 +3266,10 @@ class V2C_CssEditorDetached extends modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"] constructor(props) { super(props); - let self = this; - self.onClick = self.onClick.bind(self); - self.updateCss = self.updateCss.bind(self); - self.saveCss = self.saveCss.bind(self); - self.onChange = self.onChange.bind(self); + this.onClick = this.onClick.bind(this); + this.updateCss = this.updateCss.bind(this); + this.saveCss = this.saveCss.bind(this); + this.onChange = this.onChange.bind(this); } componentDidMount() { @@ -3297,7 +3296,7 @@ class V2C_CssEditorDetached extends modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"] } updateLineCount() { - let lineCount = this.refs.editor.value.split("\n").length; + const lineCount = this.refs.editor.value.split("\n").length; if (lineCount == this.props.lines) return; this.refs.lines.textContent = Array.from(new Array(lineCount), (_, i) => i + 1).join(".\n") + "."; this.props.lines = lineCount; @@ -3314,7 +3313,7 @@ class V2C_CssEditorDetached extends modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"] } get css() { - let _ccss = modules__WEBPACK_IMPORTED_MODULE_1__["DataStore"].getBDData("bdcustomcss"); + const _ccss = modules__WEBPACK_IMPORTED_MODULE_1__["DataStore"].getBDData("bdcustomcss"); let ccss = ""; if (_ccss && _ccss !== "") { ccss = atob(_ccss); @@ -3323,7 +3322,7 @@ class V2C_CssEditorDetached extends modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"] } get root() { - let _root = $("#bd-customcss-detach-container"); + const _root = $("#bd-customcss-detach-container"); if (!_root.length) { if (!this.injectRoot()) return null; return this.detachedRoot; @@ -3340,7 +3339,7 @@ class V2C_CssEditorDetached extends modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"] } render() { - let self = this; + const self = this; return modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement( "div", {className: "bd-detached-css-editor", id: "bd-customcss-detach-editor"}, @@ -3403,7 +3402,7 @@ class V2C_CssEditorDetached extends modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"] } onClick(id) { - let self = this; + const self = this; switch (id) { case "attach": if ($("#editor-detached").length) self.props.attach(); @@ -3459,15 +3458,14 @@ class V2C_CssEditor extends modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].reactCo constructor(props) { super(props); - let self = this; - self.props.lines = 0; - self.setInitialState(); - self.attach = self.attach.bind(self); - self.detachedEditor = modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_detached__WEBPACK_IMPORTED_MODULE_2__["default"], {attach: self.attach}); - self.onClick = self.onClick.bind(self); - self.updateCss = self.updateCss.bind(self); - self.saveCss = self.saveCss.bind(self); - self.detach = self.detach.bind(self); + this.props.lines = 0; + this.setInitialState(); + this.attach = this.attach.bind(this); + this.detachedEditor = modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_detached__WEBPACK_IMPORTED_MODULE_2__["default"], {attach: this.attach}); + this.onClick = this.onClick.bind(this); + this.updateCss = this.updateCss.bind(this); + this.saveCss = this.saveCss.bind(this); + this.detach = this.detach.bind(this); } setInitialState() { @@ -3495,9 +3493,8 @@ class V2C_CssEditor extends modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].reactCo } componentDidUpdate(prevProps, prevState) { - let self = this; - if (prevState.detached && !self.state.detached) { - modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].reactDom.unmountComponentAtNode(self.detachedRoot); + if (prevState.detached && !this.state.detached) { + modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].reactDom.unmountComponentAtNode(this.detachedRoot); } } @@ -3515,7 +3512,7 @@ class V2C_CssEditor extends modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].reactCo } get css() { - let _ccss = modules__WEBPACK_IMPORTED_MODULE_1__["DataStore"].getBDData("bdcustomcss"); + const _ccss = modules__WEBPACK_IMPORTED_MODULE_1__["DataStore"].getBDData("bdcustomcss"); let ccss = ""; if (_ccss && _ccss !== "") { ccss = atob(_ccss); @@ -3524,16 +3521,16 @@ class V2C_CssEditor extends modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].reactCo } updateLineCount() { - let lineCount = this.refs.editor.value.split("\n").length; + const lineCount = this.refs.editor.value.split("\n").length; if (lineCount == this.props.lines) return; this.refs.lines.textContent = Array.from(new Array(lineCount), (_, i) => i + 1).join(".\n") + "."; this.props.lines = lineCount; } render() { - let self = this; + const self = this; - let {detached} = self.state; + const {detached} = self.state; return modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement( "div", {className: "contentColumn-2hrIYH contentColumnDefault-1VQkGM content-column default", style: {padding: "60px 40px 0px"}}, @@ -3612,16 +3609,15 @@ class V2C_CssEditor extends modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].reactCo } onClick(arg) { - let self = this; switch (arg) { case "update": - self.updateCss(); + this.updateCss(); break; case "save": - self.saveCss(); + this.saveCss(); break; case "detach": - self.detach(); + this.detach(); break; } } @@ -3647,20 +3643,19 @@ class V2C_CssEditor extends modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].reactCo } detach() { - let self = this; - self.setState({ + this.setState({ detached: true }); - let droot = self.detachedRoot; + const droot = this.detachedRoot; if (!droot) { console.log("FAILED TO INJECT ROOT: .app"); return; } - modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].reactDom.render(self.detachedEditor, droot); + modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].reactDom.render(this.detachedEditor, droot); } get detachedRoot() { - let _root = $("#bd-customcss-detach-container"); + const _root = $("#bd-customcss-detach-container"); if (!_root.length) { if (!this.injectDetachedRoot()) return null; return this.detachedRoot; @@ -3677,8 +3672,7 @@ class V2C_CssEditor extends modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].reactCo } attach() { - let self = this; - self.setState({ + this.setState({ detached: false }); } @@ -3983,7 +3977,7 @@ class V2C_ServerCard extends modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].reactC } render() { - let {server} = this.props; + const {server} = this.props; return modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].react.createElement( "div", // cardPrimary-1Hv-to {className: `card-3Qj_Yx cardPrimary-1Hv-to marginBottom8-AtZOdT bd-server-card${server.pinned ? " bd-server-card-pinned" : ""}`}, @@ -4141,7 +4135,7 @@ class V2C_PublicServers extends modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].rea } search(query, clear) { - let self = this; + const self = this; $.ajax({ method: "GET", @@ -4215,19 +4209,18 @@ class V2C_PublicServers extends modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].rea } connect() { - let self = this; - let options = self.windowOptions; + const options = this.windowOptions; options.x = Math.round(window.screenX + window.innerWidth / 2 - options.width / 2); options.y = Math.round(window.screenY + window.innerHeight / 2 - options.height / 2); - self.joinWindow = new (window.require("electron").remote.BrowserWindow)(options); + this.joinWindow = new (window.require("electron").remote.BrowserWindow)(options); const url = "https://auth.discordservers.com/connect?scopes=guilds.join&previousUrl=https://auth.discordservers.com/info"; - self.joinWindow.webContents.on("did-navigate", (event, url) => { + this.joinWindow.webContents.on("did-navigate", (event, url) => { if (url != "https://auth.discordservers.com/info") return; - self.joinWindow.close(); - self.checkConnection(); + this.joinWindow.close(); + this.checkConnection(); }); - self.joinWindow.loadURL(url); + this.joinWindow.loadURL(url); } get windowOptions() { @@ -4249,7 +4242,7 @@ class V2C_PublicServers extends modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].rea } get bdServer() { - let server = { + const server = { name: "BetterDiscord", online: "7500+", members: "20000+", @@ -4261,8 +4254,8 @@ class V2C_PublicServers extends modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].rea invite_code: "0Tmfo5ZbORCRqbAd", pinned: true }; - let guildList = this.SortedGuildStore.guildPositions; - let defaultList = this.AvatarDefaults.DEFAULT_AVATARS; + const guildList = this.SortedGuildStore.guildPositions; + const defaultList = this.AvatarDefaults.DEFAULT_AVATARS; return modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].react.createElement(_card__WEBPACK_IMPORTED_MODULE_5__["default"], {server: server, pinned: true, join: this.join, guildList: guildList, fallback: defaultList[Math.floor(Math.random() * 5)]}); } @@ -4279,7 +4272,7 @@ class V2C_PublicServers extends modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].rea } checkConnection() { - let self = this; + const self = this; try { $.ajax({ method: "GET", @@ -4387,7 +4380,7 @@ class V2C_PublicServers extends modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].rea } searchKeyDown(e) { - let self = this; + const self = this; if (self.state.loading || e.which !== 13) return; self.setState({ loading: true, @@ -4406,7 +4399,7 @@ class V2C_PublicServers extends modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].rea } changeCategory(id) { - let self = this; + const self = this; if (self.state.loading) return; self.refs.searchinput.value = ""; self.setState({ @@ -4423,9 +4416,9 @@ class V2C_PublicServers extends modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].rea } get content() { - let self = this; - let guildList = this.SortedGuildStore.guildPositions; - let defaultList = this.AvatarDefaults.DEFAULT_AVATARS; + const self = this; + const guildList = this.SortedGuildStore.guildPositions; + const defaultList = this.AvatarDefaults.DEFAULT_AVATARS; if (self.state.connection.state === 1) return self.notConnected; return [modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].react.createElement( "div", @@ -4451,7 +4444,7 @@ class V2C_PublicServers extends modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].rea } get notConnected() { - let self = this; + const self = this; //return BDV2.react.createElement(SettingsTitle, { text: self.state.title }); return [modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].react.createElement( "div", @@ -4496,8 +4489,8 @@ class V2C_PublicServers extends modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].rea } get connection() { - let self = this; - let {connection} = self.state; + const self = this; + const {connection} = self.state; if (connection.state !== 2) return modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].react.createElement("span", null); return modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].react.createElement( @@ -4584,7 +4577,7 @@ class V2C_Scroller extends modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].reactCom scrollerClass = "scroller-2FKFPG firefoxFixScrollFlex-cnI2ix contentRegionScroller-26nc1e content-region-scroller scroller"; /* fuck */ wrapperClass = "scrollerWrap-2lJEkd firefoxFixScrollFlex-cnI2ix contentRegionScrollerWrap-3YZXdm content-region-scroller-wrap scrollerThemed-2oenus themeGhost-28MSn0 scrollerTrack-1ZIpsv"; } - let {children} = this.props; + const {children} = this.props; return modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].react.createElement( "div", {key: "scrollerwrap", className: wrapperClass}, @@ -4767,7 +4760,7 @@ class V2C_SettingsPanel extends modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].rea } render() { - let {settings} = this.props; + const {settings} = this.props; return modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement( "div", {className: "contentColumn-2hrIYH contentColumnDefault-1VQkGM content-column default"}, @@ -4807,12 +4800,11 @@ class V2C_PluginCard extends modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].reactC constructor(props) { super(props); - let self = this; - self.onChange = self.onChange.bind(self); - self.showSettings = self.showSettings.bind(self); - self.setInitialState(); - self.hasSettings = typeof self.props.plugin.getSettingsPanel === "function"; - self.settingsPanel = ""; + this.onChange = this.onChange.bind(this); + this.showSettings = this.showSettings.bind(this); + this.setInitialState(); + this.hasSettings = typeof this.props.plugin.getSettingsPanel === "function"; + this.settingsPanel = ""; this.reload = this.reload.bind(this); this.onReload = this.onReload.bind(this); @@ -4846,19 +4838,19 @@ class V2C_PluginCard extends modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].reactC } if (!data__WEBPACK_IMPORTED_MODULE_0__["SettingsCookie"]["fork-ps-3"]) return; - var isHidden = (container, element) => { + const isHidden = (container, element) => { - let cTop = container.scrollTop; - let cBottom = cTop + container.clientHeight; + const cTop = container.scrollTop; + const cBottom = cTop + container.clientHeight; - let eTop = element.offsetTop; - let eBottom = eTop + element.clientHeight; + const eTop = element.offsetTop; + const eBottom = eTop + element.clientHeight; return (eTop < cTop || eBottom > cBottom); }; - let self = $(modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].reactDom.findDOMNode(this)); - let container = self.parents(".scroller"); + const self = $(modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].reactDom.findDOMNode(this)); + const container = self.parents(".scroller"); if (!isHidden(container[0], self[0])) return; container.animate({ scrollTop: self.offset().top - container.offset().top + container.scrollTop() - 30 @@ -4878,14 +4870,14 @@ class V2C_PluginCard extends modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].reactC } render() { - let self = this; - let {plugin} = this.props; - let name = this.getString(plugin.getName()); - let author = this.getString(plugin.getAuthor()); - let description = this.getString(plugin.getDescription()); - let version = this.getString(plugin.getVersion()); - let website = data__WEBPACK_IMPORTED_MODULE_0__["Plugins"][name].website; - let source = data__WEBPACK_IMPORTED_MODULE_0__["Plugins"][name].source; + const self = this; + const {plugin} = this.props; + const name = this.getString(plugin.getName()); + const author = this.getString(plugin.getAuthor()); + const description = this.getString(plugin.getDescription()); + const version = this.getString(plugin.getVersion()); + const website = data__WEBPACK_IMPORTED_MODULE_0__["Plugins"][name].website; + const source = data__WEBPACK_IMPORTED_MODULE_0__["Plugins"][name].source; if (this.state.settings) { try { self.settingsPanel = plugin.getSettingsPanel(); } @@ -5027,7 +5019,7 @@ class V2_SettingsPanel { } get root() { - let _root = $("#bd-settingspane-container"); + const _root = $("#bd-settingspane-container"); if (!_root.length) { if (!this.injectRoot()) return null; return this.root; @@ -5061,7 +5053,7 @@ class V2_SettingsPanel { } getSettings(category) { return Object.keys(data__WEBPACK_IMPORTED_MODULE_0__["SettingsInfo"]).reduce((arr, key) => { - let setting = data__WEBPACK_IMPORTED_MODULE_0__["SettingsInfo"][key]; + const setting = data__WEBPACK_IMPORTED_MODULE_0__["SettingsInfo"][key]; if (setting.cat === category && setting.implemented && !setting.hidden) { setting.text = key; arr.push(setting); @@ -5071,7 +5063,7 @@ class V2_SettingsPanel { } sideBarOnClick(id) { - let self = this; + const self = this; $(".contentRegion-3nDuYy, .content-region").first().hide(); $(self.root).show(); switch (id) { @@ -5094,7 +5086,7 @@ class V2_SettingsPanel { } renderSidebar() { - let self = this; + const self = this; $("[class*='side-'] > [class*='item-']").off("click.v2settingspanel").on("click.v2settingspanel", () => { modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].reactDom.unmountComponentAtNode(self.root); $(self.root).hide(); @@ -5157,35 +5149,35 @@ class V2_SettingsPanel { } get pluginsComponent() { - let plugins = Object.keys(data__WEBPACK_IMPORTED_MODULE_0__["Plugins"]).sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase())).reduce((arr, key) => { + const plugins = Object.keys(data__WEBPACK_IMPORTED_MODULE_0__["Plugins"]).sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase())).reduce((arr, key) => { arr.push(modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_plugincard__WEBPACK_IMPORTED_MODULE_9__["default"], {key: key, plugin: data__WEBPACK_IMPORTED_MODULE_0__["Plugins"][key].plugin}));return arr; }, []); - let list = modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_list__WEBPACK_IMPORTED_MODULE_4__["default"], {key: "plugin-list", className: "bda-slist", children: plugins}); - let refreshIcon = !data__WEBPACK_IMPORTED_MODULE_0__["SettingsCookie"]["fork-ps-5"] && modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_icons_reload__WEBPACK_IMPORTED_MODULE_11__["default"], {className: "bd-reload-header", size: "18px", onClick: async () => { + const list = modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_list__WEBPACK_IMPORTED_MODULE_4__["default"], {key: "plugin-list", className: "bda-slist", children: plugins}); + const refreshIcon = !data__WEBPACK_IMPORTED_MODULE_0__["SettingsCookie"]["fork-ps-5"] && modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_icons_reload__WEBPACK_IMPORTED_MODULE_11__["default"], {className: "bd-reload-header", size: "18px", onClick: async () => { modules__WEBPACK_IMPORTED_MODULE_1__["PluginManager"].updatePluginList(); this.sideBarOnClick("plugins"); }}); - let pfBtn = modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement("button", {key: "folder-button", className: "bd-pfbtn", onClick: () => { __webpack_require__(/*! electron */ "electron").shell.openItem(modules__WEBPACK_IMPORTED_MODULE_1__["ContentManager"].pluginsFolder); }}, "Open Plugin Folder"); - let contentColumn = modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_contentcolumn__WEBPACK_IMPORTED_MODULE_5__["default"], {key: "pcolumn", title: "Plugins", children: [refreshIcon, pfBtn, list]}); + const pfBtn = modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement("button", {key: "folder-button", className: "bd-pfbtn", onClick: () => { __webpack_require__(/*! electron */ "electron").shell.openItem(modules__WEBPACK_IMPORTED_MODULE_1__["ContentManager"].pluginsFolder); }}, "Open Plugin Folder"); + const contentColumn = modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_contentcolumn__WEBPACK_IMPORTED_MODULE_5__["default"], {key: "pcolumn", title: "Plugins", children: [refreshIcon, pfBtn, list]}); return modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_scroller__WEBPACK_IMPORTED_MODULE_3__["default"], {contentColumn: true, fade: true, dark: true, children: [contentColumn, modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_exitbutton__WEBPACK_IMPORTED_MODULE_7__["default"], {key: "tools"})]}); } get themesComponent() { - let themes = Object.keys(data__WEBPACK_IMPORTED_MODULE_0__["Themes"]).sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase())).reduce((arr, key) => { + const themes = Object.keys(data__WEBPACK_IMPORTED_MODULE_0__["Themes"]).sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase())).reduce((arr, key) => { arr.push(modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_themecard__WEBPACK_IMPORTED_MODULE_10__["default"], {key: key, theme: data__WEBPACK_IMPORTED_MODULE_0__["Themes"][key]}));return arr; }, []); - let list = modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_list__WEBPACK_IMPORTED_MODULE_4__["default"], {key: "theme-list", className: "bda-slist", children: themes}); - let refreshIcon = !data__WEBPACK_IMPORTED_MODULE_0__["SettingsCookie"]["fork-ps-5"] && modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_icons_reload__WEBPACK_IMPORTED_MODULE_11__["default"], {className: "bd-reload-header", size: "18px", onClick: async () => { + const list = modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_list__WEBPACK_IMPORTED_MODULE_4__["default"], {key: "theme-list", className: "bda-slist", children: themes}); + const refreshIcon = !data__WEBPACK_IMPORTED_MODULE_0__["SettingsCookie"]["fork-ps-5"] && modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_icons_reload__WEBPACK_IMPORTED_MODULE_11__["default"], {className: "bd-reload-header", size: "18px", onClick: async () => { modules__WEBPACK_IMPORTED_MODULE_1__["ThemeManager"].updateThemeList(); this.sideBarOnClick("themes"); }}); - let tfBtn = modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement("button", {key: "folder-button", className: "bd-pfbtn", onClick: () => { __webpack_require__(/*! electron */ "electron").shell.openItem(modules__WEBPACK_IMPORTED_MODULE_1__["ContentManager"].themesFolder); }}, "Open Theme Folder"); - let contentColumn = modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_contentcolumn__WEBPACK_IMPORTED_MODULE_5__["default"], {key: "tcolumn", title: "Themes", children: [refreshIcon, tfBtn, list]}); + const tfBtn = modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement("button", {key: "folder-button", className: "bd-pfbtn", onClick: () => { __webpack_require__(/*! electron */ "electron").shell.openItem(modules__WEBPACK_IMPORTED_MODULE_1__["ContentManager"].themesFolder); }}, "Open Theme Folder"); + const contentColumn = modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_contentcolumn__WEBPACK_IMPORTED_MODULE_5__["default"], {key: "tcolumn", title: "Themes", children: [refreshIcon, tfBtn, list]}); return modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_scroller__WEBPACK_IMPORTED_MODULE_3__["default"], {contentColumn: true, fade: true, dark: true, children: [contentColumn, modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement(_exitbutton__WEBPACK_IMPORTED_MODULE_7__["default"], {key: "tools"})]}); } renderCoreSettings() { - let root = this.root; + const root = this.root; if (!root) { console.log("FAILED TO LOCATE ROOT: .layer-3QrUeG .standardSidebarView-3F1I7i"); return; @@ -5194,7 +5186,7 @@ class V2_SettingsPanel { } renderEmoteSettings() { - let root = this.root; + const root = this.root; if (!root) { console.log("FAILED TO LOCATE ROOT: .layer-3QrUeG .standardSidebarView-3F1I7i"); return; @@ -5203,7 +5195,7 @@ class V2_SettingsPanel { } renderCustomCssEditor() { - let root = this.root; + const root = this.root; if (!root) { console.log("FAILED TO LOCATE ROOT: .layer-3QrUeG .standardSidebarView-3F1I7i"); return; @@ -5212,7 +5204,7 @@ class V2_SettingsPanel { } renderPluginPane() { - let root = this.root; + const root = this.root; if (!root) { console.log("FAILED TO LOCATE ROOT: .layer-3QrUeG .standardSidebarView-3F1I7i"); return; @@ -5221,7 +5213,7 @@ class V2_SettingsPanel { } renderThemePane() { - let root = this.root; + const root = this.root; if (!root) { console.log("FAILED TO LOCATE ROOT: .layer-3QrUeG .standardSidebarView-3F1I7i"); return; @@ -5329,7 +5321,7 @@ class V2_SettingsPanel_Sidebar { } get root() { - let _root = $("#bd-settings-sidebar"); + const _root = $("#bd-settings-sidebar"); if (!_root.length) { if (!this.injectRoot()) return null; return this.root; @@ -5338,14 +5330,14 @@ class V2_SettingsPanel_Sidebar { } injectRoot() { - let changeLog = $("[class*='side-'] > [class*='item-']:not([class*=Danger])").last(); + const changeLog = $("[class*='side-'] > [class*='item-']:not([class*=Danger])").last(); if (!changeLog.length) return false; $("", {id: "bd-settings-sidebar"}).insertBefore(changeLog.prev()); return true; } render() { - let root = this.root; + const root = this.root; if (!root) { console.log("FAILED TO LOCATE ROOT: [class*='side-'] > [class*='item-']:not([class*=Danger])"); return; @@ -5378,7 +5370,7 @@ class V2C_SideBar extends modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].reactComp constructor(props) { super(props); - let self = this; + const self = this; const si = $("[class*=side] > [class*=selected]"); if (si.length) self.scn = si.attr("class"); const ns = $("[class*=side] > [class*=notSelected]"); @@ -5393,13 +5385,13 @@ class V2C_SideBar extends modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].reactComp } setInitialState() { - let self = this; + const self = this; self.state = { selected: null, items: self.props.items }; - let initialSelection = self.props.items.find(item => { + const initialSelection = self.props.items.find(item => { return item.selected; }); if (initialSelection) { @@ -5408,23 +5400,23 @@ class V2C_SideBar extends modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].reactComp } render() { - let self = this; - let {headerText} = self.props; - let {items, selected} = self.state; + const self = this; + const {headerText} = self.props; + const {items, selected} = self.state; return modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].react.createElement( "div", null, modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].react.createElement(_tabbar__WEBPACK_IMPORTED_MODULE_1__["default"].Separator, null), modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].react.createElement(_tabbar__WEBPACK_IMPORTED_MODULE_1__["default"].Header, {text: headerText}), items.map(item => { - let {id, text} = item; + const {id, text} = item; return modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].react.createElement(_tabbar__WEBPACK_IMPORTED_MODULE_1__["default"].Item, {key: id, selected: selected === id, text: text, id: id, onClick: self.onClick}); }) ); } onClick(id) { - let self = this; + const self = this; const si = $("[class*=side] > [class*=selected]"); if (si.length) { si.off("click.bdsb").on("click.bsb", e => { @@ -5470,8 +5462,8 @@ class V2C_Switch extends modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].reactCompo } render() { - let {text, info} = this.props.data; - let {checked} = this.state; + const {text, info} = this.props.data; + const {checked} = this.state; return modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].react.createElement( "div", {className: "ui-flex flex-vertical flex-justify-start flex-align-stretch flex-nowrap ui-switch-item"}, @@ -5645,13 +5637,13 @@ class V2C_ThemeCard extends modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].reactCo } render() { - let {theme} = this.props; - let name = theme.name; - let description = theme.description; - let version = theme.version; - let author = theme.author; - let website = data__WEBPACK_IMPORTED_MODULE_0__["Themes"][name].website; - let source = data__WEBPACK_IMPORTED_MODULE_0__["Themes"][name].source; + const {theme} = this.props; + const name = theme.name; + const description = theme.description; + const version = theme.version; + const author = theme.author; + const website = data__WEBPACK_IMPORTED_MODULE_0__["Themes"][name].website; + const source = data__WEBPACK_IMPORTED_MODULE_0__["Themes"][name].source; return modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement("li", {"data-name": name, "data-version": version, "className": "settings-closed ui-switch-item"}, modules__WEBPACK_IMPORTED_MODULE_1__["BDV2"].react.createElement("div", {className: "bda-header"}, @@ -5742,7 +5734,7 @@ class V2C_SidebarView extends modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].react } render() { - let {sidebar, content, tools} = this.props.children; + const {sidebar, content, tools} = this.props.children; return modules__WEBPACK_IMPORTED_MODULE_0__["BDV2"].react.createElement( "div", {className: "standardSidebarView-3F1I7i ui-standard-sidebar-view"}, diff --git a/src/modules/core.js b/src/modules/core.js index 8463a25e..45b8a874 100644 --- a/src/modules/core.js +++ b/src/modules/core.js @@ -97,7 +97,7 @@ Core.prototype.checkForGuilds = function() { Core.prototype.injectExternals = async function() { await Utilties.injectJs("https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.9/ace.js"); - if (window.__non_webpack_require__.original) window.require = window.require.original; + if (window.require.original) window.require = window.require.original; }; Core.prototype.initSettings = function () { diff --git a/src/ui/customcss/detached.js b/src/ui/customcss/detached.js index 0df2bb21..342b5946 100644 --- a/src/ui/customcss/detached.js +++ b/src/ui/customcss/detached.js @@ -7,11 +7,10 @@ export default class V2C_CssEditorDetached extends BDV2.reactComponent { constructor(props) { super(props); - let self = this; - self.onClick = self.onClick.bind(self); - self.updateCss = self.updateCss.bind(self); - self.saveCss = self.saveCss.bind(self); - self.onChange = self.onChange.bind(self); + this.onClick = this.onClick.bind(this); + this.updateCss = this.updateCss.bind(this); + this.saveCss = this.saveCss.bind(this); + this.onChange = this.onChange.bind(this); } componentDidMount() { @@ -38,7 +37,7 @@ export default class V2C_CssEditorDetached extends BDV2.reactComponent { } updateLineCount() { - let lineCount = this.refs.editor.value.split("\n").length; + const lineCount = this.refs.editor.value.split("\n").length; if (lineCount == this.props.lines) return; this.refs.lines.textContent = Array.from(new Array(lineCount), (_, i) => i + 1).join(".\n") + "."; this.props.lines = lineCount; @@ -55,7 +54,7 @@ export default class V2C_CssEditorDetached extends BDV2.reactComponent { } get css() { - let _ccss = DataStore.getBDData("bdcustomcss"); + const _ccss = DataStore.getBDData("bdcustomcss"); let ccss = ""; if (_ccss && _ccss !== "") { ccss = atob(_ccss); @@ -64,7 +63,7 @@ export default class V2C_CssEditorDetached extends BDV2.reactComponent { } get root() { - let _root = $("#bd-customcss-detach-container"); + const _root = $("#bd-customcss-detach-container"); if (!_root.length) { if (!this.injectRoot()) return null; return this.detachedRoot; @@ -81,7 +80,7 @@ export default class V2C_CssEditorDetached extends BDV2.reactComponent { } render() { - let self = this; + const self = this; return BDV2.react.createElement( "div", {className: "bd-detached-css-editor", id: "bd-customcss-detach-editor"}, @@ -144,7 +143,7 @@ export default class V2C_CssEditorDetached extends BDV2.reactComponent { } onClick(id) { - let self = this; + const self = this; switch (id) { case "attach": if ($("#editor-detached").length) self.props.attach(); diff --git a/src/ui/customcss/editor.js b/src/ui/customcss/editor.js index b2e5acb7..f925c5fd 100644 --- a/src/ui/customcss/editor.js +++ b/src/ui/customcss/editor.js @@ -9,15 +9,14 @@ export default class V2C_CssEditor extends BDV2.reactComponent { constructor(props) { super(props); - let self = this; - self.props.lines = 0; - self.setInitialState(); - self.attach = self.attach.bind(self); - self.detachedEditor = BDV2.react.createElement(EditorDetached, {attach: self.attach}); - self.onClick = self.onClick.bind(self); - self.updateCss = self.updateCss.bind(self); - self.saveCss = self.saveCss.bind(self); - self.detach = self.detach.bind(self); + this.props.lines = 0; + this.setInitialState(); + this.attach = this.attach.bind(this); + this.detachedEditor = BDV2.react.createElement(EditorDetached, {attach: this.attach}); + this.onClick = this.onClick.bind(this); + this.updateCss = this.updateCss.bind(this); + this.saveCss = this.saveCss.bind(this); + this.detach = this.detach.bind(this); } setInitialState() { @@ -45,9 +44,8 @@ export default class V2C_CssEditor extends BDV2.reactComponent { } componentDidUpdate(prevProps, prevState) { - let self = this; - if (prevState.detached && !self.state.detached) { - BDV2.reactDom.unmountComponentAtNode(self.detachedRoot); + if (prevState.detached && !this.state.detached) { + BDV2.reactDom.unmountComponentAtNode(this.detachedRoot); } } @@ -65,7 +63,7 @@ export default class V2C_CssEditor extends BDV2.reactComponent { } get css() { - let _ccss = DataStore.getBDData("bdcustomcss"); + const _ccss = DataStore.getBDData("bdcustomcss"); let ccss = ""; if (_ccss && _ccss !== "") { ccss = atob(_ccss); @@ -74,16 +72,16 @@ export default class V2C_CssEditor extends BDV2.reactComponent { } updateLineCount() { - let lineCount = this.refs.editor.value.split("\n").length; + const lineCount = this.refs.editor.value.split("\n").length; if (lineCount == this.props.lines) return; this.refs.lines.textContent = Array.from(new Array(lineCount), (_, i) => i + 1).join(".\n") + "."; this.props.lines = lineCount; } render() { - let self = this; + const self = this; - let {detached} = self.state; + const {detached} = self.state; return BDV2.react.createElement( "div", {className: "contentColumn-2hrIYH contentColumnDefault-1VQkGM content-column default", style: {padding: "60px 40px 0px"}}, @@ -162,16 +160,15 @@ export default class V2C_CssEditor extends BDV2.reactComponent { } onClick(arg) { - let self = this; switch (arg) { case "update": - self.updateCss(); + this.updateCss(); break; case "save": - self.saveCss(); + this.saveCss(); break; case "detach": - self.detach(); + this.detach(); break; } } @@ -197,20 +194,19 @@ export default class V2C_CssEditor extends BDV2.reactComponent { } detach() { - let self = this; - self.setState({ + this.setState({ detached: true }); - let droot = self.detachedRoot; + const droot = this.detachedRoot; if (!droot) { console.log("FAILED TO INJECT ROOT: .app"); return; } - BDV2.reactDom.render(self.detachedEditor, droot); + BDV2.reactDom.render(this.detachedEditor, droot); } get detachedRoot() { - let _root = $("#bd-customcss-detach-container"); + const _root = $("#bd-customcss-detach-container"); if (!_root.length) { if (!this.injectDetachedRoot()) return null; return this.detachedRoot; @@ -227,8 +223,7 @@ export default class V2C_CssEditor extends BDV2.reactComponent { } attach() { - let self = this; - self.setState({ + this.setState({ detached: false }); } diff --git a/src/ui/publicservers/card.js b/src/ui/publicservers/card.js index 4fba8d22..69dd5f58 100644 --- a/src/ui/publicservers/card.js +++ b/src/ui/publicservers/card.js @@ -11,7 +11,7 @@ export default class V2C_ServerCard extends BDV2.reactComponent { } render() { - let {server} = this.props; + const {server} = this.props; return BDV2.react.createElement( "div", // cardPrimary-1Hv-to {className: `card-3Qj_Yx cardPrimary-1Hv-to marginBottom8-AtZOdT bd-server-card${server.pinned ? " bd-server-card-pinned" : ""}`}, diff --git a/src/ui/publicservers/menu.js b/src/ui/publicservers/menu.js index c95dd37a..40a39124 100644 --- a/src/ui/publicservers/menu.js +++ b/src/ui/publicservers/menu.js @@ -47,7 +47,7 @@ export default class V2C_PublicServers extends BDV2.reactComponent { } search(query, clear) { - let self = this; + const self = this; $.ajax({ method: "GET", @@ -121,19 +121,18 @@ export default class V2C_PublicServers extends BDV2.reactComponent { } connect() { - let self = this; - let options = self.windowOptions; + const options = this.windowOptions; options.x = Math.round(window.screenX + window.innerWidth / 2 - options.width / 2); options.y = Math.round(window.screenY + window.innerHeight / 2 - options.height / 2); - self.joinWindow = new (window.require("electron").remote.BrowserWindow)(options); + this.joinWindow = new (window.require("electron").remote.BrowserWindow)(options); const url = "https://auth.discordservers.com/connect?scopes=guilds.join&previousUrl=https://auth.discordservers.com/info"; - self.joinWindow.webContents.on("did-navigate", (event, url) => { + this.joinWindow.webContents.on("did-navigate", (event, url) => { if (url != "https://auth.discordservers.com/info") return; - self.joinWindow.close(); - self.checkConnection(); + this.joinWindow.close(); + this.checkConnection(); }); - self.joinWindow.loadURL(url); + this.joinWindow.loadURL(url); } get windowOptions() { @@ -155,7 +154,7 @@ export default class V2C_PublicServers extends BDV2.reactComponent { } get bdServer() { - let server = { + const server = { name: "BetterDiscord", online: "7500+", members: "20000+", @@ -167,8 +166,8 @@ export default class V2C_PublicServers extends BDV2.reactComponent { invite_code: "0Tmfo5ZbORCRqbAd", pinned: true }; - let guildList = this.SortedGuildStore.guildPositions; - let defaultList = this.AvatarDefaults.DEFAULT_AVATARS; + const guildList = this.SortedGuildStore.guildPositions; + const defaultList = this.AvatarDefaults.DEFAULT_AVATARS; return BDV2.react.createElement(ServerCard, {server: server, pinned: true, join: this.join, guildList: guildList, fallback: defaultList[Math.floor(Math.random() * 5)]}); } @@ -185,7 +184,7 @@ export default class V2C_PublicServers extends BDV2.reactComponent { } checkConnection() { - let self = this; + const self = this; try { $.ajax({ method: "GET", @@ -293,7 +292,7 @@ export default class V2C_PublicServers extends BDV2.reactComponent { } searchKeyDown(e) { - let self = this; + const self = this; if (self.state.loading || e.which !== 13) return; self.setState({ loading: true, @@ -312,7 +311,7 @@ export default class V2C_PublicServers extends BDV2.reactComponent { } changeCategory(id) { - let self = this; + const self = this; if (self.state.loading) return; self.refs.searchinput.value = ""; self.setState({ @@ -329,9 +328,9 @@ export default class V2C_PublicServers extends BDV2.reactComponent { } get content() { - let self = this; - let guildList = this.SortedGuildStore.guildPositions; - let defaultList = this.AvatarDefaults.DEFAULT_AVATARS; + const self = this; + const guildList = this.SortedGuildStore.guildPositions; + const defaultList = this.AvatarDefaults.DEFAULT_AVATARS; if (self.state.connection.state === 1) return self.notConnected; return [BDV2.react.createElement( "div", @@ -357,7 +356,7 @@ export default class V2C_PublicServers extends BDV2.reactComponent { } get notConnected() { - let self = this; + const self = this; //return BDV2.react.createElement(SettingsTitle, { text: self.state.title }); return [BDV2.react.createElement( "div", @@ -402,8 +401,8 @@ export default class V2C_PublicServers extends BDV2.reactComponent { } get connection() { - let self = this; - let {connection} = self.state; + const self = this; + const {connection} = self.state; if (connection.state !== 2) return BDV2.react.createElement("span", null); return BDV2.react.createElement( diff --git a/src/ui/scroller.js b/src/ui/scroller.js index 7452f2d2..7f4614b7 100644 --- a/src/ui/scroller.js +++ b/src/ui/scroller.js @@ -15,7 +15,7 @@ export default class V2C_Scroller extends BDV2.reactComponent { scrollerClass = "scroller-2FKFPG firefoxFixScrollFlex-cnI2ix contentRegionScroller-26nc1e content-region-scroller scroller"; /* fuck */ wrapperClass = "scrollerWrap-2lJEkd firefoxFixScrollFlex-cnI2ix contentRegionScrollerWrap-3YZXdm content-region-scroller-wrap scrollerThemed-2oenus themeGhost-28MSn0 scrollerTrack-1ZIpsv"; } - let {children} = this.props; + const {children} = this.props; return BDV2.react.createElement( "div", {key: "scrollerwrap", className: wrapperClass}, diff --git a/src/ui/settings/panel.js b/src/ui/settings/panel.js index a04554c5..5a3b80b3 100644 --- a/src/ui/settings/panel.js +++ b/src/ui/settings/panel.js @@ -10,7 +10,7 @@ export default class V2C_SettingsPanel extends BDV2.reactComponent { } render() { - let {settings} = this.props; + const {settings} = this.props; return BDV2.react.createElement( "div", {className: "contentColumn-2hrIYH contentColumnDefault-1VQkGM content-column default"}, diff --git a/src/ui/settings/plugincard.js b/src/ui/settings/plugincard.js index d2dee8c5..13977fd4 100644 --- a/src/ui/settings/plugincard.js +++ b/src/ui/settings/plugincard.js @@ -7,12 +7,11 @@ export default class V2C_PluginCard extends BDV2.reactComponent { constructor(props) { super(props); - let self = this; - self.onChange = self.onChange.bind(self); - self.showSettings = self.showSettings.bind(self); - self.setInitialState(); - self.hasSettings = typeof self.props.plugin.getSettingsPanel === "function"; - self.settingsPanel = ""; + this.onChange = this.onChange.bind(this); + this.showSettings = this.showSettings.bind(this); + this.setInitialState(); + this.hasSettings = typeof this.props.plugin.getSettingsPanel === "function"; + this.settingsPanel = ""; this.reload = this.reload.bind(this); this.onReload = this.onReload.bind(this); @@ -46,19 +45,19 @@ export default class V2C_PluginCard extends BDV2.reactComponent { } if (!SettingsCookie["fork-ps-3"]) return; - var isHidden = (container, element) => { + const isHidden = (container, element) => { - let cTop = container.scrollTop; - let cBottom = cTop + container.clientHeight; + const cTop = container.scrollTop; + const cBottom = cTop + container.clientHeight; - let eTop = element.offsetTop; - let eBottom = eTop + element.clientHeight; + const eTop = element.offsetTop; + const eBottom = eTop + element.clientHeight; return (eTop < cTop || eBottom > cBottom); }; - let self = $(BDV2.reactDom.findDOMNode(this)); - let container = self.parents(".scroller"); + const self = $(BDV2.reactDom.findDOMNode(this)); + const container = self.parents(".scroller"); if (!isHidden(container[0], self[0])) return; container.animate({ scrollTop: self.offset().top - container.offset().top + container.scrollTop() - 30 @@ -78,14 +77,14 @@ export default class V2C_PluginCard extends BDV2.reactComponent { } render() { - let self = this; - let {plugin} = this.props; - let name = this.getString(plugin.getName()); - let author = this.getString(plugin.getAuthor()); - let description = this.getString(plugin.getDescription()); - let version = this.getString(plugin.getVersion()); - let website = Plugins[name].website; - let source = Plugins[name].source; + const self = this; + const {plugin} = this.props; + const name = this.getString(plugin.getName()); + const author = this.getString(plugin.getAuthor()); + const description = this.getString(plugin.getDescription()); + const version = this.getString(plugin.getVersion()); + const website = Plugins[name].website; + const source = Plugins[name].source; if (this.state.settings) { try { self.settingsPanel = plugin.getSettingsPanel(); } diff --git a/src/ui/settings/settings.js b/src/ui/settings/settings.js index 4bc753e5..0f16b114 100644 --- a/src/ui/settings/settings.js +++ b/src/ui/settings/settings.js @@ -22,7 +22,7 @@ export default class V2_SettingsPanel { } get root() { - let _root = $("#bd-settingspane-container"); + const _root = $("#bd-settingspane-container"); if (!_root.length) { if (!this.injectRoot()) return null; return this.root; @@ -56,7 +56,7 @@ export default class V2_SettingsPanel { } getSettings(category) { return Object.keys(SettingsInfo).reduce((arr, key) => { - let setting = SettingsInfo[key]; + const setting = SettingsInfo[key]; if (setting.cat === category && setting.implemented && !setting.hidden) { setting.text = key; arr.push(setting); @@ -66,7 +66,7 @@ export default class V2_SettingsPanel { } sideBarOnClick(id) { - let self = this; + const self = this; $(".contentRegion-3nDuYy, .content-region").first().hide(); $(self.root).show(); switch (id) { @@ -89,7 +89,7 @@ export default class V2_SettingsPanel { } renderSidebar() { - let self = this; + const self = this; $("[class*='side-'] > [class*='item-']").off("click.v2settingspanel").on("click.v2settingspanel", () => { BDV2.reactDom.unmountComponentAtNode(self.root); $(self.root).hide(); @@ -152,35 +152,35 @@ export default class V2_SettingsPanel { } get pluginsComponent() { - let plugins = Object.keys(Plugins).sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase())).reduce((arr, key) => { + const plugins = Object.keys(Plugins).sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase())).reduce((arr, key) => { arr.push(BDV2.react.createElement(PluginCard, {key: key, plugin: Plugins[key].plugin}));return arr; }, []); - let list = BDV2.react.createElement(List, {key: "plugin-list", className: "bda-slist", children: plugins}); - let refreshIcon = !SettingsCookie["fork-ps-5"] && BDV2.react.createElement(ReloadIcon, {className: "bd-reload-header", size: "18px", onClick: async () => { + const list = BDV2.react.createElement(List, {key: "plugin-list", className: "bda-slist", children: plugins}); + const refreshIcon = !SettingsCookie["fork-ps-5"] && BDV2.react.createElement(ReloadIcon, {className: "bd-reload-header", size: "18px", onClick: async () => { PluginManager.updatePluginList(); this.sideBarOnClick("plugins"); }}); - let pfBtn = BDV2.react.createElement("button", {key: "folder-button", className: "bd-pfbtn", onClick: () => { require("electron").shell.openItem(ContentManager.pluginsFolder); }}, "Open Plugin Folder"); - let contentColumn = BDV2.react.createElement(ContentColumn, {key: "pcolumn", title: "Plugins", children: [refreshIcon, pfBtn, list]}); + const pfBtn = BDV2.react.createElement("button", {key: "folder-button", className: "bd-pfbtn", onClick: () => { require("electron").shell.openItem(ContentManager.pluginsFolder); }}, "Open Plugin Folder"); + const contentColumn = BDV2.react.createElement(ContentColumn, {key: "pcolumn", title: "Plugins", children: [refreshIcon, pfBtn, list]}); return BDV2.react.createElement(Scroller, {contentColumn: true, fade: true, dark: true, children: [contentColumn, BDV2.react.createElement(Tools, {key: "tools"})]}); } get themesComponent() { - let themes = Object.keys(Themes).sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase())).reduce((arr, key) => { + const themes = Object.keys(Themes).sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase())).reduce((arr, key) => { arr.push(BDV2.react.createElement(ThemeCard, {key: key, theme: Themes[key]}));return arr; }, []); - let list = BDV2.react.createElement(List, {key: "theme-list", className: "bda-slist", children: themes}); - let refreshIcon = !SettingsCookie["fork-ps-5"] && BDV2.react.createElement(ReloadIcon, {className: "bd-reload-header", size: "18px", onClick: async () => { + const list = BDV2.react.createElement(List, {key: "theme-list", className: "bda-slist", children: themes}); + const refreshIcon = !SettingsCookie["fork-ps-5"] && BDV2.react.createElement(ReloadIcon, {className: "bd-reload-header", size: "18px", onClick: async () => { ThemeManager.updateThemeList(); this.sideBarOnClick("themes"); }}); - let tfBtn = BDV2.react.createElement("button", {key: "folder-button", className: "bd-pfbtn", onClick: () => { require("electron").shell.openItem(ContentManager.themesFolder); }}, "Open Theme Folder"); - let contentColumn = BDV2.react.createElement(ContentColumn, {key: "tcolumn", title: "Themes", children: [refreshIcon, tfBtn, list]}); + const tfBtn = BDV2.react.createElement("button", {key: "folder-button", className: "bd-pfbtn", onClick: () => { require("electron").shell.openItem(ContentManager.themesFolder); }}, "Open Theme Folder"); + const contentColumn = BDV2.react.createElement(ContentColumn, {key: "tcolumn", title: "Themes", children: [refreshIcon, tfBtn, list]}); return BDV2.react.createElement(Scroller, {contentColumn: true, fade: true, dark: true, children: [contentColumn, BDV2.react.createElement(Tools, {key: "tools"})]}); } renderCoreSettings() { - let root = this.root; + const root = this.root; if (!root) { console.log("FAILED TO LOCATE ROOT: .layer-3QrUeG .standardSidebarView-3F1I7i"); return; @@ -189,7 +189,7 @@ export default class V2_SettingsPanel { } renderEmoteSettings() { - let root = this.root; + const root = this.root; if (!root) { console.log("FAILED TO LOCATE ROOT: .layer-3QrUeG .standardSidebarView-3F1I7i"); return; @@ -198,7 +198,7 @@ export default class V2_SettingsPanel { } renderCustomCssEditor() { - let root = this.root; + const root = this.root; if (!root) { console.log("FAILED TO LOCATE ROOT: .layer-3QrUeG .standardSidebarView-3F1I7i"); return; @@ -207,7 +207,7 @@ export default class V2_SettingsPanel { } renderPluginPane() { - let root = this.root; + const root = this.root; if (!root) { console.log("FAILED TO LOCATE ROOT: .layer-3QrUeG .standardSidebarView-3F1I7i"); return; @@ -216,7 +216,7 @@ export default class V2_SettingsPanel { } renderThemePane() { - let root = this.root; + const root = this.root; if (!root) { console.log("FAILED TO LOCATE ROOT: .layer-3QrUeG .standardSidebarView-3F1I7i"); return; diff --git a/src/ui/settings/sidebar.js b/src/ui/settings/sidebar.js index 06b99823..f224dad2 100644 --- a/src/ui/settings/sidebar.js +++ b/src/ui/settings/sidebar.js @@ -42,7 +42,7 @@ export default class V2_SettingsPanel_Sidebar { } get root() { - let _root = $("#bd-settings-sidebar"); + const _root = $("#bd-settings-sidebar"); if (!_root.length) { if (!this.injectRoot()) return null; return this.root; @@ -51,14 +51,14 @@ export default class V2_SettingsPanel_Sidebar { } injectRoot() { - let changeLog = $("[class*='side-'] > [class*='item-']:not([class*=Danger])").last(); + const changeLog = $("[class*='side-'] > [class*='item-']:not([class*=Danger])").last(); if (!changeLog.length) return false; $("", {id: "bd-settings-sidebar"}).insertBefore(changeLog.prev()); return true; } render() { - let root = this.root; + const root = this.root; if (!root) { console.log("FAILED TO LOCATE ROOT: [class*='side-'] > [class*='item-']:not([class*=Danger])"); return; diff --git a/src/ui/settings/sidebarmenu.js b/src/ui/settings/sidebarmenu.js index 62a5beb5..300d6574 100644 --- a/src/ui/settings/sidebarmenu.js +++ b/src/ui/settings/sidebarmenu.js @@ -5,7 +5,7 @@ export default class V2C_SideBar extends BDV2.reactComponent { constructor(props) { super(props); - let self = this; + const self = this; const si = $("[class*=side] > [class*=selected]"); if (si.length) self.scn = si.attr("class"); const ns = $("[class*=side] > [class*=notSelected]"); @@ -20,13 +20,13 @@ export default class V2C_SideBar extends BDV2.reactComponent { } setInitialState() { - let self = this; + const self = this; self.state = { selected: null, items: self.props.items }; - let initialSelection = self.props.items.find(item => { + const initialSelection = self.props.items.find(item => { return item.selected; }); if (initialSelection) { @@ -35,23 +35,23 @@ export default class V2C_SideBar extends BDV2.reactComponent { } render() { - let self = this; - let {headerText} = self.props; - let {items, selected} = self.state; + const self = this; + const {headerText} = self.props; + const {items, selected} = self.state; return BDV2.react.createElement( "div", null, BDV2.react.createElement(TabBar.Separator, null), BDV2.react.createElement(TabBar.Header, {text: headerText}), items.map(item => { - let {id, text} = item; + const {id, text} = item; return BDV2.react.createElement(TabBar.Item, {key: id, selected: selected === id, text: text, id: id, onClick: self.onClick}); }) ); } onClick(id) { - let self = this; + const self = this; const si = $("[class*=side] > [class*=selected]"); if (si.length) { si.off("click.bdsb").on("click.bsb", e => { diff --git a/src/ui/settings/switch.js b/src/ui/settings/switch.js index 8709bbd8..f6d00018 100644 --- a/src/ui/settings/switch.js +++ b/src/ui/settings/switch.js @@ -15,8 +15,8 @@ export default class V2C_Switch extends BDV2.reactComponent { } render() { - let {text, info} = this.props.data; - let {checked} = this.state; + const {text, info} = this.props.data; + const {checked} = this.state; return BDV2.react.createElement( "div", {className: "ui-flex flex-vertical flex-justify-start flex-align-stretch flex-nowrap ui-switch-item"}, diff --git a/src/ui/settings/themecard.js b/src/ui/settings/themecard.js index c600d7e8..5f174f71 100644 --- a/src/ui/settings/themecard.js +++ b/src/ui/settings/themecard.js @@ -42,13 +42,13 @@ export default class V2C_ThemeCard extends BDV2.reactComponent { } render() { - let {theme} = this.props; - let name = theme.name; - let description = theme.description; - let version = theme.version; - let author = theme.author; - let website = Themes[name].website; - let source = Themes[name].source; + const {theme} = this.props; + const name = theme.name; + const description = theme.description; + const version = theme.version; + const author = theme.author; + const website = Themes[name].website; + const source = Themes[name].source; return BDV2.react.createElement("li", {"data-name": name, "data-version": version, "className": "settings-closed ui-switch-item"}, BDV2.react.createElement("div", {className: "bda-header"}, diff --git a/src/ui/sidebarview.js b/src/ui/sidebarview.js index 89d89508..0a47a1b1 100644 --- a/src/ui/sidebarview.js +++ b/src/ui/sidebarview.js @@ -8,7 +8,7 @@ export default class V2C_SidebarView extends BDV2.reactComponent { } render() { - let {sidebar, content, tools} = this.props.children; + const {sidebar, content, tools} = this.props.children; return BDV2.react.createElement( "div", {className: "standardSidebarView-3F1I7i ui-standard-sidebar-view"}, diff --git a/src/ui/v2components.js b/src/ui/v2components.js deleted file mode 100644 index edc8831f..00000000 --- a/src/ui/v2components.js +++ /dev/null @@ -1,123 +0,0 @@ -export default class V2Components { - static get SettingsGroup() { - return V2C_SettingsGroup; - } - static get SectionedSettingsPanel() { - return V2C_SectionedSettingsPanel; - } - 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 ReloadIcon() { - return V2C_ReloadIcon; - } - static get XSvg() { - return V2C_XSvg; - } - static get Layer() { - return V2C_Layer; - } - static get ServerCard() { - return V2C_ServerCard; - } - - static TooltipWrap(Component, options) { - - const {style = "black", side = "top", text = ""} = options; - const id = BDV2.KeyGenerator(); - - return class extends BDV2.reactComponent { - constructor(props) { - super(props); - this.onMouseEnter = this.onMouseEnter.bind(this); - this.onMouseLeave = this.onMouseLeave.bind(this); - } - - componentDidMount() { - this.node = BDV2.reactDom.findDOMNode(this); - this.node.addEventListener("mouseenter", this.onMouseEnter); - this.node.addEventListener("mouseleave", this.onMouseLeave); - } - - componentWillUnmount() { - this.node.removeEventListener("mouseenter", this.onMouseEnter); - this.node.removeEventListener("mouseleave", this.onMouseLeave); - } - - onMouseEnter() { - if (!BDV2.Tooltips) return; - const {left, top, width, height} = this.node.getBoundingClientRect(); - BDV2.Tooltips.show(id, { - position: side, - text: text, - color: style, - targetWidth: width, - targetHeight: height, - windowWidth: Utils.screenWidth, - windowHeight: Utils.screenHeight, - x: left, - y: top - }); - - const observer = new MutationObserver((mutations) => { - mutations.forEach((mutation) => { - const nodes = Array.from(mutation.removedNodes); - const directMatch = nodes.indexOf(this.node) > -1; - const parentMatch = nodes.some(parent => parent.contains(this.node)); - if (directMatch || parentMatch) { - this.onMouseLeave(); - observer.disconnect(); - } - }); - }); - - observer.observe(document.body, {subtree: true, childList: true}); - } - - onMouseLeave() { - if (!BDV2.Tooltips) return; - BDV2.Tooltips.hide(id); - } - - render() { - return BDV2.react.createElement(Component, this.props); - } - }; - } -} \ No newline at end of file