Bump js-yaml from 4.1.0 to 4.1.1

Bumps [js-yaml](https://github.com/nodeca/js-yaml) from 4.1.0 to 4.1.1. - [Changelog](https://github.com/nodeca/js-yaml/blob/master/CHANGELOG.md) - [Commits](https://github.com/nodeca/js-yaml/compare/4.1.0...4.1.1) --- updated-dependencies: - dependency-name: js-yaml dependency-version: 4.1.1 dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>
Merge pull request #28 from anatolykopyl/dependabot/npm_and_yarn/webpack-5.94.0
2026-03-26 21:05:16 +00:00 · 2025-11-15 10:55:13 +00:00 · 2024-09-17 10:05:37 +03:00 · 2024-08-30 10:48:27 +00:00 · 2024-06-19 10:06:12 +03:00 · 2024-06-18 04:12:08 +00:00
24 changed files with 7968 additions and 2018 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -4,3 +4,4 @@
 /.idea
 /assets
 .zip
 /.vscode
--- a/README.md
+++ b/README.md
@@ -1,4 +1,7 @@
 # vk-mute
 [![code style](https://antfu.me/badge-code-style.svg)](https://github.com/antfu/eslint-config)
 Заглушить собеседника в беседе в ВК. 🔇
 На данный момент ВКонтакте не позволяет заглушать людей в беседах. Это расширение для Chrome берется это исправить.
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -0,0 +1,3 @@
 const antfu = require('@antfu/eslint-config').default
 module.exports = antfu()
--- a/extension/assets/mute.png
+++ b/extension/assets/mute.png
--- a/extension/dist/background.js
+++ b/extension/dist/background.js
--- a/extension/dist/dom.js
+++ b/extension/dist/dom.js
--- a/extension/dist/popup.html
+++ b/extension/dist/popup.html
@@ -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>
--- a/extension/dist/popup.js
+++ b/extension/dist/popup.js
--- a/extension/manifest.json
+++ b/extension/manifest.json
@@ -6,20 +6,21 @@
        "128": "assets/icons/icon128.png",
        "48": "assets/icons/icon48.png"
    },
-    "version": "1.4",
+    "version": "1.5.0",
    "description": "Позволяет заглушить нежелаемых собеседников",
    "permissions": [
        "declarativeContent",
        "storage"
    ],
-    "background": {
+    "action": {
-        "scripts": ["dist/background.js"],
+        "default_icon": {
-        "persistent": false
+            "140": "assets/icons/icon140.png",
            "128": "assets/icons/icon128.png",
            "48": "assets/icons/icon48.png"
        },
-    "page_action": {
+        "default_title": "VK Mute",
        "default_popup": "dist/popup.html"
    },
-    "manifest_version": 2,
+    "manifest_version": 3,
    "content_scripts": [
        {
            "matches": ["https://*.vk.com/*"],
@@ -27,6 +28,9 @@
        }
    ],
    "web_accessible_resources": [
-        "assets/mute.png"
+        {
            "resources": ["assets/mute.png"],
            "matches": ["https://*.vk.com/*"]
        }
    ]
 }
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -1,30 +1,34 @@
 {
  "name": "vk-mute",
-  "version": "1.0.0",
+  "version": "1.5.0",
  "description": "Заглушить собеседника в беседе в ВК. 🔇",
  "main": "src/dom/main.js",
  "scripts": {
    "build": "webpack --config webpack.config.js",
-    "watch": "webpack --config webpack.config.js --watch"
+    "watch": "webpack --config webpack.config.js --watch",
    "lint": "eslint ."
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/anatolykopyl/vk-mute.git"
  },
-  "author": "",
+  "author": "Anatoly Kopyl <hi@kopyl.dev>",
-  "license": "ISC",
+  "license": "GPL-3.0",
  "bugs": {
    "url": "https://github.com/anatolykopyl/vk-mute/issues"
  },
  "homepage": "https://github.com/anatolykopyl/vk-mute#readme",
  "devDependencies": {
    "@antfu/eslint-config": "^2.4.3",
    "@babel/core": "^7.9.0",
    "@babel/preset-env": "^7.9.5",
    "babel-loader": "^8.3.0",
    "css-loader": "^6.7.3",
    "eslint": "^8.55.0",
    "html-webpack-plugin": "^5.5.0",
    "raw-loader": "^4.0.2",
    "style-loader": "^1.1.4",
-    "webpack": "^5.76.0",
+    "webpack": "^5.94.0",
    "webpack-cli": "^4.7.2"
  }
 }
--- a/src/background/background.js
+++ b/src/background/background.js
@@ -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()]
        }]);
    });
 });
