anatolykopyl/vk-mute
1
0
Fork 0
mirror of https://github.com/anatolykopyl/vk-mute.git synced 2026-03-26 12:55:13 +00:00
Code Issues Projects Releases Wiki Activity

Compare commits

base: anatolykopyl:v1.5.0
Branches Tags
anatolykopyl:master anatolykopyl:dependabot/npm_and_yarn/webpack-5.105.0 anatolykopyl:dependabot/npm_and_yarn/lodash-4.17.23 anatolykopyl:dependabot/npm_and_yarn/js-yaml-4.1.1 anatolykopyl:firefox
anatolykopyl:v1.5.0 anatolykopyl:v1.4 anatolykopyl:v1.3 anatolykopyl:v1.2 anatolykopyl:v1.1
..
compare: anatolykopyl:v1.4
Branches Tags
anatolykopyl:dependabot/npm_and_yarn/webpack-5.105.0 anatolykopyl:dependabot/npm_and_yarn/lodash-4.17.23 anatolykopyl:dependabot/npm_and_yarn/js-yaml-4.1.1 anatolykopyl:master anatolykopyl:firefox
anatolykopyl:v1.5.0 anatolykopyl:v1.4 anatolykopyl:v1.3 anatolykopyl:v1.2 anatolykopyl:v1.1

1 Commits
v1.5.0 ... v1.4

Author SHA1 Message Date
Anatoly
37aa1bd689 Firefox port 2021-11-25 21:01:49 +03:00
22 changed files with 8226 additions and 2653 deletions
Expand all files Collapse all files

2
.babelrc
View File

@@ -1,3 +1,3 @@
{ {
"presets": ["@babel/preset-env"] "presets": ["@babel/preset-env"]
} }

1
.gitignore vendored
View File

@@ -1,5 +1,4 @@
/node_modules /node_modules
.DS_Store
/.cache /.cache
/.idea /.idea
/assets /assets

BIN
extension/assets/icons/icon128.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 20 KiB

BIN
extension/assets/icons/icon140.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 22 KiB

BIN
extension/assets/icons/icon48.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
extension/assets/mute.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

123
extension/dist/background.js vendored
View File

File diff suppressed because one or more lines are too long

1228
extension/dist/dom.js vendored
View File

File diff suppressed because one or more lines are too long

5
extension/dist/popup.html vendored
View File

@@ -2,11 +2,12 @@
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<script defer src="popup.js"></script></head> </head>
<body> <body>
<div class="header"> <div class="header">
<h3 align="center">VK Mute</h3> <h3 align="center">VK Mute</h3>
</div> </div>
<!--<button id="disableButton">Toggle</button>-->
<div style="text-align: center;"> <div style="text-align: center;">
<label class="switch"> <label class="switch">
<input type="checkbox" id="disableCheckbox"> <input type="checkbox" id="disableCheckbox">
@@ -18,5 +19,5 @@
<div class="donation_btn"> <div class="donation_btn">
<a href="./donate.html" title="Пожертвовать" target="_blank">💸</a> <a href="./donate.html" title="Пожертвовать" target="_blank">💸</a>
</div> </div>
</body> <script src="popup.js"></script></body>
</html> </html>

414
extension/dist/popup.js vendored
View File

File diff suppressed because one or more lines are too long

31
extension/manifest.json
View File

@@ -6,21 +6,25 @@
"128": "assets/icons/icon128.png", "128": "assets/icons/icon128.png",
"48": "assets/icons/icon48.png" "48": "assets/icons/icon48.png"
}, },
"version": "1.5.0", "version": "1.4",
"description": "Позволяет заглушить нежелаемых собеседников", "description": "Позволяет заглушить нежелаемых собеседников",
"permissions": [ "permissions": [
"declarativeContent",
"storage" "storage"
], ],
"action": { "background": {
"default_icon": { "scripts": ["dist/background.js"],
"140": "assets/icons/icon140.png", "persistent": false
"128": "assets/icons/icon128.png", },
"48": "assets/icons/icon48.png" "page_action": {
}, "default_popup": "dist/popup.html"
},
"browser_action": {
"default_icon": "assets/icons/icon128.png",
"default_title": "VK Mute", "default_title": "VK Mute",
"default_popup": "dist/popup.html" "default_popup": "dist/popup.html"
}, },
"manifest_version": 3, "manifest_version": 2,
"content_scripts": [ "content_scripts": [
{ {
"matches": ["https://*.vk.com/*"], "matches": ["https://*.vk.com/*"],
@@ -28,9 +32,12 @@
} }
], ],
"web_accessible_resources": [ "web_accessible_resources": [
{ "assets/mute.png"
"resources": ["assets/mute.png"], ],
"matches": ["https://*.vk.com/*"] "browser_specific_settings": {
"gecko": {
"id": "{121ce430-bad8-4f6b-85ba-55635e87e57d}",
"strict_min_version": "48.0"
} }
] }
} }

