From 461f63e6967024b33c93249db6eafaed477ea396 Mon Sep 17 00:00:00 2001 From: Aaron Yarborough Date: Wed, 1 Apr 2020 00:24:59 +0100 Subject: [PATCH] Initial commit. --- content.js | 54 +++++++++++++++++++++++++++++++++++++ hider.js | 71 ++++++++++++++++++++++++++++++++++++++++++++++++ manifest.json | 16 +++++++++++ popup.html | 74 +++++++++++++++++++++++++++++++++++++++++++++++++++ popup.js | 50 ++++++++++++++++++++++++++++++++++ 5 files changed, 265 insertions(+) create mode 100644 content.js create mode 100644 hider.js create mode 100644 manifest.json create mode 100644 popup.html create mode 100644 popup.js diff --git a/content.js b/content.js new file mode 100644 index 0000000..08912cc --- /dev/null +++ b/content.js @@ -0,0 +1,54 @@ +class Background { + static async init() { + if (await this.checkIfFirstStart()) { + await this.setup(); + } + + this.listen(); + } + + static async listen() { + console.log("LISTENING") + + const preferences = await this.getSavedPreferences(); + const hider = new TwitterHider(preferences); + + hider.init(); + } + + static checkIfFirstStart(callback) { + console.log("CHECKING IF FIRST START"); + return new Promise(resolve => { + chrome.storage.local.get('setup', data => { + resolve(!data.setup); + }); + }); + } + + static setup() { + console.log("SETUP"); + + const defaults = { + hideLikes: true, + hideRetweets: true, + hideReplies: true, + setup: true + }; + + return new Promise(resolve => { + chrome.storage.local.set(defaults, () => resolve()); + }); + } + + static getSavedPreferences() { + return new Promise(resolve => { + chrome.storage.local.get(['hideLikes', 'hideReplies', 'hideRetweets'], data => { + resolve(data); + }); + }) + } +} + + + +Background.init(); \ No newline at end of file diff --git a/hider.js b/hider.js new file mode 100644 index 0000000..f477e80 --- /dev/null +++ b/hider.js @@ -0,0 +1,71 @@ +console.log("LOADED HIDER"); + +class TwitterHider +{ + notProcessedAttribute = 'data-twitterhider-processed'; + notProcessedSelector = `:not([${this.notProcessedAttribute}])` + + selectors = { + countText: '.css-901oao.css-16my406.r-1qd0xha.r-ad9z0x.r-bcqeeo.r-qvutc0', + replyContainer: `div[data-testid="reply"]${this.notProcessedSelector}`, + retweetContainer: `div[data-testid="retweet"]${this.notProcessedSelector},div[data-testid="unretweet"]${this.notProcessedSelector}`, + likeContainer: `div[data-testid="like"]${this.notProcessedSelector},div[data-testid="unlike"]${this.notProcessedSelector}` + }; + + preferences = {}; + + constructor(preferences) { + this.preferences = preferences; + } + + init() { + console.table(this.preferences); + + const hideLikes = this.getPreference("hideLikes"); + const hideRetweets = this.getPreference("hideRetweets"); + const hideReplies = this.getPreference("hideReplies"); + + const run = () => { + if (hideLikes) + this.hideLikeCounts(); + if (hideRetweets) + this.hideRetweetCounts(); + if (hideReplies) + this.hideReplyCounts(); + }; + + if (hideLikes || hideRetweets || hideReplies) + setInterval(() => run(), 500); + } + + hideLikeCounts() { + const elements = document.querySelectorAll(this.selectors.likeContainer); + this.omitElements(elements); + } + + hideRetweetCounts() { + const elements = document.querySelectorAll(this.selectors.retweetContainer); + this.omitElements(elements); + } + + hideReplyCounts() { + const elements = document.querySelectorAll(this.selectors.replyContainer); + this.omitElements(elements); + } + + omitElements(elements) { + elements.forEach((element) => { + element.setAttribute(this.notProcessedAttribute, true); + const textElement = element.querySelector(this.selectors.countText); + + if (textElement !== null) + textElement.innerHTML = "?"; + }); + } + + getPreference(preference) { + if (this.preferences[preference] === undefined) + throw `preference ${preference} wasn't given in the constructor.`; + return this.preferences[preference]; + } +} \ No newline at end of file diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..20bc32b --- /dev/null +++ b/manifest.json @@ -0,0 +1,16 @@ +{ + "name": "Twitter Metric Hider", + "description": "Hides twitter like, reply and retweet counts.", + "version": "0.1", + "manifest_version": 2, + "content_scripts": [ + { + "matches": ["https://twitter.com/*"], + "js": ["hider.js", "content.js"] + } + ], + "browser_action": { + "default_popup": "popup.html" + }, + "permissions": ["storage"] +} \ No newline at end of file diff --git a/popup.html b/popup.html new file mode 100644 index 0000000..556b64d --- /dev/null +++ b/popup.html @@ -0,0 +1,74 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/popup.js b/popup.js new file mode 100644 index 0000000..5305934 --- /dev/null +++ b/popup.js @@ -0,0 +1,50 @@ +class Popup { + static async init() { + this.bind(); + + const preferences = await this.getPreferences(); + this.hideLikesCheckbox.checked = preferences.hideLikes; + this.hideRepliesCheckbox.checked = preferences.hideReplies; + this.hideRetweetsCheckbox.checked = preferences.hideRetweets; + } + + static bind() { + this.hideLikesCheckbox = document.getElementById("hideLikes"); + this.hideRepliesCheckbox = document.getElementById("hideReplies"); + this.hideRetweetsCheckbox = document.getElementById("hideRetweets"); + this.saveButton = document.getElementById("saveButton"); + this.saveChangesMessage = document.getElementById("savedChanges"); + + saveButton.addEventListener("click", async () => { + await this.saveChanges(); + this.saveChangesMessage.style.display = "block"; + }); + } + + static saveChanges() { + return new Promise(resolve => { + chrome.storage.local.set({ + hideLikes: this.hideLikesCheckbox.checked, + hideRetweets: this.hideRetweetsCheckbox.checked, + hideReplies: this.hideRepliesCheckbox.checked + }, () => resolve()); + }); + } + + static getPreferences() { + return new Promise(resolve => { + chrome.storage.local.get([ + 'hideLikes', + 'hideRetweets', + 'hideReplies' + ], data => { + resolve(data); + }); + }); + } + +} + +window.onload = () => { + Popup.init(); +}; \ No newline at end of file