Added popup for browser action

retog · retog · commit 1b57dab7d420 · 2020-12-10T22:03:41.000+01:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/background-script.js b/src/background-script.js
@@ -4,6 +4,16 @@ import { Buffer } from 'buffer'
 
 
 
+browser.runtime.onMessage.addListener(notify);
+
+function notify(message) {
+  if (message.direction === "from-menu-script") {
+    if (message.message.action === 'grant') {
+      console.log('granting acces to', message.message.target);
+      //TODO implement
+    }
+  }
+}
 
 let ports = []
 
diff --git a/webext/manifest.json b/webext/manifest.json
@@ -10,6 +10,7 @@
   },
 
   "permissions": [
+ 		"activeTab",
     "nativeMessaging",
     "<all_urls>"
   ],
@@ -22,7 +23,8 @@
   ],
 
   "browser_action": {
-    "default_icon": "icons/message.svg"
+    "default_icon": "icons/message.svg",
+		"default_popup": "menu.html"
   },
   
   "browser_specific_settings": {
diff --git a/webext/menu-script.js b/webext/menu-script.js
@@ -0,0 +1,28 @@
+console.log('menu opened')
+const menuArea = document.getElementById('options')
+console.log(document, menuArea)
+// this doesn't work: browser.tabs.getCurrent().then(...
+browser.tabs.query({ "active": true, "currentWindow": true, "windowType": "normal" }).then(
+  tabs => tabs[0]
+).then(
+  tab => {
+    console.log('tab', tab)
+    const relevantURL = tab.url.split('?')[0].split('#')[0]
+    menuArea.innerHTML += `Allow the page at ${relevantURL} to access SSB?`
+    const button = document.createElement('button')
+    button.innerText = 'Grant'
+    button.addEventListener('click', () => {
+
+      browser.runtime.sendMessage({
+        direction: "from-menu-script",
+        message: {
+          action: 'grant',
+          target: relevantURL
+        }
+      });
+    })
+    menuArea.appendChild(button)
+  },
+  error => {
+    console.log('error', error)
+  })
diff --git a/webext/menu.html b/webext/menu.html
@@ -0,0 +1,10 @@
+<html>
+  <head>
+    
+  </head>
+<body>
+<h1>SSBversive</h1>
+<div id="options"></div>
+<script src="menu-script.js" ></script>
+</body>
+</html>
