2:10

background.js

@@ -1,24 +1,46 @@
 
-    chrome.runtime.onInstalled.addListener(function() {
-        chrome.tabs.executeScript({
-          file: 'contentScript.js'
-        });
-        chrome.contextMenus.create({
-            "id": "ContextMenu",
-            "title": "Context Menu",
-            "contexts": ["selection"]
-          });
-   });
-    chrome.declarativeContent.onPageChanged.removeRules(undefined, function() {
-        chrome.declarativeContent.onPageChanged.addRules([{
-          conditions: [new chrome.declarativeContent.PageStateMatcher({
-            pageUrl: {hostEquals: 'developer.chrome.com'},
-          })
-          ],
-              actions: [new chrome.declarativeContent.ShowPageAction()]
-        }]);
+
+function commentsPopup() {
+    chrome.tabs.executeScript({
+        code: 'console.log(document)'
+        // code: 'comment();'
+        // file: 'contentScript.js',
+        // code: `let menu = document.createElement("div");
+        // menu.innerHTML = ('<div id="comment-menu">
+        //     <input id="comment-field"></input>
+        //     <button>Add comment</button>
+        // </div>');
+        // document.body.appendChild(menu);
+        // console.log(document)`
+      });
+
+    let comment = prompt('enter a comment');
+}
+
+chrome.runtime.onInstalled.addListener(function() {
+    chrome.contextMenus.create({
+        "id": "ContextMenu",
+        "title": "Annotate",
+        "contexts": ["all"],
       });
+});
+
+chrome.contextMenus.onClicked.addListener(function() {
+    commentsPopup();
+});
+
+chrome.runtime.onMessage.addListener(function() {
+chrome.tabs.executeScript({
+    file: 'contentScript.js'
+  });
+});
 
-    // document.querySelector('#button').addEventListener('click', function() {
-    //     console.log(this);
-    // })
+chrome.declarativeContent.onPageChanged.removeRules(undefined, function() {
+    chrome.declarativeContent.onPageChanged.addRules([{
+      conditions: [new chrome.declarativeContent.PageStateMatcher({
+        pageUrl: {hostEquals: 'developer.chrome.com'},
+      })
+      ],
+          actions: [new chrome.declarativeContent.ShowPageAction()]
+    }]);
+  });

contentScript.js

@@ -1,3 +1,12 @@
-
+function comment() {
+    let menu = document.createElement("div");
+    menu.innerHTML = (`<div id="comment-menu">
+        <input id="comment-field"></input>
+        <button>Add comment</button>
+        console.log(document)
+    </div>`);
+    document.body.appendChild(menu);
+}
+comment();
 
 console.log(document)

manifest.json

@@ -22,5 +22,11 @@
       "48": "images/get_started48.png",
       "128": "images/get_started128.png"
     },
+    "content_scripts": [
+        {
+          "matches": ["http://www.google.com/*"],
+          "js": ["contentScript.js"]
+        }
+      ],
     "manifest_version": 2
   }

popup.js

@@ -9,7 +9,7 @@ let x = db
     });
   })
   .then(function (data) {
-    data.forEach((doc) => {
+    data.docs.forEach((doc) => {
       const a = document.createElement('a')
       a.target = '_blank';
       a.href = doc.url