8910
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

15
package.json
View File

@@ -1,6 +1,6 @@
{ {
"name": "vk-mute", "name": "vk-mute",
"version": "1.5.0", "version": "1.0.0",
"description": "Заглушить собеседника в беседе в ВК. 🔇", "description": "Заглушить собеседника в беседе в ВК. 🔇",
"main": "src/dom/main.js", "main": "src/dom/main.js",
"scripts": { "scripts": {
@@ -11,8 +11,8 @@
"type": "git", "type": "git",
"url": "git+https://github.com/anatolykopyl/vk-mute.git" "url": "git+https://github.com/anatolykopyl/vk-mute.git"
}, },
"author": "Anatoly Kopyl <hi@kopyl.dev>", "author": "",
"license": "GPL-3.0", "license": "ISC",
"bugs": { "bugs": {
"url": "https://github.com/anatolykopyl/vk-mute/issues" "url": "https://github.com/anatolykopyl/vk-mute/issues"
}, },
@@ -20,12 +20,11 @@
"devDependencies": { "devDependencies": {
"@babel/core": "^7.9.0", "@babel/core": "^7.9.0",
"@babel/preset-env": "^7.9.5", "@babel/preset-env": "^7.9.5",
"babel-loader": "^8.3.0", "babel-loader": "^8.1.0",
"css-loader": "^6.7.3", "css-loader": "^3.5.2",
"html-webpack-plugin": "^5.5.0", "html-webpack-plugin": "^4.2.0",
"raw-loader": "^4.0.2",
"style-loader": "^1.1.4", "style-loader": "^1.1.4",
"webpack": "^5.76.0", "webpack": "^4.42.1",
"webpack-cli": "^4.7.2" "webpack-cli": "^4.7.2"
} }
} }

14
src/background/background.js Normal file
View File

@@ -0,0 +1,14 @@
chrome.runtime.onInstalled.addListener(function () {
chrome.storage.sync.set({ isExtensionOn: true }, function () {
console.log('isExtensionOn: ' + true);
});
chrome.declarativeContent.onPageChanged.removeRules(undefined, function () {
chrome.declarativeContent.onPageChanged.addRules([{
conditions: [new chrome.declarativeContent.PageStateMatcher({
pageUrl: { hostEquals: 'vk.com' },
})],
actions: [new chrome.declarativeContent.ShowPageAction()]
}]);
});
});

66
src/dom/controls.js vendored
View File

