BetterDiscordAddons/Plugins/TopRoleEverywhere/TopRoleEverywhere.plugin.js

//META{"name":"TopRoleEverywhere","authorId":"278543574059057154","invite":"Jx3TjNS","donate":"https://www.paypal.me/MircoWittrien","patreon":"https://www.patreon.com/MircoWittrien","website":"https://github.com/mwittrien/BetterDiscordAddons/tree/master/Plugins/TopRoleEverywhere","source":"https://raw.githubusercontent.com/mwittrien/BetterDiscordAddons/master/Plugins/TopRoleEverywhere/TopRoleEverywhere.plugin.js"}*//

var TopRoleEverywhere = (_ => {
	var settings = {};
	
	return class TopRoleEverywhere {
		getName () {return "TopRoleEverywhere";}

		getVersion () {return "3.0.3";}

		getAuthor () {return "DevilBro";}

		getDescription () {return "Adds the highest role of a user as a tag.";}

		constructor () {
			this.changelog = {
				"improved":[["Chat Role Tag & Id Tag","The tags for the role and id in the message history now use their own settings separately, so you can disable the role tag in the chat but still show the id tag"]]
			};
			
			this.patchedModules = {
				after: {
					MemberListItem: "render",
					MessageHeader: "default"
				}
			};
		}

		initConstructor () {
			this.css = `
				${BDFDB.dotCNS.member + BDFDB.dotCN.namecontainercontent} {
					overflow: visible;
				}
				${BDFDB.dotCN._toproleseverywheretag} {
					cursor: pointer;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
				${BDFDB.dotCN._toproleseverywheremembertag} {
					max-width: 50%;
				}
				${BDFDB.dotCN._toproleseverywherebadgestyle} {
					margin-left: 0.3rem;
				}
				${BDFDB.dotCNS.themelight + BDFDB.dotCN._toproleseverywhererolestyle} {
					color: rgba(79, 84, 92, 0.8);
				}
				${BDFDB.dotCNS.themedark + BDFDB.dotCN._toproleseverywhererolestyle} {
					color: hsla(0, 0%, 100%, 0.8);
				}
				${BDFDB.dotCNS.messagecompact + BDFDB.dotCNS.messageheader + BDFDB.dotCN._toproleseverywherebadgestyle} {
					margin-left: 0.1rem;
					margin-right: 0.2rem;
				}
				${BDFDB.dotCNS.messagecompact + BDFDB.dotCNS.messageheader + BDFDB.dotCN._toproleseverywhererolestyle} {
					margin-right: 0.3rem;
				}
				${BDFDB.dotCN._toproleseverywhererolestyle} {
					display: inline-flex;
					margin: 0 0 0 0.3rem;
				}
				${BDFDB.dotCNS._toproleseverywhererolestyle + BDFDB.dotCN.userpopoutrolecircle} {
					flex: 0 0 auto;
				}
				${BDFDB.dotCNS.messagecompact + BDFDB.dotCNS.messageheader + BDFDB.dotCN._toproleseverywhererolestyle} {
					text-indent: 0;
				}`;

			this.defaults = {
				settings: {
					showInChat:			{value:true, 	inner:true, 	description:"Chat Window"},
					showInMemberList:	{value:true, 	inner:true, 	description:"Member List"},
					useOtherStyle:		{value:false, 	inner:false, 	description:"Use BotTag Style instead of the Role Style."},
					useBlackFont:		{value:false, 	inner:false,	description:"Instead of darkening the color for BotTag Style on bright colors use black font."},
					includeColorless:	{value:false, 	inner:false, 	description:"Include colorless roles."},
					showOwnerRole:		{value:false, 	inner:false, 	description:`Display Role Tag of Serverowner as "${BDFDB.LanguageUtils.LanguageStrings.GUILD_OWNER}".`},
					disableForBots:		{value:false, 	inner:false, 	description:"Disable Role Tag for Bots."},
					addUserID:			{value:false, 	inner:false, 	description:"Add the UserID as a Tag to the Chat Window."}
				}
			};
		}

		getSettingsPanel () {
			if (!window.BDFDB || typeof BDFDB != "object" || !BDFDB.loaded || !this.started) return;
			let settings = BDFDB.DataUtils.get(this, "settings");
			let settingsPanel, settingsItems = [], innerItems = [];
			
			for (let key in settings) (!this.defaults.settings[key].inner ? settingsItems : innerItems).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]
			}));
			
			settingsItems.push(BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.SettingsPanelInner, {
				title: "Add Role Tags in:",
				first: settingsItems.length == 0,
				last: true,
				children: innerItems
			}));
			
			return settingsPanel = BDFDB.PluginUtils.createSettingsPanel(this, settingsItems);
		}

		// Legacy
		load () {}

		start () {
			if (!window.BDFDB) window.BDFDB = {myPlugins:{}};
			if (window.BDFDB && window.BDFDB.myPlugins && typeof window.BDFDB.myPlugins == "object") window.BDFDB.myPlugins[this.getName()] = this;
			let 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 (window.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 (window.BDFDB && typeof BDFDB === "object" && BDFDB.loaded) {
				if (this.started) return;
				BDFDB.PluginUtils.init(this);

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

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

				this.forceUpdateAll();
				
				BDFDB.PluginUtils.clear(this);
			}
		}


		// Begin of own functions

		onSettingsClosed () {
			if (this.SettingsUpdated) {
				delete this.SettingsUpdated;
				this.forceUpdateAll();
			}
		}

		processMemberListItem (e) {
			if (e.instance.props.user && settings.showInMemberList) {
				this.injectRoleTag(BDFDB.ReactUtils.getValue(e.returnvalue, "props.decorators.props.children"), e.instance.props.user, "member", {
					tagClass: BDFDB.disCN.bottagmember
				});
			}
		}

		processMessageHeader (e) {
			if (e.instance.props.message) {
				let [children, index] = BDFDB.ReactUtils.findParent(e.returnvalue.props.children.slice(1), {name: "Popout", props: [["className", BDFDB.disCN.messageusername]]});
				if (index > -1) {
					if (settings.showInChat) this.injectRoleTag(children, e.instance.props.message.author, "chat", {
						tagClass: e.instance.props.compact ? BDFDB.disCN.messagebottagcompact : BDFDB.disCN.messagebottagcozy,
						useRem: true
					});
					if (settings.addUserID) this.injectIdTag(children, e.instance.props.message.author, "chat", {
						tagClass: e.instance.props.compact ? BDFDB.disCN.messagebottagcompact : BDFDB.disCN.messagebottagcozy,
						useRem: true
					});
				}
			}
		}

		injectRoleTag (children, user, type, config = {}) {
			if (!BDFDB.ArrayUtils.is(children) || !user) return;
			let guild = BDFDB.LibraryModules.GuildStore.getGuild(BDFDB.LibraryModules.LastGuildStore.getGuildId());
			if (!guild || user.bot && settings.disableForBots) return;
			let role = BDFDB.LibraryModules.PermissionRoleUtils.getHighestRole(guild, user.id);
			if (role && !role.colorString && !settings.includeColorless) {
				let member = BDFDB.LibraryModules.MemberStore.getMember(guild.id, user.id);
				if (member) for (let sortedRole of BDFDB.ArrayUtils.keySort(member.roles.map(roleId => guild.getRole(roleId)), "position").reverse()) if (sortedRole.colorString) {
					role = sortedRole;
					break;
				}
			}
			if (role && (role.colorString || settings.includeColorless)) children.push(this.createTag(Object.assign({}, role, {
				name: settings.showOwnerRole && user.id == guild.ownerId ? BDFDB.LanguageUtils.LanguageStrings.GUILD_OWNER : role.name
			}), type, config));
		}

		injectIdTag (children, user, type, config = {}) {
			if (!BDFDB.ArrayUtils.is(children) || !user) return;
			children.push(this.createTag({
				name: user.id
			}, type, config));
		}
		
		createTag (role, type, config = {}) {
			if (settings.useOtherStyle) {
				let tagColor = BDFDB.ColorUtils.convert(role.colorString || BDFDB.DiscordConstants.Colors.PRIMARY_DARK_500, "RGB")
				let isBright = role.colorString && BDFDB.ColorUtils.isBright(tagColor);
				tagColor = isBright ? (settings.useBlackFont ? tagColor : BDFDB.ColorUtils.change(tagColor, -0.3)) : tagColor;
				return BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.BotTag, {
					className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN._toproleseverywheretag, BDFDB.disCN[`_toproleseverywhere${type}tag`], BDFDB.disCN._toproleseverywherebadgestyle, config.tagClass),
					useRemSizes: config.useRem,
					invertColor: config.inverted,
					style: {
						backgroundColor: tagColor,
						color: isBright && settings.useBlackFont ? "black" : null
					},
					tag: role.name,
					onContextMenu: role.id ? e => {this.openRoleContextMenu(e, role);} : null
				});
			}
			else return BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.MemberRole, {
				className: BDFDB.DOMUtils.formatClassName(BDFDB.disCN._toproleseverywheretag, BDFDB.disCN[`_toproleseverywhere${type}tag`], BDFDB.disCN._toproleseverywhererolestyle),
				role: role,
				onContextMenu: role.id ? e => {this.openRoleContextMenu(e, role);} : null
			});
		}
		
		openRoleContextMenu (e, role) {
			BDFDB.LibraryModules.ContextMenuUtils.openContextMenu(e, function (e) {
				return BDFDB.ReactUtils.createElement(BDFDB.ModuleUtils.findByName("DeveloperContextMenu"), Object.assign({}, e, {id: role.id}));
			});
		}
	
		forceUpdateAll () {
			settings = BDFDB.DataUtils.get(this, "settings");
			
			BDFDB.ModuleUtils.forceAllUpdates(this);
			BDFDB.MessageUtils.rerenderAll();
		}
	}
})();