BetterDiscordAddons/Plugins/OldTitleBar/OldTitleBar.plugin.js

//META{"name":"OldTitleBar","website":"https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/OldTitleBar","source":"https://raw.githubusercontent.com/mwittrien/BetterDiscordAddons/master/Plugins/OldTitleBar/OldTitleBar.plugin.js"}*//

class OldTitleBar {
	getName () {return "OldTitleBar";}

	getVersion () {return "1.6.1";}

	getAuthor () {return "DevilBro";}

	getDescription () {return "Reverts the title bar back to its former self.";}

	constructor () {
		this.changelog = {
			"improved":[["New Library Structure & React","Restructured my Library and switched to React rendering instead of DOM manipulation"]]
		};

		this.patchModules = {
			App: "render",
			HeaderBarContainer: "render",
			StandardSidebarView: "render",
			AuthWrapper: "render"
		};
	}

	initConstructor () {
		this.patched = false;

		this.css = `
			.OTB-enabled ${BDFDB.dotCN.splashbackground}:before {
				display: none !important;
			}
			
			.platform-osx.OTB-enabled ${BDFDB.dotCN.guildswrapper} {
				margin-top: 0;
			}

			.platform-osx.OTB-enabled ${BDFDB.dotCN.guildsscroller} {
				padding-top: 10px;
			}
			
			.OTB-toolbar {
				flex: 1 1 auto;
				justify-content: flex-end;
			}

			.OTB-settingsToolbar {
				position: absolute;
				top: 0;
				right: 0;
				padding: 10px;
				z-index: 2;
				-webkit-app-region: drag !important;
			}
			
			.OTB-enabled ${BDFDB.dotCN.splashbackground} .OTB-settingsToolbar {
				background: rgba(0, 0, 0, 0.3);
				border-radius: 0 0 0 5px;
			}

			${BDFDB.dotCN.channelheaderheaderbar} {
				-webkit-app-region: drag !important;
			}

			${BDFDB.dotCNS.stopanimations + BDFDB.dotCN.channelheaderheaderbar},
			${BDFDB.dotCN.channelheaderheaderbar} * {
				-webkit-app-region: no-drag !important;
			}`;

		this.defaults = {
			settings: {
				displayNative:		{value:!!document.querySelector(".platform-linux"), 	description:"Displays the native Title Bar."},
				addOldBar:			{value:true, 											description:"Displays the Title Bar in the old fashion."},
				addToSettings:		{value:true, 											description:"Adds a Title Bar to Settings Windows."},
				reloadButton:		{value:false, 											description:"Adds a Reload Button to the Title Bar."}
			}
		};
	}

