From 46974a49e166a9c249777288cc0d7c9e67c614f1 Mon Sep 17 00:00:00 2001
From: Aaron Yarborough <me@aaronjy.me>
Date: Sat, 11 Apr 2020 20:52:29 +0100
Subject: [PATCH] Start adding hide followers functionality

---
 src/hider.css                 | 9 +++++++++
 src/hider.ts                  | 6 ++++++
 src/interfaces/preferences.ts | 1 +
 src/popup.ts                  | 6 +++++-
 src/preferences-repository.ts | 3 ++-
 5 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/hider.css b/src/hider.css
index 3068f55..f3dfc3e 100644
--- a/src/hider.css
+++ b/src/hider.css
@@ -41,3 +41,12 @@ body[data-hideretweets]
   span.css-901oao.css-16my406.r-1qd0xha.r-ad9z0x.r-bcqeeo.r-qvutc0 {
   display: none;
 }
+
+body[data-hidefollowers]
+  div.css-1dbjc4n.r-1ila09b.r-qklmqi.r-1adg3ll
+  div.css-1dbjc4n.r-1kfrmmb.r-1efd50x.r-5kkj8d.r-18u37iz.r-9qu9m4
+  a[href$="followers"]
+  span.css-901oao.css-16my406.r-1qd0xha.r-vw2c0b.r-ad9z0x.r-bcqeeo.r-d3hbe1.r-1wgg2b2.r-axxi2z.r-qvutc0
+  span.css-901oao.css-16my406.r-1qd0xha.r-ad9z0x.r-bcqeeo.r-qvutc0 {
+  display: none;
+}
diff --git a/src/hider.ts b/src/hider.ts
index 71fd190..a057b98 100644
--- a/src/hider.ts
+++ b/src/hider.ts
@@ -6,6 +6,7 @@ export class TwitterHider {
 	private readonly hideLikesToggleAttr = 'data-hidelikes';
 	private readonly hideRetweetsToggleAttr = 'data-hideretweets';
 	private readonly HideRepliesToggleAttr = 'data-hidereplies';
+	private readonly HideFollowersToggleAttr = 'data-hidefollowers';
 
 	constructor(preferences: Preferences) {
 		this.preferences = preferences;
@@ -15,6 +16,7 @@ export class TwitterHider {
 		this.setLikesVisibility(this.preferences.hideLikes);
 		this.setRetweetsVisibility(this.preferences.hideRetweets);
 		this.setRepliesVisibility(this.preferences.hideReplies);
+		this.setFollowersVisibility(this.preferences.hideFollowers);
 	}
 
 	private setLikesVisibility(visiblity: boolean): void {
@@ -29,6 +31,10 @@ export class TwitterHider {
 		this.setAttributeOrRemoveIfNull(document.body, this.HideRepliesToggleAttr, this.trueStringOrNull(visiblity));
 	}
 
+	private setFollowersVisibility(visibility: boolean): void {
+		this.setAttributeOrRemoveIfNull(document.body, this.HideFollowersToggleAttr, this.trueStringOrNull(visibility));
+	}
+
 	private setAttributeOrRemoveIfNull(element: HTMLElement, attributeName: string, value: string): void {
 		if (!value) {
 			element.removeAttribute(attributeName);
diff --git a/src/interfaces/preferences.ts b/src/interfaces/preferences.ts
index 2440687..03136de 100644
--- a/src/interfaces/preferences.ts
+++ b/src/interfaces/preferences.ts
@@ -2,4 +2,5 @@ export interface Preferences {
 	hideLikes: boolean;
 	hideRetweets: boolean;
 	hideReplies: boolean;
+	hideFollowers: boolean;
 }
\ No newline at end of file
diff --git a/src/popup.ts b/src/popup.ts
index c4b9ef2..42bbac7 100644
--- a/src/popup.ts
+++ b/src/popup.ts
@@ -5,6 +5,7 @@ class Popup {
 	private static hideLikesCheckbox: HTMLInputElement;
 	private static hideRepliesCheckbox: HTMLInputElement;
 	private static hideRetweetsCheckbox: HTMLInputElement;
+	private static hideFollowersCheckbox: HTMLInputElement;
 	private static saveButton: HTMLButtonElement;
 	private static saveChangesMessage: HTMLElement;
 
@@ -16,12 +17,14 @@ class Popup {
 		this.hideLikesCheckbox.checked = preferences.hideLikes;
 		this.hideRepliesCheckbox.checked = preferences.hideReplies;
 		this.hideRetweetsCheckbox.checked = preferences.hideRetweets;
+		this.hideFollowersCheckbox.checked = preferences.hideFollowers;
 	}
 
 	static bind(): void {
 		this.hideLikesCheckbox = document.getElementById('hideLikes') as HTMLInputElement;
 		this.hideRepliesCheckbox = document.getElementById('hideReplies') as HTMLInputElement;
 		this.hideRetweetsCheckbox = document.getElementById('hideRetweets') as HTMLInputElement;
+		this.hideFollowersCheckbox = document.getElementById('hideFollowers') as HTMLInputElement;
 
 		this.saveChangesMessage = document.getElementById('savedChanges');
 
@@ -37,7 +40,8 @@ class Popup {
 			const updatedPreferences: Preferences = {
 				hideLikes: this.hideLikesCheckbox.checked,
 				hideRetweets: this.hideRetweetsCheckbox.checked,
-				hideReplies: this.hideRepliesCheckbox.checked
+				hideReplies: this.hideRepliesCheckbox.checked,
+				hideFollowers: this.hideFollowersCheckbox.checked
 			};
 
 			PreferencesRepository.set(updatedPreferences);
diff --git a/src/preferences-repository.ts b/src/preferences-repository.ts
index 98c47a5..0b4be45 100644
--- a/src/preferences-repository.ts
+++ b/src/preferences-repository.ts
@@ -4,7 +4,8 @@ export class PreferencesRepository {
 	static readonly DefaultPreferences: Preferences = {
 		hideLikes: true,
 		hideRetweets: true,
-		hideReplies: true
+		hideReplies: true,
+		hideFollowers: true
 	};
 
 	static get(): Promise<Preferences> {