Merge pull request #53 from jdi-testing/issue_313

При закрытии плагина убирать со страницы добавленные плагином элементы

manifest.json

@@ -3,7 +3,7 @@
   "name": "JDN",
   "description": "",
   "devtools_page": "index.html",
-  "version": "3.0.70",
+  "version": "3.0.71",
   "permissions": [
     "activeTab",
     "tabs",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jdi-react-extension",
-  "version": "3.0.70",
+  "version": "3.0.71",
   "description": "jdi react extension",
   "scripts": {
     "start": "npm run webpack",

src/js/blocks/autoFind/contentScripts/contextMenu/contextmenu.js

@@ -363,6 +363,11 @@ export const runContextMenu = () => {
 
     // ACTION: CLOSE MODAL
     modalCloseLink.addEventListener("click", () => modal.remove());
+    chrome.storage.onChanged.addListener((event) => {
+        if (event?.IS_DISCONNECTED?.newValue === true && modal) {
+          modal.remove();
+        }
+    });
   };
 
   // <-----

src/js/blocks/autoFind/contentScripts/highlight.js

@@ -290,6 +290,7 @@ export const highlightOnPage = () => {
 
   const disconnectHandler = () => {
     removeHighlight(() => console.log("JDN highlight has been killed"))();
+    chrome.storage.sync.set({ IS_DISCONNECTED: true });
   };
 
   chrome.runtime.onConnect.addListener((p) => {

src/js/blocks/autoFind/contentScripts/reportProblemPopup/reportProblemPopup.js

@@ -105,4 +105,9 @@ export const reportProblemPopup = () => {
   backgroundModal.append(modal);
 
   document.body.append(backgroundModal);
+  chrome.storage.onChanged.addListener((event) => {
+      if (event?.IS_DISCONNECTED?.newValue === true && modal) {
+        removePopup();
+      }
+  });
 };

src/js/blocks/autoFind/contentScripts/settingsPopup/settingsPopup.js

@@ -139,5 +139,10 @@ export const settingsPopup = () => {
     modal.appendChild(form);
     backgroundModal.append(modal);
     document.body.append(backgroundModal);
+    chrome.storage.onChanged.addListener((event) => {
+      if (event?.IS_DISCONNECTED?.newValue === true) {
+        removePopup();
+      };
+    });
   });
 };

src/js/blocks/autoFind/utils/connector.js

@@ -117,6 +117,7 @@ class Connector {
   attachStaticScripts() {
     this.attachContentScript(highlightOnPage).then(() => {
       this.createPort();
+      chrome.storage.sync.set({ IS_DISCONNECTED: false });
     });
     this.attachContentScript(runContextMenu);
     this.attachContentScript(highlightOrder);