Initial commit.
This commit is contained in:
commit
461f63e696
5 changed files with 265 additions and 0 deletions
54
content.js
Normal file
54
content.js
Normal 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
71
hider.js
Normal 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
16
manifest.json
Normal 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
74
popup.html
Normal 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
50
popup.js
Normal 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();
|
||||
};
|
||||
Loading…
Add table
Reference in a new issue