mirror of
https://github.com/anatolykopyl/vk-mute.git
synced 2026-03-26 12:55:13 +00:00
Compare commits
29 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 91f1833534 | |||
|
4089f640ea | ||
|
|
85596a95a6 | ||
|
4cebd66a85 | ||
|
|
bc49282b62 | ||
|
|
78c6b02214 | ||
|
|
97a8920057 | ||
|
|
a22c3485fa | ||
|
|
fd8c01e41b | ||
|
|
aad1365953 | ||
|
|
de578fd210 | ||
|
|
59ca6bb360 | ||
|
|
f7474d863b | ||
|
|
9a2381690e | ||
|
|
ecc265430b | ||
|
|
a8290e41f3 | ||
|
|
343ebe14ea | ||
|
|
31dcbae1da | ||
|
|
2330704243 | ||
|
|
56bf77001c | ||
|
|
d8f653382b | ||
| afa274b651 | |||
| 9a201e7412 | |||
|
|
fee04826c9 | ||
|
|
ae88addcfd | ||
|
|
119d598c24 | ||
|
|
c227c69aaf | ||
|
|
874c0694ba | ||
|
|
671ab3c037 |
1
.gitignore
vendored
1
.gitignore
vendored
@@ -1,4 +1,5 @@
|
||||
/node_modules
|
||||
.DS_Store
|
||||
/.cache
|
||||
/.idea
|
||||
/assets
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
119
extension/dist/background.js
vendored
119
extension/dist/background.js
vendored
File diff suppressed because one or more lines are too long
1226
extension/dist/dom.js
vendored
1226
extension/dist/dom.js
vendored
File diff suppressed because one or more lines are too long
5
extension/dist/popup.html
vendored
5
extension/dist/popup.html
vendored
@@ -2,12 +2,11 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
</head>
|
||||
<script defer src="popup.js"></script></head>
|
||||
<body>
|
||||
<div class="header">
|
||||
<h3 align="center">VK Mute</h3>
|
||||
</div>
|
||||
<!--<button id="disableButton">Toggle</button>-->
|
||||
<div style="text-align: center;">
|
||||
<label class="switch">
|
||||
<input type="checkbox" id="disableCheckbox">
|
||||
@@ -19,5 +18,5 @@
|
||||
<div class="donation_btn">
|
||||
<a href="./donate.html" title="Пожертвовать" target="_blank">💸</a>
|
||||
</div>
|
||||
<script src="popup.js"></script></body>
|
||||
</body>
|
||||
</html>
|
||||
410
extension/dist/popup.js
vendored
410
extension/dist/popup.js
vendored
File diff suppressed because one or more lines are too long
@@ -6,25 +6,21 @@
|
||||
"128": "assets/icons/icon128.png",
|
||||
"48": "assets/icons/icon48.png"
|
||||
},
|
||||
"version": "1.4",
|
||||
"version": "1.5.0",
|
||||
"description": "Позволяет заглушить нежелаемых собеседников",
|
||||
"permissions": [
|
||||
"declarativeContent",
|
||||
"storage"
|
||||
],
|
||||
"background": {
|
||||
"scripts": ["dist/background.js"],
|
||||
"persistent": false
|
||||
"action": {
|
||||
"default_icon": {
|
||||
"140": "assets/icons/icon140.png",
|
||||
"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_popup": "dist/popup.html"
|
||||
},
|
||||
"manifest_version": 2,
|
||||
"manifest_version": 3,
|
||||
"content_scripts": [
|
||||
{
|
||||
"matches": ["https://*.vk.com/*"],
|
||||
@@ -32,12 +28,9 @@
|
||||
}
|
||||
],
|
||||
"web_accessible_resources": [
|
||||
"assets/mute.png"
|
||||
],
|
||||
"browser_specific_settings": {
|
||||
"gecko": {
|
||||
"id": "{121ce430-bad8-4f6b-85ba-55635e87e57d}",
|
||||
"strict_min_version": "48.0"
|
||||
}
|
||||
{
|
||||
"resources": ["assets/mute.png"],
|
||||
"matches": ["https://*.vk.com/*"]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
8838
package-lock.json
generated
8838
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
15
package.json
15
package.json
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "vk-mute",
|
||||
"version": "1.0.0",
|
||||
"version": "1.5.0",
|
||||
"description": "Заглушить собеседника в беседе в ВК. 🔇",
|
||||
"main": "src/dom/main.js",
|
||||
"scripts": {
|
||||
@@ -11,8 +11,8 @@
|
||||
"type": "git",
|
||||
"url": "git+https://github.com/anatolykopyl/vk-mute.git"
|
||||
},
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"author": "Anatoly Kopyl <hi@kopyl.dev>",
|
||||
"license": "GPL-3.0",
|
||||
"bugs": {
|
||||
"url": "https://github.com/anatolykopyl/vk-mute/issues"
|
||||
},
|
||||
@@ -20,11 +20,12 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.9.0",
|
||||
"@babel/preset-env": "^7.9.5",
|
||||
"babel-loader": "^8.1.0",
|
||||
"css-loader": "^3.5.2",
|
||||
"html-webpack-plugin": "^4.2.0",
|
||||
"babel-loader": "^8.3.0",
|
||||
"css-loader": "^6.7.3",
|
||||
"html-webpack-plugin": "^5.5.0",
|
||||
"raw-loader": "^4.0.2",
|
||||
"style-loader": "^1.1.4",
|
||||
"webpack": "^4.42.1",
|
||||
"webpack": "^5.76.0",
|
||||
"webpack-cli": "^4.7.2"
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,14 +0,0 @@
|
||||
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()]
|
||||
}]);
|
||||
});
|
||||
});
|
||||
32
src/dom/controls.js
vendored
32
src/dom/controls.js
vendored
@@ -1,20 +1,24 @@
|
||||
import {getChatBody} from "../utils/getChatBody";
|
||||
import muteSvg from "./mute.svg";
|
||||
|
||||
/**
|
||||
*
|
||||
* @param id {String}
|
||||
* @return {HTMLSpanElement}
|
||||
*/
|
||||
import {getChatBody} from "../utils/getChatBody";
|
||||
|
||||
function muteBtnHTML(id) {
|
||||
const element = document.createElement('span');
|
||||
element.setAttribute('class', 'mute_message');
|
||||
element.setAttribute('class', 'im-mess--mute');
|
||||
element.setAttribute('id', `mute${id}`);
|
||||
element.setAttribute('label', 'Заглушить');
|
||||
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>';
|
||||
element.innerHTML = muteSvg + '<div class="mute_tooltip tt_w tt_black tt_down"><div class="tt_text">Заглушить</div></div>';
|
||||
return element;
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* @param target {HTMLElenemt}
|
||||
*/
|
||||
export function tryToAddControls(target) {
|
||||
if (target.className === 'im-mess--check fl_l') {
|
||||
const message = target.parentElement;
|
||||
@@ -31,7 +35,7 @@ export function tryToAddControls(target) {
|
||||
function addMuteButton(actionArea, senderId) {
|
||||
const muteButton = muteBtnHTML(senderId);
|
||||
actionArea.appendChild(muteButton);
|
||||
muteButton.style.display = "none";
|
||||
muteButton.style.visibility = "hidden";
|
||||
return muteButton;
|
||||
}
|
||||
|
||||
@@ -41,22 +45,21 @@ function addMuteButton(actionArea, senderId) {
|
||||
*/
|
||||
function addActionAreaEvents(actionsArea) {
|
||||
actionsArea.parentElement.addEventListener("mouseenter", function (event) {
|
||||
event.target.getElementsByClassName("mute_message")[0].style.display = "inline-block";
|
||||
event.target.getElementsByClassName("im-mess--mute")[0].style.visibility = "visible";
|
||||
});
|
||||
|
||||
actionsArea.parentElement.addEventListener("mouseleave", function (event) {
|
||||
event.target.getElementsByClassName("mute_message")[0].style.display = "none";
|
||||
event.target.getElementsByClassName("im-mess--mute")[0].style.visibility = "hidden";
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* @return {function(...[]=)}
|
||||
* @this {HTMLElement}
|
||||
*/
|
||||
function setIdToHideHandle() {
|
||||
return function (event) {
|
||||
const clickedId = event.target.id.substr(4); // get id of sender from element id
|
||||
let clickedName = event.target.parentElement.parentElement.parentElement.parentElement;
|
||||
const clickedId = this.id.substring(4);
|
||||
let clickedName = this.parentElement.parentElement.parentElement.parentElement;
|
||||
clickedName = clickedName.children[0].children[0].children[0].innerText;
|
||||
|
||||
chrome.storage.sync.get('idsToHide', function(data) {
|
||||
@@ -76,7 +79,6 @@ function setIdToHideHandle() {
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export function hideExistingMessages() {
|
||||
chrome.storage.sync.get('idsToHide', function(data) {
|
||||
@@ -107,11 +109,11 @@ function addControlButton(message) {
|
||||
// Check if message is not an outgoing one
|
||||
if (!message.classList.contains('im-mess_out')) {
|
||||
const actionsArea = message.getElementsByClassName("im-mess--actions")[0];
|
||||
if (actionsArea && actionsArea.lastChild.className !== "mute_message") {
|
||||
if (actionsArea && actionsArea.lastChild.className !== "im-mess--mute") {
|
||||
const senderId = message.parentElement.parentElement.parentElement["dataset"].peer;
|
||||
const muteBtn = addMuteButton(actionsArea, senderId);
|
||||
addActionAreaEvents(actionsArea);
|
||||
muteBtn.addEventListener("click", setIdToHideHandle());
|
||||
muteBtn.addEventListener("click", setIdToHideHandle);
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
|
||||
@@ -10,19 +10,24 @@
|
||||
}
|
||||
|
||||
/* Show the tooltip text when you mouse over the tooltip container */
|
||||
.mute_message:hover .mute_tooltip {
|
||||
.im-mess--mute:hover .mute_tooltip {
|
||||
display: block !important;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.mute_message {
|
||||
.im-mess--mute {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding-top: 2px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background-size: 11px !important;
|
||||
opacity: .5;
|
||||
color: var(--vkui--color_icon_secondary);
|
||||
}
|
||||
|
||||
.im-mess--mute:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.im-mess--actions {
|
||||
|
||||
9
src/dom/mute.svg
Normal file
9
src/dom/mute.svg
Normal file
@@ -0,0 +1,9 @@
|
||||
<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>
|
||||
|
After Width: | Height: | Size: 348 B |
@@ -7,7 +7,6 @@
|
||||
<div class="header">
|
||||
<h3 align="center">VK Mute</h3>
|
||||
</div>
|
||||
<!--<button id="disableButton">Toggle</button>-->
|
||||
<div style="text-align: center;">
|
||||
<label class="switch">
|
||||
<input type="checkbox" id="disableCheckbox">
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
import './popup.css'
|
||||
|
||||
//let disableButton = document.getElementById('disableButton');
|
||||
let disableCheckbox = document.getElementById('disableCheckbox');
|
||||
let idsToHideElements = document.getElementsByClassName('idToHide');
|
||||
let idList = document.getElementById("id_list");
|
||||
const disableCheckbox = document.getElementById('disableCheckbox');
|
||||
const idsToHideElements = document.getElementsByClassName('idToHide');
|
||||
const idList = document.getElementById("id_list");
|
||||
let isExtensionOn;
|
||||
let idsToHide = [];
|
||||
|
||||
|
||||
@@ -43,5 +43,4 @@ export class UrlController {
|
||||
clearInterval(this.interval)
|
||||
this.interval = null
|
||||
}
|
||||
|
||||
}
|
||||
@@ -6,7 +6,6 @@ module.exports = {
|
||||
devtool: "inline-source-map",
|
||||
entry: {
|
||||
dom: './src/dom/main.js',
|
||||
background: './src/background/background.js',
|
||||
popup: './src/popup/popup.js'
|
||||
},
|
||||
output: {
|
||||
@@ -28,10 +27,15 @@ module.exports = {
|
||||
{
|
||||
test: /\.css$/i,
|
||||
use: ['style-loader', 'css-loader'],
|
||||
}
|
||||
},
|
||||
{
|
||||
test: /\.svg$/i,
|
||||
use: 'raw-loader',
|
||||
},
|
||||
]
|
||||
},
|
||||
plugins: [new HtmlWebpackPlugin({
|
||||
plugins: [
|
||||
new HtmlWebpackPlugin({
|
||||
template: "./src/popup/popup.html",
|
||||
filename: "popup.html",
|
||||
chunks: ['popup']
|
||||
@@ -40,6 +44,6 @@ module.exports = {
|
||||
template: "./src/donate.html",
|
||||
filename: "donate.html",
|
||||
chunks: ['donate']
|
||||
})]
|
||||
|
||||
})
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user