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));