--- a/src/dom/controls.js
+++ b/src/dom/controls.js
@@ -1,24 +1,28 @@
 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');
+  const element = document.createElement('span')
-    element.setAttribute('class', 'mute_message');
+  element.setAttribute('class', 'im-mess--mute')
-    element.setAttribute('id', `mute${id}`);
+  element.setAttribute('id', `mute${id}`)
-    element.setAttribute('label', 'Заглушить');
+  element.setAttribute('label', 'Заглушить')
-    element.style.background = `url(${chrome.runtime.getURL("assets/mute.png")}) center no-repeat`;
+  element.innerHTML = `${muteSvg}<div class="mute_tooltip tt_w tt_black tt_down"><div class="tt_text">Заглушить</div></div>`
-    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) {
  if (target.className === 'im-mess--check fl_l') {
-        const message = target.parentElement;
+    const message = target.parentElement
-        addControlButton(message);
+    addControlButton(message)
  }
 }
@@ -29,10 +33,10 @@ export function tryToAddControls(target) {
 * @return {HTMLElement}
 */
 function addMuteButton(actionArea, senderId) {
-    const muteButton = muteBtnHTML(senderId);
+  const muteButton = muteBtnHTML(senderId)
-    actionArea.appendChild(muteButton);
+  actionArea.appendChild(muteButton)
-    muteButton.style.display = "none";
+  muteButton.style.visibility = 'hidden'
-    return muteButton;
+  return muteButton
 }
 /**
@@ -40,63 +44,58 @@ function addMuteButton(actionArea, senderId) {
 * @param actionsArea {HTMLElement}
 */
 function addActionAreaEvents(actionsArea) {
-    actionsArea.parentElement.addEventListener("mouseenter", function (event) {
+  actionsArea.parentElement.addEventListener('mouseenter', (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) {
+  actionsArea.parentElement.addEventListener('mouseleave', (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 = this.id.substring(4)
-        const clickedId = event.target.id.substr(4);     // get id of sender from element id
+  let clickedName = this.parentElement.parentElement.parentElement.parentElement
-        let clickedName = event.target.parentElement.parentElement.parentElement.parentElement;
+  clickedName = clickedName.children[0].children[0].children[0].textContent
        clickedName = clickedName.children[0].children[0].children[0].innerText;
-        chrome.storage.sync.get('idsToHide', function(data) {
+  chrome.storage.sync.get('idsToHide', (data) => {
-            let idsToHide = data.idsToHide || [];
+    const idsToHide = data.idsToHide || []
-            if (idsToHide.filter(user => user.id == clickedId).length === 0) {
+    if (idsToHide.filter(user => user.id === clickedId).length === 0) {
      idsToHide.push({
        id: clickedId,
-                    name: clickedName
+        name: clickedName,
-                });
+      })
-                chrome.storage.sync.set({idsToHide: idsToHide}, function () {
+      chrome.storage.sync.set({ idsToHide }, () => {
-                    chrome.storage.sync.get('isExtensionOn', function(data) {
+        chrome.storage.sync.get('isExtensionOn', (data) => {
-                        if (data.isExtensionOn) {
+          if (data.isExtensionOn)
-                            hideExistingMessages();
+            hideExistingMessages()
-                        }
+        })
-                    });
+      })
                });
            }
        });
    }
  })
 }
 export function hideExistingMessages() {
-    chrome.storage.sync.get('idsToHide', function(data) {
+  chrome.storage.sync.get('idsToHide', (data) => {
-        const chatBody = getChatBody();
+    const chatBody = getChatBody()
-        for (let item of chatBody.children) {
+    for (const item of chatBody.children) {
-            if (data.idsToHide.filter(user => user.id == item.dataset.peer).length > 0) {
+      if (data.idsToHide.filter(user => user.id === item.dataset.peer).length > 0)
-                item.style.display = "none";
+        item.style.display = 'none'
            }
    }
  })
 }
 // Try to add controls until successful. Needed for page refresh.
 export function createTryToInitInterval() {
-    const controlsInterval = setInterval(function () {
+  const controlsInterval = setInterval(() => {
-        if(!tryToInitControls(controlsInterval)){
+    if (!tryToInitControls(controlsInterval))
-            clearInterval(controlsInterval);
+      clearInterval(controlsInterval)
        }
  }, 200)
-    return controlsInterval;
+  return controlsInterval
 }
 /**
@@ -106,30 +105,31 @@ export function createTryToInitInterval() {
 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];
+    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 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 {
+    }
-            return false;
+    else {
      return false
    }
  }
 }
 export function tryToInitControls() {
-    let status = true;
+  let status = true
-    const chatBody = getChatBody();
+  const chatBody = getChatBody()
-    if(!chatBody) return false;
+  if (!chatBody)
-    for (let item of chatBody.children) {
+    return false
  for (const item of chatBody.children) {
    if (item.className.includes('im-mess-stack _im_mess_stack')) {
-            let messages = item.children[1].children[1].getElementsByClassName('im-mess _im_mess');
+      const messages = item.children[1].children[1].getElementsByClassName('im-mess _im_mess')
-            for (let message of messages) {
+      for (const message of messages)
-                status = addControlButton(message);
+        status = addControlButton(message)
    }
  }
-    }
+  return status
    return status;
 }
--- a/src/dom/dom.css
+++ b/src/dom/dom.css
@@ -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;
+  display: inline-flex;
-    vertical-align: top;
+  align-items: center;
-    padding-top: 2px;
+  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 {
--- a/src/dom/hide_element.js
+++ b/src/dom/hide_element.js
@@ -1,58 +1,52 @@
-import {getChatBody} from "../utils/getChatBody";
+import { getChatBody } from '../utils/getChatBody'
-import {tryToAddControls, hideExistingMessages} from "./controls";
+import { hideExistingMessages, tryToAddControls } from './controls'
 export function addNewMessageEventListener() {
-    const chatBody = getChatBody();
+  const chatBody = getChatBody()
-    chatBody.addEventListener('DOMNodeInserted', function(event) {
+  chatBody.addEventListener('DOMNodeInserted', (event) => {
    newMessageHandler(event.target)
-    });
+  })
 }
 function newMessageHandler(message) {
-    tryToAddControls(message);
+  tryToAddControls(message)
  if (message.className === 'im-mess-stack _im_mess_stack ') {
-        chrome.storage.sync.get('isExtensionOn', function(data) {
+    chrome.storage.sync.get('isExtensionOn', (data) => {
      if (data.isExtensionOn) {
-                chrome.storage.sync.get('idsToHide', function(data) {
+        chrome.storage.sync.get('idsToHide', (data) => {
-                    if (data.idsToHide.filter(user => user.id == message.dataset.peer).length > 0) {
+          if (data.idsToHide.filter(user => user.id === message.dataset.peer).length > 0)
-                        message.style.display = "none";
+            message.style.display = 'none'
        })
      }
-                });
+    })
            }
        });
  }
 }
 export function returnMessagesEventListener() {
-    chrome.storage.onChanged.addListener(function(changes) {
+  chrome.storage.onChanged.addListener((changes) => {
-        const isExtensionOn = changes.isExtensionOn;
+    const isExtensionOn = changes.isExtensionOn
-        const idsToHide = changes.idsToHide;
+    const idsToHide = changes.idsToHide
-        const chatBody = getChatBody();
+    const chatBody = getChatBody()
    if (isExtensionOn) {
      if (isExtensionOn.newValue === false) {
-                for (let item of chatBody.children) {
+        for (const item of chatBody.children)
-                    item.style.display = "block";
+          item.style.display = 'block'
      }
-            } else {
+      else {
-                hideExistingMessages();
+        hideExistingMessages()
      }
    }
    if (idsToHide) {
-            chrome.storage.sync.get('isExtensionOn', function(data) {
+      chrome.storage.sync.get('isExtensionOn', (data) => {
        if (data.isExtensionOn) {
          if (idsToHide.newValue.length < idsToHide.oldValue.length) {
-                        // for (let item of chatBody.children) {
+            for (const item of chatBody.children) {
-                        //     item.style.display = "block";
+              if (idsToHide.newValue.filter(user => user.id === item.dataset.peer).length === 0)
-                        // }
+                item.style.display = 'block'
                        // hideExistingMessages();
                        for (let item of chatBody.children) {
                            if (idsToHide.newValue.filter(user => user.id == item.dataset.peer).length === 0) {
                                item.style.display = "block";
            }
          }
        }
      })
    }
-            });
+  })
        }
    });
 }
--- a/src/dom/main.js
+++ b/src/dom/main.js
@@ -1,22 +1,21 @@
 import './dom.css'
-import {createTryToInitInterval, hideExistingMessages, tryToInitControls} from "./controls";
+import { UrlController } from '../utils/Url'
-import {UrlController} from "../utils/Url";
+import { createTryToInitInterval, hideExistingMessages, tryToInitControls } from './controls'
-import {addNewMessageEventListener, returnMessagesEventListener} from "./hide_element";
+import { addNewMessageEventListener, returnMessagesEventListener } from './hide_element'
 function init() {
-    const url = new UrlController();
+  const url = new UrlController()
  url.onChange(() => {
    if (tryToInitControls()) {
-            createTryToInitInterval();
+      createTryToInitInterval()
-            addNewMessageEventListener();
+      addNewMessageEventListener()
-            returnMessagesEventListener();
+      returnMessagesEventListener()
-            chrome.storage.sync.get('isExtensionOn', function(data) {
+      chrome.storage.sync.get('isExtensionOn', (data) => {
-                if (data.isExtensionOn) {
+        if (data.isExtensionOn)
-                    hideExistingMessages();
+          hideExistingMessages()
-                }
+      })
            });
    }
  })
 }
-init();
+init()
--- a/src/dom/mute.svg
+++ b/src/dom/mute.svg
@@ -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>
--- a/src/popup/popup.css
+++ b/src/popup/popup.css
@@ -6,7 +6,7 @@ body {
  min-width: 160px;
  margin: 0;
 }
-/* The switch - the box around the slider */
+
 .switch {
  position: relative;
  display: inline-block;
@@ -14,14 +14,12 @@ body {
  height: 34px;
 }
 /* Hide default HTML checkbox */
 .switch input {
  opacity: 0;
  width: 0;
  height: 0;
 }
 /* The slider */
 .slider {
  position: absolute;
  cursor: pointer;
@@ -60,7 +58,6 @@ input:checked + .slider:before {
  transform: translateX(26px);
 }
 /* Rounded sliders */
 .slider.round {
  border-radius: 34px;
 }
--- a/src/popup/popup.html
+++ b/src/popup/popup.html
@@ -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">
--- a/src/popup/popup.js
+++ b/src/popup/popup.js
@@ -1,54 +1,51 @@
 import './popup.css'
-//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 = [];
 function idBtnHTML(user) {
-    const element = document.createElement('div');
+  const element = document.createElement('div')
-    element.setAttribute('class', 'idToHide');
+  element.setAttribute('class', 'idToHide')
  element.innerHTML = `
        <a href="https://vk.com/id${user.id}" target="_blank" title="Перейти в профиль">🤐 ${user.name}</a>
        <span class="del_item" title="Удалить">🗑️</span>
-    `;
+    `
-    element.id = user.id;
+  element.id = user.id
-    return element;
+  return element
 }
-chrome.storage.sync.get('isExtensionOn', function(data) {
+chrome.storage.sync.get('isExtensionOn', (data) => {
-    isExtensionOn = data.isExtensionOn;
+  isExtensionOn = data.isExtensionOn
-    disableCheckbox.checked = isExtensionOn;
+  disableCheckbox.checked = isExtensionOn
-});
+})
-chrome.storage.sync.get('idsToHide', function(data) {
+chrome.storage.sync.get('idsToHide', (data) => {
-    idsToHide = data.idsToHide;
+  idsToHide = data.idsToHide
  for (const id in idsToHide) {
-        const row = idBtnHTML(idsToHide[id]);
+    const row = idBtnHTML(idsToHide[id])
-        idList.appendChild(row);
+    idList.appendChild(row)
  }
  for (const element of idsToHideElements) {
    for (const child of element.childNodes) {
-            if (child.className === "del_item") {
+      if (child.className === 'del_item') {
-                child.addEventListener('click', function() {
+        child.addEventListener('click', () => {
-                    idsToHide = idsToHide.filter(user => user.id != element.id);
+          idsToHide = idsToHide.filter(user => user.id !== element.id)
-                    chrome.storage.sync.set({idsToHide: idsToHide}, function() {
+          chrome.storage.sync.set({ idsToHide }, () => {
-                        element.remove();
+            element.remove()
-                        console.log('Cleared idsToHide');
+          })
-                    });
+        })
                });
      }
    }
-    };    
+  }
-});
+})
 disableCheckbox.addEventListener('change', (event) => {
-    isExtensionOn = event.target.checked;
+  isExtensionOn = event.target.checked
-    chrome.storage.sync.set({isExtensionOn}, function() {
+  chrome.storage.sync.set({ isExtensionOn })
-        console.log('isExtensionOn: '+isExtensionOn);
+})
    });
 });
--- a/src/utils/Url.js
+++ b/src/utils/Url.js
@@ -1,38 +1,34 @@
-const INTERVAL_TIME = 100;
+const INTERVAL_TIME = 100
 export class UrlController {
  constructor() {
-        this._changeListeners = [];
+    this._changeListeners = []
-        this._interval = null;
+    this._interval = null
-        this._url = window.location.href;
+    this._url = window.location.href
  }
  onChange(cb) {
-        this._changeListeners.push(cb);
+    this._changeListeners.push(cb)
-        if (this._interval === null) {
+    if (this._interval === null)
-            this._createInterval();
+      this._createInterval()
        }
  }
  removeEventListener(cb) {
-        this._changeListeners = this._changeListeners.filter(item=>item !== cb);
+    this._changeListeners = this._changeListeners.filter(item => item !== cb)
-        if(this._changeListeners.length === 0) {
+    if (this._changeListeners.length === 0)
-            this._clearInterval();
+      this._clearInterval()
        }
  }
  _intervalTick() {
-        const currentUrl = window.location.href;
+    const currentUrl = window.location.href
    if (currentUrl !== this.url) {
-            this._broadcast(this.url, currentUrl);
+      this._broadcast(this.url, currentUrl)
-            this.url = currentUrl;
+      this.url = currentUrl
    }
  }
  _broadcast(oldUrl, newUrl) {
-        this._changeListeners.forEach(cb => cb(oldUrl, newUrl));
+    this._changeListeners.forEach(cb => cb(oldUrl, newUrl))
  }
  _createInterval() {
@@ -43,5 +39,4 @@ export class UrlController {
    clearInterval(this.interval)
    this.interval = null
  }
 }
--- a/src/utils/getChatBody.js
+++ b/src/utils/getChatBody.js
@@ -1,3 +1,3 @@
 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]
 }
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -1,17 +1,16 @@
-const path = require('path');
+const path = require('node:path')
-const HtmlWebpackPlugin = require('html-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin')
 module.exports = {
-    mode: "development",
+  mode: 'development',
-    devtool: "inline-source-map",
+  devtool: 'inline-source-map',
  entry: {
    dom: './src/dom/main.js',
-        background: './src/background/background.js',
+    popup: './src/popup/popup.js',
        popup: './src/popup/popup.js'
  },
  output: {
    filename: '[name].js',
-        path: path.resolve(__dirname, 'extension/dist')
+    path: path.resolve(__dirname, 'extension/dist'),
  },
  module: {
    rules: [
@@ -21,25 +20,30 @@ module.exports = {
        use: {
          loader: 'babel-loader',
          options: {
-                        presets: ['@babel/preset-env']
+            presets: ['@babel/preset-env'],
-                    }
+          },
-                }
+        },
      },
      {
        test: /\.css$/i,
        use: ['style-loader', 'css-loader'],
            }
        ]
      },
-    plugins: [new HtmlWebpackPlugin({
+      {
-        template: "./src/popup/popup.html",
+        test: /\.svg$/i,
-        filename: "popup.html",
+        use: 'raw-loader',
-        chunks: ['popup']
+      },
    ],
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: './src/popup/popup.html',
      filename: 'popup.html',
      chunks: ['popup'],
    }),
    new HtmlWebpackPlugin({
-        template: "./src/donate.html",
+      template: './src/donate.html',
-        filename: "donate.html",
+      filename: 'donate.html',
-        chunks: ['donate']
+      chunks: ['donate'],
-    })]
+    }),
-
+  ],
 }
Author	SHA1	Message	Date
dependabot[bot]	44e5f98506	Bump js-yaml from 4.1.0 to 4.1.1 Bumps [js-yaml](https://github.com/nodeca/js-yaml) from 4.1.0 to 4.1.1. - [Changelog](https://github.com/nodeca/js-yaml/blob/master/CHANGELOG.md) - [Commits](https://github.com/nodeca/js-yaml/compare/4.1.0...4.1.1) --- updated-dependencies: - dependency-name: js-yaml dependency-version: 4.1.1 dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2025-11-15 10:55:13 +00:00
Anatoly Kopyl	544ef14295	Merge pull request #28 from anatolykopyl/dependabot/npm_and_yarn/webpack-5.94.0 Bump webpack from 5.76.0 to 5.94.0	2024-09-17 10:05:37 +03:00
dependabot[bot]	218fc0610e	Bump webpack from 5.76.0 to 5.94.0 Bumps [webpack](https://github.com/webpack/webpack) from 5.76.0 to 5.94.0. - [Release notes](https://github.com/webpack/webpack/releases) - [Commits](https://github.com/webpack/webpack/compare/v5.76.0...v5.94.0) --- updated-dependencies: - dependency-name: webpack dependency-type: direct:development ... Signed-off-by: dependabot[bot] <support@github.com>	2024-08-30 10:48:27 +00:00
Anatoly Kopyl	02a46d4908	Merge pull request #27 from anatolykopyl/dependabot/npm_and_yarn/braces-3.0.3 Bump braces from 3.0.2 to 3.0.3	2024-06-19 10:06:12 +03:00
dependabot[bot]	07bcb773f5	Bump braces from 3.0.2 to 3.0.3 Bumps [braces](https://github.com/micromatch/braces) from 3.0.2 to 3.0.3. - [Changelog](https://github.com/micromatch/braces/blob/master/CHANGELOG.md) - [Commits](https://github.com/micromatch/braces/compare/3.0.2...3.0.3) --- updated-dependencies: - dependency-name: braces dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2024-06-18 04:12:08 +00:00
anatolykopyl	b926f0edbf	Add eslint	2023-12-10 14:04:02 +03:00
anatolykopyl	91f1833534	Migrate to manifest v3	2023-12-10 11:15:53 +03:00
Anatoly Kopyl	4089f640ea	Merge pull request #25 from anatolykopyl/dependabot/npm_and_yarn/postcss-8.4.31 Bump postcss from 8.4.20 to 8.4.31	2023-12-09 13:15:20 +03:00
Anatoly Kopyl	85596a95a6	Merge pull request #26 from anatolykopyl/dependabot/npm_and_yarn/babel/traverse-7.23.2 Bump @babel/traverse from 7.9.5 to 7.23.2	2023-10-28 11:53:03 +03:00
dependabot[bot]	4cebd66a85	Bump @babel/traverse from 7.9.5 to 7.23.2 Bumps [@babel/traverse](https://github.com/babel/babel/tree/HEAD/packages/babel-traverse) from 7.9.5 to 7.23.2. - [Release notes](https://github.com/babel/babel/releases) - [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md) - [Commits](https://github.com/babel/babel/commits/v7.23.2/packages/babel-traverse) --- updated-dependencies: - dependency-name: "@babel/traverse" dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2023-10-20 00:45:14 +00:00
dependabot[bot]	bc49282b62	Bump postcss from 8.4.20 to 8.4.31 Bumps [postcss](https://github.com/postcss/postcss) from 8.4.20 to 8.4.31. - [Release notes](https://github.com/postcss/postcss/releases) - [Changelog](https://github.com/postcss/postcss/blob/main/CHANGELOG.md) - [Commits](https://github.com/postcss/postcss/compare/8.4.20...8.4.31) --- updated-dependencies: - dependency-name: postcss dependency-type: indirect ... Signed-off-by: dependabot[bot] <support@github.com>	2023-10-07 10:53:05 +00:00
		`@@ -0,0 +1,3 @@`
							`const antfu = require('@antfu/eslint-config').default`

							`module.exports = antfu()`