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

Initial commit.

Browse source
This commit is contained in:
Aaron Yarborough 2020-04-01 00:24:59 +01:00
commit 461f63e696
5 changed files with 265 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
content.js Normal file
View file

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

71
hider.js Normal file
View file

@ -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];
}
}

16
manifest.json Normal file
View file

@ -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"]
}

74
popup.html Normal file
View file

@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
h1 {
font-size: 21px;
color: #292f33;
margin-bottom: 15px;
}
#popup {
min-width: 200px;
}
label, #savedChanges span {
font-size: 14px;
}
#popup > div {
margin-top: 10px;
}
.row {
margin-top: 10px;
}
#bottomRow {
margin-top: 25px !important;
}
#saveButton {
width: 100%;
font-size: 14px;
background-color: #55acee;
border-radius: 5px;
border: none;
color: #fff;
padding: 10px 5px;
}
</style>
</head>
<body>
<div id="popup">
<h1>Preferences</h1>
<div class="row">
<label for="hidelikes">Hide likes?</label>
<input type="checkbox" name="hidelikes" id="hideLikes">
</div>
<div class="row">
<label for="hidereplies">Hide replies?</label>
<input type="checkbox" name="hidereplies" id="hideReplies">
</div>
<div class="row">
<label for="hideretweets">Hide re-tweets?</label>
<input type="checkbox" name="hideretweets" id="hideRetweets">
</div>
<div class="row" id="savedChanges" style="display: none">
<span style="color: green">Your changes have been saved. You must refresh your page before they take effect.</span>
</div>
<div class="row">
<button type="button" id="saveButton">Save changes</button>
</div>
</div>
<script src="popup.js"></script>
</body>
</html>

50
popup.js Normal file
View file

@ -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();
};