@@ -1,24 +1,20 @@
import {getChatBody} from "../utils/getChatBody";
import muteSvg from "./mute.svg";
/** /**
* *
* @param id {String} * @param id {String}
* @return {HTMLSpanElement} * @return {HTMLSpanElement}
*/ */
import {getChatBody} from "../utils/getChatBody";
function muteBtnHTML(id) { function muteBtnHTML(id) {
const element = document.createElement('span'); const element = document.createElement('span');
element.setAttribute('class', 'im-mess--mute'); element.setAttribute('class', 'mute_message');
element.setAttribute('id', `mute${id}`); element.setAttribute('id', `mute${id}`);
element.setAttribute('label', 'Заглушить'); element.setAttribute('label', 'Заглушить');
element.innerHTML = muteSvg + '<div class="mute_tooltip tt_w tt_black tt_down"><div class="tt_text">Заглушить</div></div>'; element.style.background = `url(${chrome.runtime.getURL("assets/mute.png")}) center no-repeat`;
element.innerHTML = '<div class="mute_tooltip tt_w tt_black tt_down"><div class="tt_text">Заглушить</div></div>';
return element; return element;
} }
/**
*
* @param target {HTMLElenemt}
*/
export function tryToAddControls(target) { export function tryToAddControls(target) {
if (target.className === 'im-mess--check fl_l') { if (target.className === 'im-mess--check fl_l') {
const message = target.parentElement; const message = target.parentElement;
@@ -35,7 +31,7 @@ export function tryToAddControls(target) {
function addMuteButton(actionArea, senderId) { function addMuteButton(actionArea, senderId) {
const muteButton = muteBtnHTML(senderId); const muteButton = muteBtnHTML(senderId);
actionArea.appendChild(muteButton); actionArea.appendChild(muteButton);
muteButton.style.visibility = "hidden"; muteButton.style.display = "none";
return muteButton; return muteButton;
} }
@@ -45,39 +41,41 @@ function addMuteButton(actionArea, senderId) {
*/ */
function addActionAreaEvents(actionsArea) { function addActionAreaEvents(actionsArea) {
actionsArea.parentElement.addEventListener("mouseenter", function (event) { actionsArea.parentElement.addEventListener("mouseenter", function (event) {
event.target.getElementsByClassName("im-mess--mute")[0].style.visibility = "visible"; event.target.getElementsByClassName("mute_message")[0].style.display = "inline-block";
}); });
actionsArea.parentElement.addEventListener("mouseleave", function (event) { actionsArea.parentElement.addEventListener("mouseleave", function (event) {
event.target.getElementsByClassName("im-mess--mute")[0].style.visibility = "hidden"; event.target.getElementsByClassName("mute_message")[0].style.display = "none";
}); });
} }
/** /**
* *
* @this {HTMLElement} * @return {function(...[]=)}
*/ */
function setIdToHideHandle() { function setIdToHideHandle() {
const clickedId = this.id.substring(4); return function (event) {
let clickedName = this.parentElement.parentElement.parentElement.parentElement; const clickedId = event.target.id.substr(4); // get id of sender from element id
clickedName = clickedName.children[0].children[0].children[0].innerText; let clickedName = event.target.parentElement.parentElement.parentElement.parentElement;
clickedName = clickedName.children[0].children[0].children[0].innerText;
chrome.storage.sync.get('idsToHide', function(data) { chrome.storage.sync.get('idsToHide', function(data) {
let idsToHide = data.idsToHide || []; let idsToHide = data.idsToHide || [];
if (idsToHide.filter(user => user.id == clickedId).length === 0) { if (idsToHide.filter(user => user.id == clickedId).length === 0) {
idsToHide.push({ idsToHide.push({
id: clickedId, id: clickedId,
name: clickedName name: clickedName
});
chrome.storage.sync.set({idsToHide: idsToHide}, function () {
chrome.storage.sync.get('isExtensionOn', function(data) {
if (data.isExtensionOn) {
hideExistingMessages();
}
}); });
}); chrome.storage.sync.set({idsToHide: idsToHide}, function () {
} chrome.storage.sync.get('isExtensionOn', function(data) {
}); if (data.isExtensionOn) {
hideExistingMessages();
}
});
});
}
});
}
} }
export function hideExistingMessages() { export function hideExistingMessages() {
@@ -109,11 +107,11 @@ function addControlButton(message) {
// Check if message is not an outgoing one // Check if message is not an outgoing one
if (!message.classList.contains('im-mess_out')) { if (!message.classList.contains('im-mess_out')) {
const actionsArea = message.getElementsByClassName("im-mess--actions")[0]; const actionsArea = message.getElementsByClassName("im-mess--actions")[0];
if (actionsArea && actionsArea.lastChild.className !== "im-mess--mute") { if (actionsArea && actionsArea.lastChild.className !== "mute_message") {
const senderId = message.parentElement.parentElement.parentElement["dataset"].peer; const senderId = message.parentElement.parentElement.parentElement["dataset"].peer;
const muteBtn = addMuteButton(actionsArea, senderId); const muteBtn = addMuteButton(actionsArea, senderId);
addActionAreaEvents(actionsArea); addActionAreaEvents(actionsArea);
muteBtn.addEventListener("click", setIdToHideHandle); muteBtn.addEventListener("click", setIdToHideHandle());
return true; return true;
} else { } else {
return false; return false;
@@ -134,4 +132,4 @@ export function tryToInitControls() {
} }
} }
return status; return status;
} }

17
src/dom/dom.css
View File

@@ -10,24 +10,19 @@
} }
/* Show the tooltip text when you mouse over the tooltip container */ /* Show the tooltip text when you mouse over the tooltip container */
.im-mess--mute:hover .mute_tooltip { .mute_message:hover .mute_tooltip {
display: block !important; display: block !important;
opacity: 1; opacity: 1;
} }
.im-mess--mute { .mute_message {
position: relative; position: relative;
display: inline-flex; display: inline-block;
align-items: center; vertical-align: top;
justify-content: center; padding-top: 2px;
width: 24px; width: 24px;
height: 24px; height: 24px;
opacity: .5; background-size: 11px !important;
color: var(--vkui--color_icon_secondary);
}
.im-mess--mute:hover {
opacity: 1;
} }
.im-mess--actions { .im-mess--actions {

9
src/dom/mute.svg
View File

@@ -1,9 +0,0 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
viewBox="2 1 13 13"
>
<path d="M4.69 5.5 11 11.8v1.7c0 .3-.23.47-.49.5l-3.63-3.5H4a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h.69Zm.77-2.85 2.2 2.19L10.5 2.5c.27.02.49.2.49.48v5.2l2.6 2.6a.75.75 0 0 1-1.06 1.06L4.4 3.71a.75.75 0 0 1 1.06-1.06Z"></path>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 348 B

1
src/popup/popup.html
View File

@@ -7,6 +7,7 @@
<div class="header"> <div class="header">
<h3 align="center">VK Mute</h3> <h3 align="center">VK Mute</h3>
</div> </div>
<!--<button id="disableButton">Toggle</button>-->
<div style="text-align: center;"> <div style="text-align: center;">
<label class="switch"> <label class="switch">
<input type="checkbox" id="disableCheckbox"> <input type="checkbox" id="disableCheckbox">

8
src/popup/popup.js
View File

@@ -1,9 +1,9 @@
import './popup.css' import './popup.css'
//let disableButton = document.getElementById('disableButton'); //let disableButton = document.getElementById('disableButton');
const disableCheckbox = document.getElementById('disableCheckbox'); let disableCheckbox = document.getElementById('disableCheckbox');
const idsToHideElements = document.getElementsByClassName('idToHide'); let idsToHideElements = document.getElementsByClassName('idToHide');
const idList = document.getElementById("id_list"); let idList = document.getElementById("id_list");
let isExtensionOn; let isExtensionOn;
let idsToHide = []; let idsToHide = [];
@@ -51,4 +51,4 @@ disableCheckbox.addEventListener('change', (event) => {
chrome.storage.sync.set({isExtensionOn}, function() { chrome.storage.sync.set({isExtensionOn}, function() {
console.log('isExtensionOn: '+isExtensionOn); console.log('isExtensionOn: '+isExtensionOn);
}); });
}); });

3
src/utils/Url.js
View File

@@ -43,4 +43,5 @@ export class UrlController {
clearInterval(this.interval) clearInterval(this.interval)
this.interval = null this.interval = null
} }
}
}

2
src/utils/getChatBody.js
View File

@@ -1,3 +1,3 @@
export function getChatBody() { export function getChatBody() {
return document.getElementsByClassName("_im_peer_history im-page-chat-contain")[0]; return document.getElementsByClassName("_im_peer_history im-page-chat-contain")[0];
} }

30
webpack.config.js
View File

@@ -6,6 +6,7 @@ module.exports = {
devtool: "inline-source-map", devtool: "inline-source-map",
entry: { entry: {
dom: './src/dom/main.js', dom: './src/dom/main.js',
background: './src/background/background.js',
popup: './src/popup/popup.js' popup: './src/popup/popup.js'
}, },
output: { output: {
@@ -27,23 +28,18 @@ module.exports = {
{ {
test: /\.css$/i, test: /\.css$/i,
use: ['style-loader', 'css-loader'], use: ['style-loader', 'css-loader'],
}, }
{
test: /\.svg$/i,
use: 'raw-loader',
},
] ]
}, },
plugins: [ plugins: [new HtmlWebpackPlugin({
new HtmlWebpackPlugin({ template: "./src/popup/popup.html",
template: "./src/popup/popup.html", filename: "popup.html",
filename: "popup.html", chunks: ['popup']
chunks: ['popup'] }),
}), new HtmlWebpackPlugin({
new HtmlWebpackPlugin({ template: "./src/donate.html",
template: "./src/donate.html", filename: "donate.html",
filename: "donate.html", chunks: ['donate']
chunks: ['donate'] })]
})
]
} }