Start adding hide followers functionality

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;
+}

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

src/interfaces/preferences.ts

@@ -2,4 +2,5 @@ export interface Preferences {
 	hideLikes: boolean;
 	hideRetweets: boolean;
 	hideReplies: boolean;
+	hideFollowers: boolean;
 }

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

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> {