	getSettingsPanel () {
		if (!global.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded || !this.started) return;
		let settings = BDFDB.DataUtils.get(this, "settings");
		let settingsitems = [];
		
		for (let key in settings) settingsitems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsSaveItem, {
			className: BDFDB.disCN.marginbottom8,
			type: "Switch",
			plugin: this,
			keys: ["settings", key],
			label: this.defaults.settings[key].description,
			value: settings[key],
			onChange: key == "displayNative" ? value => {
				if (this.patchMainScreen(value)) {
					this.patched = !this.patched;
					let notifybar = document.querySelector("#OldTitleBarNotifyBar");
					if (notifybar) notifybar.querySelector(BDFDB.dotCN.noticedismiss).click();
					if (this.patched) {
						notifybar = BDFDB.NotificationUtils.notice("Changed nativebar settings, relaunch to see changes:", {type:"danger",btn:"Relaunch",id:"OldTitleBarNotifyBar"});
						notifybar.querySelector(BDFDB.dotCN.noticebutton).addEventListener("click", () => {
							BDFDB.LibraryRequires.electron.remote.app.relaunch();
							BDFDB.LibraryRequires.electron.remote.app.quit();
						});
					}
				}
			} : null
		}));
		
		return BDFDB.PluginUtils.createSettingsPanel(this, settingsitems);
	}

	//legacy
	load () {}

	start () {
		if (!global.BDFDB) global.BDFDB = {myPlugins:{}};
		if (global.BDFDB && global.BDFDB.myPlugins && typeof global.BDFDB.myPlugins == "object") global.BDFDB.myPlugins[this.getName()] = this;
		var libraryScript = document.querySelector('head script#BDFDBLibraryScript');
		if (!libraryScript || (performance.now() - libraryScript.getAttribute("date")) > 600000) {
			if (libraryScript) libraryScript.remove();
			libraryScript = document.createElement("script");
			libraryScript.setAttribute("id", "BDFDBLibraryScript");
			libraryScript.setAttribute("type", "text/javascript");
			libraryScript.setAttribute("src", "https://mwittrien.github.io/BetterDiscordAddons/Plugins/BDFDB.min.js");
			libraryScript.setAttribute("date", performance.now());
			libraryScript.addEventListener("load", () => {this.initialize();});
			document.head.appendChild(libraryScript);
		}
		else if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) this.initialize();
		this.startTimeout = setTimeout(() => {
			try {return this.initialize();}
			catch (err) {console.error(`%c[${this.getName()}]%c`, "color: #3a71c1; font-weight: 700;", "", "Fatal Error: Could not initiate plugin! " + err);}
		}, 30000);
	}

	initialize () {
		if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
			if (this.started) return;
			BDFDB.PluginUtils.init(this);

			BDFDB.ListenerUtils.add(this, window, "resize", e => {
				BDFDB.ModuleUtils.forceAllUpdates(this, ["HeaderBarContainer", "StandardSidebarView"]);
			});

			this.window = BDFDB.LibraryRequires.electron.remote.getCurrentWindow();

			this.patchMainScreen(BDFDB.DataUtils.get(this, "settings", "displayNative"));

			BDFDB.DOMUtils.addClass(document.documentElement, "OTB-enabled");

			BDFDB.ModuleUtils.forceAllUpdates(this);
		}
		else console.error(`%c[${this.getName()}]%c`, "color: #3a71c1; font-weight: 700;", "", "Fatal Error: Could not load BD functions!");
	}


	stop () {
		if (global.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
			this.stopping = true;

			BDFDB.ModuleUtils.forceAllUpdates(this);

			BDFDB.DOMUtils.removeClassFromDOM("OTB-enabled");

			BDFDB.PluginUtils.clear(this);
		}
	}


	// begin of own functions

	onSettingsClosed () {
		if (this.SettingsUpdated) {
			delete this.SettingsUpdated;
			BDFDB.ModuleUtils.forceAllUpdates(this, ["HeaderBarContainer", "StandardSidebarView"]);
		}
	}

	processApp (e) {
		let [children, index] = BDFDB.ReactUtils.findChildren(e.returnvalue, {props:[["type",["WINDOWS", "MACOS"]]]});
		if (index > -1) children[index] = null;
	}

	processHeaderBarContainer (e) {
		if (!BDFDB.DataUtils.get(this, "settings", "addOldBar")) return;
		let children = BDFDB.ReactUtils.getValue(e.returnvalue, "props.toolbar.props.children");
		if (!children) {
			let [oldToolbarParent, oldToolbarIndex] = BDFDB.ReactUtils.findChildren(e.returnvalue, {props:[["className", "OTB-toolbar"]]});
			if (oldToolbarIndex > -1) oldToolbarParent.splice(oldToolbarIndex, 1);
			let toolbar = BDFDB.ReactUtils.createElement("div", {
				className: BDFDB.disCNS.channelheadertoolbar + "OTB-toolbar",
				children: []
			});
			e.returnvalue.props.children.push(toolbar);
			children = toolbar.props.children;
		}
		this.injectButtons(children, true);
	}

	processStandardSidebarView (e) {
		if (!BDFDB.ArrayUtils.is(e.returnvalue.props.children)) e.returnvalue.props.children = [e.returnvalue.props.children];
		this.injectSettingsToolbar(e.returnvalue.props.children);
	}

	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);
	}
	
	injectSettingsToolbar (children, fixed) {
		if (!BDFDB.DataUtils.get(this, "settings", "addToSettings")) return;
		let toolbar = BDFDB.ReactUtils.createElement("div", {
			className: BDFDB.disCNS.channelheadertoolbar + "OTB-settingsToolbar",
			children: [],
			style: fixed ? {position: "fixed"} : null
		});
		this.injectButtons(toolbar.props.children);
		children.push(toolbar);
	}
	
	injectButtons (children, addFirstDivider) {
		BDFDB.DOMUtils.addClass(document.documentElement, "OTB-enabled");
		if (addFirstDivider) children.push(BDFDB.ReactUtils.createElement("div", {className: BDFDB.disCN.channelheaderdivider}))
		if (BDFDB.DataUtils.get(this, "settings", "reloadButton")) {
			children.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.TooltipContainer, {
				text: BDFDB.LanguageUtils.LanguageStrings.ERRORS_RELOAD,
				tooltipConfig: {type: "bottom"},
				children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Clickable, {
					className: BDFDB.disCNS.channelheadericonwrapper + BDFDB.disCN.channelheadericonclickable,
					onClick: _ => {this.window.reload();},
					children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
						className: BDFDB.disCNS.channelheadericon + "OTB-reloadButton",
						iconSVG: `<svg><path fill="currentColor" stroke="none" transform="translate(3,4)" d="M 17.061, 7.467 V 0 l -2.507, 2.507 C 13.013, 0.96, 10.885, 0, 8.528, 0 C 3.813, 0, 0.005, 3.819, 0.005, 8.533 s 3.808, 8.533, 8.523, 8.533 c 3.973, 0, 7.301 -2.72, 8.245 -6.4 h -2.219 c -0.88, 2.485 -3.237, 4.267 -6.027, 4.267 c -3.536, 0 -6.4 -2.864 -6.4 -6.4 s 2.864 -6.4, 6.4 -6.4 c 1.765, 0, 3.349, 0.736, 4.507, 1.893 l -3.44, 3.44 H 17.061 z"/></svg>`
					})
				})
			}));
			children.push(BDFDB.ReactUtils.createElement("div", {className: BDFDB.disCN.channelheaderdivider}));
		};
		children.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Clickable, {
			className: BDFDB.disCNS.channelheadericonwrapper + BDFDB.disCN.channelheadericonclickable,
			onClick: _ => {this.window.minimize();},
			children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
				className: BDFDB.disCNS.channelheadericon + "OTB-minButton",
				iconSVG: `<svg width="26" height="26"><path stroke-width="2" stroke="currentColor" fill="none" d="M6 18 l13 0"/></svg>`
			})
		}));
		children.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Clickable, {
			className: BDFDB.disCNS.channelheadericonwrapper + BDFDB.disCN.channelheadericonclickable,
			onClick: _ => {
				if (this.isMaximized()) this.window.unmaximize();
				else this.window.maximize();
			},
			children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
				className: BDFDB.disCNS.channelheadericon + "OTB-maxButton",
				iconSVG: this.isMaximized() ? `<svg width="26" height="26"><path stroke-width="2" stroke="currentColor" fill="none" d="M6 9 l10 0 l0 10 l-10 0 l0 -10 m3 -3 l10 0 l0 10"/></svg>` : `<svg width="26" height="26"><path stroke-width="2" stroke="currentColor" fill="none" d="M6 6 l13 0 l0 13 l-13 0 l0 -13"/></svg>`
			})
		}));
		children.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Clickable, {
			className: BDFDB.disCNS.channelheadericonwrapper + BDFDB.disCN.channelheadericonclickable,
			onClick: _ => {this.window.close();},
			children: BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SvgIcon, {
				className: BDFDB.disCNS.channelheadericon + "OTB-closeButton",
				iconSVG: `<svg width="26" height="26"><path stroke-width="2" stroke="currentColor" fill="none" d="M6 6 l13 13 m0 -13 l-13 13"/></svg>`
			})
		}));
	}

	isMaximized () {
		return window.screen.availWidth == window.outerWidth && window.screen.availHeight == window.outerHeight && window.screenX == 0 && window.screenY == 0;
	}

	patchMainScreen (enable) {
		if (BdApi.getWindowPreference("frame") != enable) {
			BdApi.setWindowPreference("frame", enable);
			return true;
		}
		return false;
	}
}