convert HTML tag to org markup

background.js

@@ -29,7 +29,8 @@ chrome.runtime.onInstalled.addListener(function (details) {
         unselectedTemplate: 'L',
         useNewStyleLinks: true,
         debug: false,
-        overlay: true
+        overlay: true,
+        convert2org: false
       });
   else if ((details.reason == "update" && details.previousVersion.startsWith("0.1")))
     chrome.storage.sync.set(
@@ -38,10 +39,11 @@ chrome.runtime.onInstalled.addListener(function (details) {
         unselectedTemplate: 'L',
         useNewStyleLinks: false,
         debug: false,
-        overlay: true
+        overlay: true,
+        convert2org: false
       });
 });
 
-chrome.browserAction.onClicked.addListener(function (tab) {
-  chrome.tabs.executeScript({file: "capture.js"});
+chrome.browserAction.onClicked.addListener(function(tab) {
+  chrome.tabs.executeScript({ file: "capture.js" });
 });

capture.js

@@ -74,7 +74,12 @@
         this.protocol = this.unselectedProtocol;
       }
 
-      for(var k in options) this[k] = options[k];
+      for (var k in options) this[k] = options[k];
+
+      if (this.convert2org) {
+        this.selection_text = escapeIt(conv2org(window.getSelection()));
+      }
+
       this.capture();
     }
   }
@@ -86,8 +91,100 @@
 
   function escapeIt(text) {
     return replace_all(replace_all(replace_all(encodeURIComponent(text), "[(]", escape("(")),
-                                   "[)]", escape(")")),
-                       "[']" ,escape("'"));
+      "[)]", escape(")")),
+      "[']", escape("'"));
+  }
+
+  function conv2org(sel) {
+    if (!sel) return "";
+    var dom = document.createElement('div');
+    for (var i = 0; i < sel.rangeCount; i++) {
+      dom.appendChild(sel.getRangeAt(i).cloneContents());
+    }
+
+    dom.querySelectorAll('img').forEach(it => {
+      var url = new URL(it.src, window.location.href).href;
+      it.innerText = `[[${url}]]`;
+    });
+
+    dom.querySelectorAll('blockquote').forEach(it => {
+      it.innerHTML = srcBlock('#+begin_quote', '#+end_quote', it.innerText, "");
+    });
+
+    dom.querySelectorAll('pre').forEach(pre => {
+      var lang = pre.className.match(/lang-(\w+)/) || pre.parentNode.className.match(/highlight-source-(\w+)/);
+      lang = lang ? lang[1] : "";
+
+      var code = pre.querySelector('code');
+      if (code) {
+        code.innerHTML = srcBlock('#+begin_src', '#+end_src', code.innerText, lang);
+      } else {
+        pre.innerHTML = srcBlock('#+begin_src', '#+end_src', pre.innerText, lang);
+      }
+    });
+
+    dom.querySelectorAll('b, strong').forEach(b => {
+      b.innerText = emphasize('*')(b.innerText);
+    });
+    dom.querySelectorAll('i, em').forEach(i => {
+      i.innerText = emphasize('/')(i.innerText);
+    });
+    dom.querySelectorAll('del, s').forEach(s => {
+      s.innerText = emphasize('+')(s.innerText);
+    });
+
+    dom.querySelectorAll('code, kbd').forEach(code => {
+      if (code.parentNode.nodeName != "PRE")
+        code.innerText = emphasize('~')(code.innerText);
+    });
+
+    dom.querySelectorAll('p').forEach(it => {
+      it.innerHTML = `${it.innerText}`;
+    });
+
+    [, 'h1', 'h2', 'h3', 'h4'].forEach((tag, idx) => {
+      dom.querySelectorAll(tag).forEach(it => {
+        var a = it.querySelector('a');
+        if (a && /#(.+)/.test(a.href)) {
+          it.innerHTML = `${repeatStar(idx)} [[${a.href}][${it.innerText}]]`;
+        } else {
+          it.innerHTML = `${repeatStar(idx)} ${it.innerText}`;
+        }
+      });
+    });
+
+    dom.querySelectorAll('a').forEach(it => {
+      if (/\[\[/.test(it.innerText))
+        return;
+      var url = new URL(it.href, window.location.href).href;
+      if (/#(.+)/.test(it.href)) {
+        it.innerText = `[[${url}][${it.innerText}]]`;
+        return;
+      }
+      it.innerText = `[[${url}][${it.alt || it.innerText || ''}]]`;
+    });
+
+    dom.querySelectorAll('ul').forEach(ul => {
+      ul.querySelectorAll('li').forEach(li => {
+        li.innerText = `- ${li.innerText}`;
+      });
+    });
+
+    return dom.innerText.trim();
+  }
+
+  function emphasize(tag) {
+    return text => `${tag}${text}${tag}`;
+  }
+
+  function srcBlock(start, end, body, header) {
+    return `${start} ${header}
+${body}
+${end}`;
+  }
+
+  function repeatStar(n) {
+    return n == 0 ? '' : '*' + repeatStar(n - 1);
   }
 
   function logURI(uri) {

options.html

@@ -42,6 +42,14 @@
                     <input id="useNewStyle" type="checkbox" />
                 </td>
             </tr>
+            <tr>
+                <td>
+                    Convert HTML to org markup
+                </td>
+                <td>
+                  <input id="org" type="checkbox" />
+                </td>
+            </tr>
             <tr>
                 <td>
                     Debug (will produce logging messages to console)

options.js

@@ -28,13 +28,15 @@ function save_options() {
     var NewStyleP = document.getElementById('useNewStyle').checked;
     var debugP = document.getElementById('debug').checked;
     var overlayP = document.getElementById('overlay').checked;
+    var orgP = document.getElementById('org').checked;
 
     chrome.storage.sync.set({
         selectedTemplate: selTemp,
         unselectedTemplate: unselTemp,
         useNewStyleLinks: NewStyleP,
         debug: debugP,
-        overlay: overlayP
+        overlay: overlayP,
+        convert2org: orgP,
     }, function() {
         // Update status to let user know options were saved.
         var status = document.getElementById('status');
@@ -54,15 +56,17 @@ function restore_options() {
         unselectedTemplate: 'L',
         useNewStyleLinks: true,
         debug: false,
-        overlay: true
+        overlay: true,
+        convert2org: false,
     }, function(options) {
         document.getElementById('unselTemplate').value = options.unselectedTemplate;
         document.getElementById('selTemplate').value = options.selectedTemplate;
         document.getElementById('useNewStyle').checked = options.useNewStyleLinks;
         document.getElementById('debug').checked = options.debug;
         document.getElementById('overlay').checked = options.overlay;
+        document.getElementById('org').checked = options.convert2org;
     });
 }
 document.addEventListener('DOMContentLoaded', restore_options);
 document.getElementById('save').addEventListener('click',
-                                                 save_options);
+    save_options);