fix(pageaction): reverted as Firefox still support it

Author: Mte90

background.js

@@ -74,3 +74,55 @@ function urlChangeStrategy(tabId, sbPrevUrl) {
     }
   });
 }
+
+// call function which get the address bar color (toolbar_field)
+setPageActionIcon();
+
+async function setPageActionIcon() {
+  var themeInfo = await browser.theme.getCurrent();
+  let color = 'light';
+  var rgb_list = ['rgb(71, 71, 73)', 'rgb(50, 50, 52)']; // list of RGB where icon_theme should be light
+  if (themeInfo.colors && themeInfo.colors.toolbar_field) {
+    if (!rgb_list.includes(themeInfo.colors.toolbar_field.toString())) {
+      color = 'dark';
+    }
+  }
+  setPageAction(color);
+}
+
+function setPageAction(color) {
+  var ext_icon = 'icon-' + color + '.svg';
+  browser.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {
+    var getting = browser.storage.local.get('pageaction');
+    getting.then(
+      function (result) {
+        var pageaction = result.pageaction;
+        if (!pageaction) {
+          if (
+            tab.url.indexOf('about:') !== 0 &&
+            tab.url.indexOf('moz-extension:') !== 0
+          ) {
+            browser.pageAction.setIcon({
+              tabId: tab.id,
+              path: ext_icon
+            });
+
+            browser.pageAction.setTitle({
+              tabId: tab.id,
+              title: 'Share'
+            });
+
+            browser.pageAction.show(tab.id);
+            browser.pageAction.setPopup({
+              tabId,
+              popup: '/modal/modal.html'
+            });
+          }
+        }
+      },
+      function (error) {
+        console.log(`Error: ${error}`);
+      }
+    );
+  });
+}

manifest.json

@@ -3,7 +3,7 @@
     "description": "This extension reimplement the share feature with Container support and over 14+ social networks",
     "manifest_version": 2,
     "name": "Share Backported",
-    "version": "2.1.3",
+    "version": "2.1.4",
     "icons": {
         "16": "icon-dark.svg",
         "24": "icon-dark.svg",
@@ -45,6 +45,10 @@
             }
         }
     },
+    "page_action": {
+        "default_icon": "icon-dark.svg",
+        "browser_style": true
+    },
     "background": {
         "scripts": [
             "background.js"

options/options.html

@@ -477,6 +477,13 @@ <h4>Follow the placeholder and change only <i>instance_url</i>.</h4>
                 <label>Mastodon: https://instance_url/share?text<br> <input type="url" id="mastodon" style="width:100%" placeholder="https://instance_url?post&title"></label><br>
             </div>
         </div>
+        <div class="row hr">
+            <div class="col-12">
+                <h1>PageAction</h1>
+                <h4>You can hide the <i>PageAction</i> icon (so the shortcut shown in the address bar) - just put a check in the following field, and the press "Save"</h4>
+                <label class="browser-style"><input type="checkbox" id="pageaction">Disable</label>
+            </div>
+        </div>
         <div class="row hr">
             <div class="col-12">
                 <h1>Share format</h1>

readme.md

@@ -19,6 +19,9 @@ You can hide some services/icons just put a check in the relevant field in the 
 
 In the same section, you can also change width and height of the share window (for every service), so the windows opened when you click on the relevant icon, and you can change the position/order of services too.
 
+#### PageAction
+You can hide the <i>PageAction</i> icon (so the shortcut shown in the address bar) - just put a check in the field contained in the “PageAction” section.
+
 #### Keyboard shortcut
 The PageAction can be triggered via <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>y</kbd> (resp. <kbd>Cmd</kbd> on macOS) from keyboard.
 Think of the share icon. The modifier keys prevent collisions.