change menu title dynamically

background.js

@@ -32,34 +32,26 @@ function notifyCopied(content) {
     });
 }
 
-chrome.contextMenus.create({
+var menuItems = {};
+
+menuItems.root = chrome.contextMenus.create({
     title: 'Copy it as markdown',
     id: 'root',
     contexts: ['all'],
 });
 
-chrome.contextMenus.create({
+menuItems.selectedTextToMarkdown = chrome.contextMenus.create({
     parentId: 'root',
     title: 'Selected text',
     type: 'normal',
     contexts: ['selection'],
     onclick: function (info, tab) {
         // Inject the content script into the current page
         chrome.tabs.executeScript(null, {file: 'get-selected-html.js'});
-
-        // Perform the callback when a message is received from the content script
-        chrome.runtime.onMessage.addListener(function (message) {
-            const html = message.selectedHtml;
-            console.log('html: ', html);
-            const markdown = htmlToMarkdown(html);
-            console.log('markdown: ', markdown);
-            copyToClipboard(markdown);
-            notifyCopied(markdown);
-        });
     }
 });
 
-chrome.contextMenus.create({
+menuItems.pageLinkTitle = chrome.contextMenus.create({
     parentId: 'root',
     title: 'Current page: [title](url)',
     type: 'normal',
@@ -87,7 +79,7 @@ chrome.contextMenus.create({
 //     }
 // });
 
-chrome.contextMenus.create({
+menuItems.pageLinkSelectedText = chrome.contextMenus.create({
     parentId: 'root',
     title: 'Current page: [selected text](url)',
     type: 'normal',
@@ -100,3 +92,21 @@ chrome.contextMenus.create({
         notifyCopied(markdown);
     }
 });
+
+chrome.runtime.onMessage.addListener(function (message, sender, sendResponse) {
+    if (message.request === 'selectedHtml') {
+        const html = message.selectedHtml;
+        console.log('html: ', html);
+        const markdown = htmlToMarkdown(html);
+        console.log('markdown: ', markdown);
+        copyToClipboard(markdown);
+        notifyCopied(markdown);
+
+    } else if (message.request === 'selectedText') {
+        const text = message.selectedText;
+        console.log('text: ', text);
+        chrome.contextMenus.update(menuItems.pageLinkSelectedText, {
+            title: `Current page: [${text}](url)`,
+        });
+    }
+});

content.js

@@ -0,0 +1,8 @@
+document.addEventListener('selectionchange', function () {
+    let selection = document.getSelection();
+    let selectionText = selection.toString().trim();
+    chrome.runtime.sendMessage({
+        request: 'selectedText',
+        selectedText: selectionText,
+    });
+});

get-selected-html.js

@@ -7,7 +7,8 @@ if (range) {
 }
 
 chrome.runtime.sendMessage({
-    'title': document.title,
-    'url': window.location.href,
-    'selectedHtml': selectedHtml,
+    request: 'selectedHtml',
+    title: document.title,
+    url: window.location.href,
+    selectedHtml: selectedHtml,
 });

manifest.json

@@ -14,6 +14,12 @@
   "icons": {
     "128": "img/icon100.png"
   },
+  "content_scripts": [
+    {
+      "matches": ["http://*/*", "https://*/*"],
+      "js": ["content.js"]
+    }
+  ],
   "background": {
     "scripts": ["background.js", "showdown.min.js"],
     "persistent": true