aaron/cuckoo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Hide stats in big tweets

Browse source
This commit is contained in:
Aaron Yarborough 2020-04-01 19:31:55 +01:00
parent baf35ceceb
commit a04d2299d4
2 changed files with 37 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
content.js
View file

@ -8,16 +8,13 @@ class Background {
} }
static async listen() { static async listen() {
console.log("LISTENING")
const preferences = await this.getSavedPreferences(); const preferences = await this.getSavedPreferences();
const hider = new TwitterHider(preferences); const hider = new TwitterHider(preferences);
hider.init(); hider.init();
} }
static checkIfFirstStart(callback) { static checkIfFirstStart() {
console.log("CHECKING IF FIRST START");
return new Promise(resolve => { return new Promise(resolve => {
chrome.storage.local.get('setup', data => { chrome.storage.local.get('setup', data => {
resolve(!data.setup); resolve(!data.setup);
@ -26,8 +23,6 @@ class Background {
} }
static setup() { static setup() {
console.log("SETUP");
const defaults = { const defaults = {
hideLikes: true, hideLikes: true,
hideRetweets: true, hideRetweets: true,

49
hider.js
View file

@ -1,12 +1,9 @@
console.log("LOADED HIDER"); class TwitterHider {
processedAttribute = 'data-twitterhider-processed';
class TwitterHider notProcessedSelector = `:not([${this.processedAttribute}])`;
{
notProcessedAttribute = 'data-twitterhider-processed';
notProcessedSelector = `:not([${this.notProcessedAttribute}])`
selectors = { selectors = {
countText: '.css-901oao.css-16my406.r-1qd0xha.r-ad9z0x.r-bcqeeo.r-qvutc0', countText: `span.css-901oao.css-16my406.r-1qd0xha.r-ad9z0x.r-bcqeeo.r-qvutc0${this.notProcessedSelector}`,
replyContainer: `div[data-testid="reply"]${this.notProcessedSelector}`, replyContainer: `div[data-testid="reply"]${this.notProcessedSelector}`,
retweetContainer: `div[data-testid="retweet"]${this.notProcessedSelector},div[data-testid="unretweet"]${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}` likeContainer: `div[data-testid="like"]${this.notProcessedSelector},div[data-testid="unlike"]${this.notProcessedSelector}`
@ -19,8 +16,6 @@ class TwitterHider
} }
init() { init() {
console.table(this.preferences);
const hideLikes = this.getPreference("hideLikes"); const hideLikes = this.getPreference("hideLikes");
const hideRetweets = this.getPreference("hideRetweets"); const hideRetweets = this.getPreference("hideRetweets");
const hideReplies = this.getPreference("hideReplies"); const hideReplies = this.getPreference("hideReplies");
@ -39,12 +34,20 @@ class TwitterHider
} }
hideLikeCounts() { hideLikeCounts() {
const elements = document.querySelectorAll(this.selectors.likeContainer); const elements = [
...document.querySelectorAll(this.selectors.likeContainer),
...this.findMainTweetCountByLabelText("Likes")
];
this.omitElements(elements); this.omitElements(elements);
} }
hideRetweetCounts() { hideRetweetCounts() {
const elements = document.querySelectorAll(this.selectors.retweetContainer); const elements = [
...document.querySelectorAll(this.selectors.retweetContainer),
...this.findMainTweetCountByLabelText("Retweets")
];
this.omitElements(elements); this.omitElements(elements);
} }
@ -55,17 +58,37 @@ class TwitterHider
omitElements(elements) { omitElements(elements) {
elements.forEach((element) => { elements.forEach((element) => {
element.setAttribute(this.notProcessedAttribute, true); this.markElementAsProcessed(element);
const textElement = element.querySelector(this.selectors.countText); const textElement = element.querySelector(this.selectors.countText);
if (textElement !== null) if (textElement !== null)
textElement.innerHTML = "?"; this.omitElement(textElement);
}); });
} }
omitElement(element) {
element.innerHTML = "???";
}
markElementAsProcessed(element) {
element.setAttribute(this.processedAttribute, true);
}
getPreference(preference) { getPreference(preference) {
if (this.preferences[preference] === undefined) if (this.preferences[preference] === undefined)
throw `preference ${preference} wasn't given in the constructor.`; throw `preference ${preference} wasn't given in the constructor.`;
return this.preferences[preference]; return this.preferences[preference];
} }
findMainTweetCountByLabelText(labelText) {
return [...document.querySelectorAll(this.selectors.countText)]
.filter(element => element.innerHTML === labelText)
.map(element => {
const wrappingDiv = element.parentElement.parentElement.parentElement;
const countContainer = wrappingDiv.children[0];
return countContainer;
});
}
} }