/** * @name OldTitleBar * @author DevilBro * @authorId 278543574059057154 * @version 1.9.4 * @description Allows you to switch to Discord's old Titlebar * @invite Jx3TjNS * @donate https://www.paypal.me/MircoWittrien * @patreon https://www.patreon.com/MircoWittrien * @website https://mwittrien.github.io/ * @source https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/OldTitleBar/ * @updateUrl https://mwittrien.github.io/BetterDiscordAddons/Plugins/OldTitleBar/OldTitleBar.plugin.js */ module.exports = (_ => { const changeLog = { }; return !window.BDFDB_Global || (!window.BDFDB_Global.loaded && !window.BDFDB_Global.started) ? class { constructor (meta) {for (let key in meta) this[key] = meta[key];} getName () {return this.name;} getAuthor () {return this.author;} getVersion () {return this.version;} getDescription () {return `The Library Plugin needed for ${this.name} is missing. Open the Plugin Settings to download it. \n\n${this.description}`;} downloadLibrary () { BdApi.Net.fetch("https://mwittrien.github.io/BetterDiscordAddons/Library/0BDFDB.plugin.js").then(r => { if (!r || r.status != 200) throw new Error(); else return r.text(); }).then(b => { if (!b) throw new Error(); else return require("fs").writeFile(require("path").join(BdApi.Plugins.folder, "0BDFDB.plugin.js"), b, _ => BdApi.UI.showToast("Finished downloading BDFDB Library", {type: "success"})); }).catch(error => { BdApi.UI.alert("Error", "Could not download BDFDB Library Plugin. Try again later or download it manually from GitHub: https://mwittrien.github.io/downloader/?library"); }); } load () { if (!window.BDFDB_Global || !Array.isArray(window.BDFDB_Global.pluginQueue)) window.BDFDB_Global = Object.assign({}, window.BDFDB_Global, {pluginQueue: []}); if (!window.BDFDB_Global.downloadModal) { window.BDFDB_Global.downloadModal = true; BdApi.UI.showConfirmationModal("Library Missing", `The Library Plugin needed for ${this.name} is missing. Please click "Download Now" to install it.`, { confirmText: "Download Now", cancelText: "Cancel", onCancel: _ => {delete window.BDFDB_Global.downloadModal;}, onConfirm: _ => { delete window.BDFDB_Global.downloadModal; this.downloadLibrary(); } }); } if (!window.BDFDB_Global.pluginQueue.includes(this.name)) window.BDFDB_Global.pluginQueue.push(this.name); } start () {this.load();} stop () {} getSettingsPanel () { let template = document.createElement("template"); template.innerHTML = `
The Library Plugin needed for ${this.name} is missing.\nPlease click Download Now to install it.
`; template.content.firstElementChild.querySelector("a").addEventListener("click", this.downloadLibrary); return template.content.firstElementChild; } } : (([Plugin, BDFDB]) => { var _this; var patched, lastWindowRects; var titleBarLeading, titleBarTrailing; var toolbars = []; const OldTitleBarToolbarComponent = class OldTitleBarToolbar extends BdApi.React.Component { componentDidMount() { if (toolbars.indexOf(this) == -1) toolbars.push(this); } componentWillUnmount() { BDFDB.ArrayUtils.remove(toolbars, this, true); } render() { let children = []; if (_this.settings.general.minimizeButton) children.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Clickable, { className: BDFDB.disCNS.channelheadericonwrapper + BDFDB.disCN.channelheadericonclickable, onClick: _ => BDFDB.LibraryModules.WindowUtils.minimize(), children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, { className: BDFDB.disCN.channelheadericon, iconSVG: `` }) })); if (_this.settings.general.maximizeButton) children.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Clickable, { className: BDFDB.disCNS.channelheadericonwrapper + BDFDB.disCN.channelheadericonclickable, onClick: _ => _this.maximize(), children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, { className: BDFDB.disCN.channelheadericon, iconSVG: _this.isMaximized() ? `` : `` }) })); if (_this.settings.general.closeButton) children.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Clickable, { className: BDFDB.disCNS.channelheadericonwrapper + BDFDB.disCN.channelheadericonclickable, onClick: _ => BDFDB.LibraryModules.WindowUtils.close(), children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, { className: BDFDB.disCN.channelheadericon, iconSVG: `` }) })); if (_this.settings.general.reloadButton) { if (children.length) children.unshift(BDFDB.ReactUtils.createElement("div", {className: BDFDB.disCN.channelheaderdivider})); children.unshift(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TooltipContainer, { text: BDFDB.LanguageUtils.LanguageStrings.RELOAD, tooltipConfig: {type: "bottom"}, children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Clickable, { className: BDFDB.disCNS.channelheadericonwrapper + BDFDB.disCN.channelheadericonclickable, onClick: _ => location.reload(), children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, { className: BDFDB.disCN.channelheadericon, iconSVG: `` }) }) })); }; return !children.length ? null : BDFDB.ReactUtils.createElement("div", { className: BDFDB.disCN._oldtitlebartoolbar, children: [ this.props.addFirstDivider && BDFDB.ReactUtils.createElement("div", {className: BDFDB.disCN.channelheaderdivider}), children ].flat(10) }); } }; return class OldTitleBar extends Plugin { onLoad () { _this = this; this.defaults = { general: { addToSettings: {value: true, description: "Adds a Titlebar to Settings Windows"}, copyHistoryButtons: {value: true, description: "Adds the <- and -> Buttons to the Titlebar"}, reloadButton: {value: true, description: "Adds a Reload Button to the Titlebar"}, minimizeButton: {value: true, description: "Adds a Minimize Button to the Titlebar"}, maximizeButton: {value: true, description: "Adds a Resize/Maximize Button to the Titlebar"}, closeButton: {value: true, description: "Adds a Close Button to the Titlebar"} } }; this.modulePatches = { before: [ "HeaderBar", "HeaderBarDiscovery", "TitleBar" ], after: [ "AuthWrapper", "SettingsView", "TitleBar" ] }; this.css = ` ${BDFDB.dotCN.app} { --custom-app-top-bar-height: 0px; } ${BDFDB.dotCNS._oldtitlebarenabled + BDFDB.dotCN.titlebar}, ${BDFDB.dotCNS._oldtitlebarenabled + BDFDB.dotCN.titlebarthick} { display: none !important; } ${BDFDB.dotCNS._oldtitlebarenabled + BDFDB.dotCN.guildswrapper} { margin-top: 0; padding-top: 0; } ${BDFDB.dotCNS._oldtitlebarenabled + BDFDB.dotCN.guildsscroller} { padding-top: 4px; } ${BDFDB.dotCNS._oldtitlebarenabled + BDFDB.dotCN.channelheaderheaderbar}, ${BDFDB.dotCNS._oldtitlebarenabled + BDFDB.dotCN.channelheaderdiscovery} { padding-right: 8px; } ${BDFDB.dotCNS._oldtitlebarenabled + BDFDB.dotCN.channelheaderdiscoverysearchfloating} { position: static; } ${BDFDB.dotCNS._oldtitlebarenabled + BDFDB.dotCN.settingswindowstandardsidebarview}:before { display: none; } ${BDFDB.dotCN._oldtitlebartoolbar} { display: flex; flex: 1 0 auto; justify-content: flex-end; align-items: center; } ${BDFDB.dotCN.titlebarthick} ~ * ${BDFDB.dotCNS._oldtitlebartoolbar + BDFDB.dotCN.channelheadericonwrapper} { --chat-input-icon-size: 24px; transform: scale(90%); } ${BDFDB.dotCN._oldtitlebarextrabuttons} { display: flex; gap: 5px; align-items: center; } ${BDFDB.dotCNS._oldtitlebarextrabuttons + BDFDB.dotCN.channelheadericonwrapper} > svg { width: 28px !important; height: 28px !important; } ${BDFDB.dotCN.chatthreadsidebaropen} > *:first-child ${BDFDB.dotCN._oldtitlebartoolbar}, ${BDFDB.dotCN.chatthreadsidebaropen} ~ * ${BDFDB.dotCN._oldtitlebarextrabuttons} { display: none !important; } ${BDFDB.dotCN._oldtitlebarsettingstoolbar} { display: flex; position: absolute; top: 0; right: 0; padding: 10px; z-index: 103; -webkit-app-region: drag !important; } .platform-win ${BDFDB.dotCN._oldtitlebarsettingstoolbar} { top: 22px; } ${BDFDB.dotCN.channelheaderheaderbar}, ${BDFDB.dotCN.channelheaderdiscovery}, ${BDFDB.dotCNS.channelheaderheaderbar + BDFDB.dotCN.channelheaderuppercontainer}, ${BDFDB.dotCNS.channelheaderheaderbar}[class^="tabs_"], ${BDFDB.dotCNS.channelheaderheaderbar}[class^="navBarContent_"], ${BDFDB.dotCNS.channelheaderheaderbar + BDFDB.dotCN.channelheaderchildren}, ${BDFDB.dotCNS.channelheaderheaderbar + BDFDB.dotCN.channelheadertoolbar}, ${BDFDB.dotCNS.channelheaderheaderbar + BDFDB.dotCN._oldtitlebartoolbar}, ${BDFDB.dotCNS.channelheaderdiscovery + BDFDB.dotCN.channelheaderuppercontainer}, ${BDFDB.dotCNS.channelheaderdiscovery}[class^="tabs_"], ${BDFDB.dotCNS.channelheaderdiscovery}[class^="navBarContent_"], ${BDFDB.dotCNS.channelheaderdiscovery + BDFDB.dotCN.channelheaderchildren}, ${BDFDB.dotCNS.channelheaderdiscovery + BDFDB.dotCN.channelheadertoolbar}, ${BDFDB.dotCNS.channelheaderdiscovery + BDFDB.dotCN._oldtitlebartoolbar}, ${BDFDB.dotCNS.channelheaderdiscovery + BDFDB.dotCN.channelheaderdiscoverybackdrop} { -webkit-app-region: drag !important; } ${BDFDB.dotCNS.stopanimations + BDFDB.dotCN.channelheaderheaderbar}, ${BDFDB.dotCNS.stopanimations + BDFDB.dotCN.channelheaderdiscovery}, ${BDFDB.dotCN.channelheaderheaderbar} *, ${BDFDB.dotCN.channelheaderdiscovery} * { -webkit-app-region: no-drag !important; } `; } onStart () { BDFDB.ListenerUtils.add(this, window, "resize", e => { BDFDB.ReactUtils.forceUpdate(toolbars); }); BDFDB.DOMUtils.addClass(document.body, BDFDB.disCN._oldtitlebarenabled); BDFDB.DiscordUtils.rerenderAll(); } onStop () { BDFDB.DiscordUtils.rerenderAll(); BDFDB.DOMUtils.removeClassFromDOM(BDFDB.disCN._oldtitlebarenabled); } getSettingsPanel (collapseStates = {}) { let settingsPanel; return settingsPanel = BDFDB.PluginUtils.createSettingsPanel(this, { collapseStates: collapseStates, children: _ => { let settingsItems = []; for (let key in this.defaults.general) settingsItems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsSaveItem, { type: "Switch", plugin: this, keys: ["general", key], label: this.defaults.general[key].description, value: this.settings.general[key], })); return settingsItems; } }); } onSettingsClosed () { if (this.SettingsUpdated) { delete this.SettingsUpdated; BDFDB.DiscordUtils.rerenderAll(); } } processTitleBar (e) { if (!e.returnvalue) { titleBarLeading = e.instance.props.leading; titleBarTrailing = e.instance.props.trailing; } else return null; } processHeaderBarDiscovery (e) { this.injectButtons(e.instance.props.children); } processHeaderBar (e) { if (e.instance.props.className && e.instance.props.className.indexOf("fullscreen") > -1) return; let wrapper = BDFDB.ReactUtils.findChild(e.instance, {props: ["toolbar", "children"]}); if (!wrapper) return; let children = BDFDB.ArrayUtils.is(wrapper.props.toolbar) ? wrapper.props.toolbar : BDFDB.ObjectUtils.get(wrapper, "props.toolbar.props.children"); if (!children) { children = []; wrapper.props.toolbar = [ wrapper.props.toolbar, BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Flex, {children}) ]; } if (titleBarTrailing) children.push(BDFDB.ReactUtils.createElement("div", { className: BDFDB.disCN._oldtitlebarextrabuttons, children: titleBarTrailing })); if (this.settings.general.copyHistoryButtons && titleBarLeading) children.push(BDFDB.ReactUtils.createElement("div", { className: BDFDB.disCN._oldtitlebarextrabuttons, children: titleBarLeading })); this.injectButtons(children, true); } processAuthWrapper (e) { if (!BDFDB.ArrayUtils.is(e.returnvalue.props.children)) e.returnvalue.props.children = [e.returnvalue.props.children]; this.injectSettingsToolbar(e.returnvalue.props.children, true); } processSettingsView (e) { if (!BDFDB.ArrayUtils.is(e.returnvalue.props.children)) e.returnvalue.props.children = [e.returnvalue.props.children]; this.injectSettingsToolbar(e.returnvalue.props.children); } injectSettingsToolbar (children, fixed) { if (!this.settings.general.addToSettings) return; let toolbar = BDFDB.ReactUtils.createElement("div", { className: BDFDB.disCN._oldtitlebarsettingstoolbar, children: [], style: fixed ? {position: "fixed"} : null }); this.injectButtons(toolbar.props.children); children.push(toolbar); } injectButtons (children, addFirstDivider) { children.push(BDFDB.ReactUtils.createElement(OldTitleBarToolbarComponent, {addFirstDivider: addFirstDivider})); } isMaximized () { let rects = this.getWindowRects(); return rects.x == 0 && rects.y == 0 && this.isScreenSize(rects); } isScreenSize (rects) { return screen.availWidth - rects.width == 0 && screen.availHeight - rects.height == 0; } maximize () { if (!this.isMaximized()) { lastWindowRects = this.getWindowRects(); BDFDB.LibraryModules.WindowUtils.maximize(); } else { BDFDB.LibraryModules.WindowUtils.maximize(); BDFDB.TimeUtils.timeout(_ => { if (!this.isMaximized()) return; if (!lastWindowRects || this.isScreenSize(lastWindowRects)) { let rects = this.getWindowRects(); window.resizeTo(rects.width/2, rects.height/2); window.moveTo(rects.width/4, rects.height/4); } else { window.resizeTo(lastWindowRects.width, lastWindowRects.height); window.moveTo(lastWindowRects.x, lastWindowRects.y); } }, 100); } } getWindowRects () { return {x: window.screenX, y: window.screenY, width: window.outerWidth, height: window.outerHeight}; } }; })(window.BDFDB_Global.PluginUtils.buildPlugin(changeLog)); })();