Add usernameHider support to mod.reddit.com

firefox/manifest.json

@@ -36,7 +36,6 @@
 		],
 		"all_frames": true,
 		"exclude_matches": [
-			"https://mod.reddit.com/*",
 			"https://ads.reddit.com/*",
 			"https://i.reddit.com/*",
 			"https://m.reddit.com/*",

lib/modules/accountSwitcher.js

@@ -129,6 +129,9 @@ const accounts = once(() =>
 );
 
 module.contentStart = () => {
+	if (location.host === 'mod.reddit.com') {
+		return;
+	}
 	const downArrow = module.options.dropDownStyle.value === 'alien' ?
 		string.html`<span id="RESAccountSwitcherIcon" role="button"></span>` :
 		string.html`<span id="RESAccountSwitcherIcon" role="button"><span class="downArrow"></span></span>`;

lib/modules/announcements.js

@@ -33,6 +33,9 @@ const now = Date.now();
 let biff;
 
 module.go = async () => {
+	if (location.host === 'mod.reddit.com') {
+		return;
+	}
 	if (isCurrentSubreddit(subreddit)) {
 		setMarkedRead();
 	} else {

lib/modules/messageMenu.js

@@ -69,6 +69,9 @@ module.options = {
 };
 
 module.contentStart = () => {
+	if (location.host === 'mod.reddit.com') {
+		return;
+	}
 	Hover.dropdownList(module.moduleID)
 		.options({
 			openDelay: parseFloat(module.options.hoverDelay.value),

lib/modules/orangered.js

@@ -139,6 +139,10 @@ module.options = {
 module.contentStart = () => {
 	if (module.options.faviconUseLegacy.value) setupFavicon();
 
+	if (location.host === 'mod.reddit.com') {
+		return;
+	}
+
 	if (!loggedInUser()) {
 		return;
 	}

lib/modules/pageNavigator.js

@@ -47,6 +47,9 @@ module.beforeLoad = () => {
 };
 
 module.contentStart = () => {
+	if (location.host === 'mod.reddit.com') {
+		return;
+	}
 	if (module.options.toComment.value && isPageType('comments')) {
 		backToNewCommentArea();
 	}

lib/modules/usernameHider.js

@@ -80,13 +80,28 @@ function hideUsername(user, displayText) {
 
 	const userHref = `[href*="/user/${user}"]`;
 
+	if (location.host === 'mod.reddit.com') {
+		addCSS(`
+			a.author${userHref} .Author__text {
+				line-height: 0;
+				font-size: 0;
+			}
+		`);
+	} else {
+		addCSS(`
+			a.author${userHref} {
+				line-height: 0;
+				font-size: 0;
+			}
+		`);
+	}
+
 	// Hide username
 	addCSS(`
 		p.tagline > a${userHref},
 		#header .user > a${userHref},
 		.titlebox .tagline a.author${userHref},
 		.commentingAsUser a${userHref},
-		a.author${userHref},
 		.bottom a${userHref} {
 			line-height: 0;
 			font-size: 0;
@@ -106,6 +121,15 @@ function hideUsername(user, displayText) {
 			padding: inherit;
 		}
 
+		.Header__user {
+			font-size: 0;
+		}
+
+		.Header__user::after {
+			content: "${displayText}";
+			font-size: 20px;
+		}
+
 		a.author${userHref}::after {
 			margin-right: 0.5em;
 		}

lib/utils/user.js

@@ -18,6 +18,11 @@ export const isLoggedIn = once(() => {
 export const loggedInUser = once((): string | void => documentLoggedInUser(document));
 
 export const documentLoggedInUser = (document: Document | Element): string | void => {
+	if (location.host === 'mod.reddit.com') {
+		// eslint-disable-next-line no-useless-assign/no-useless-assign
+		const username = document.querySelector('.Header__user').textContent;
+		return username;
+	}
 	if (isAppType('d2x')) {
 		// The first text node in the user button contains the username
 		const findFirstTextNode = e => [...e.childNodes].filter(v => v.nodeType === 3).concat(...[...e.children].map(findFirstTextNode));