Add support for copying as mysql table

manifest.json

@@ -5,7 +5,7 @@
 
     "content_scripts": [
         {
-            "js": ["src/content.js"],
+            "js": ["src/content.js", "src/ascii-table.min.js"],
             "css": ["src/content.css"],
             "matches": [ "*://*/*", "file://*/*"],
             "all_frames": false

src/background.js

@@ -15,6 +15,7 @@ menu.copyHTML      = chrome.contextMenus.create({ "title": "HTML",          "par
 menu.copyStyled    = chrome.contextMenus.create({ "title": "Styled HTML",   "parentId": menu.copy, "enabled": false, "contexts": ctx, "onclick": function() { menuClick("copyStyled")  }});
 menu.copyCSV       = chrome.contextMenus.create({ "title": "CSV",           "parentId": menu.copy, "enabled": false, "contexts": ctx, "onclick": function() { menuClick("copyCSV")      }});
 menu.copyText      = chrome.contextMenus.create({ "title": "Text-Only",     "parentId": menu.copy, "enabled": false, "contexts": ctx, "onclick": function() { menuClick("copyText")     }});
+menu.copyMysqlTable      = chrome.contextMenus.create({ "title": "Copy as Mysql Table result",     "parentId": menu.copy, "enabled": false, "contexts": ctx, "onclick": function() { menuClick("copyMysqlTable")     }});
 
 // Send a command to tabs.
 function sendCommand(cmd, broadcast, fn) {
@@ -42,6 +43,7 @@ chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
 
         case "copyText":
         case "copyHTML":
+        case "copyMysqlTable":
         case "copyStyled":
         case "copyCSV":
             var t = document.getElementById("___copytables_clipboard___");
@@ -86,9 +88,8 @@ chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
             chrome.contextMenus.update(menu.copyStyled,     {enabled:s.canCopy});
             chrome.contextMenus.update(menu.copyCSV,        {enabled:s.canCopy});
             chrome.contextMenus.update(menu.copyText,       {enabled:s.canCopy});
-
+            chrome.contextMenus.update(menu.copyMysqlTable,       {enabled:s.canCopy});
             sendResponse({});
             break;
     }
 });
-

src/content.js

@@ -6,10 +6,10 @@
     // Minimal scroll speed (scrolls per second).
     var scrollMinSpeed = 30;
 
-    // Maximal scroll speed (scrolls per second). 
+    // Maximal scroll speed (scrolls per second).
     var scrollMaxSpeed = 150;
 
-    // Scroll speed acceleration. 
+    // Scroll speed acceleration.
     var scrollAcceleration = 1.01;
 
     // Scroll amount, in pixels.
@@ -205,7 +205,7 @@
 
     // Options
     // ---------------------------
-    
+
     var options = {
         modKey: 0
     };
@@ -650,7 +650,6 @@
         } else {
             ax -= window.scrollX;
             ay -= window.scrollY;
-
         }
 
         var rect = [
@@ -707,6 +706,17 @@
             tds.forEach(function(td) { addClass(td, clsSelected) });
     };
 
+  var arraysEqual = function (arr1, arr2) {
+      if(arr1.length !== arr2.length)
+          return false;
+      for(var i = arr1.length; i--;) {
+          if(arr1[i].trim() != arr2[i].trim())
+              return false;
+      }
+
+      return true;
+  }
+
     // Command helpers
     // ---------------------------
 
@@ -724,10 +734,22 @@
             case "copyHTML":
                 return selectedHTML(selection.table, false, !anySelected);
             case "copyText":
-                var m = selectedTextMatrix(selection.table, !anySelected);
+            var m = selectedTextMatrix(selection.table, !anySelected);
                 return m.map(function(row) {
                     return rstrip(row.join("\t"));
                 }).join("\n");
+            case "copyMysqlTable":
+                var t = new AsciiTable()
+
+                var m = selectedTextMatrix(selection.table, true);
+                headers = $$("TH", selection.table).map(function(td) { return td.innerText.trim(); });
+                t.setHeading(headers);
+
+                if(arraysEqual(headers, m[0])) {
+                  m.shift();
+                }
+
+                return t.addRowMatrix(m).toString()
             case "copyCSV":
                 var m = selectedTextMatrix(selection.table, !anySelected);
                 return m.map(function(row) {
@@ -815,6 +837,7 @@
             case "copyRich":
             case "copyText":
             case "copyHTML":
+            case "copyMysqlTable":
             case "copyStyled":
             case "copyCSV":
                 if(selection)
@@ -948,4 +971,3 @@
 
 
 })();
-

src/popup.html

@@ -13,6 +13,7 @@
         <a data-command="copyStyled">Styled</a>
         <a data-command="copyCSV">CSV</a>
         <a data-command="copyText">Text</a>
+        <a data-command="copyMysqlTable">Mysql</a>
     </p>
     <p id="mFind">
         <b>Find:</b>

src/popup.js

@@ -2,7 +2,7 @@ var $ = function(x) { return document.getElementById(x) };
 
 // Send a command to the content.
 function sendCommand(cmd, broadcast, fn) {
-    var qry = broadcast ? {} : {active: true, currentWindow: true}; 
+    var qry = broadcast ? {} : {active: true, currentWindow: true};
     chrome.tabs.query(qry, function(tabs) {
         tabs.forEach(function(tab) {
             chrome.tabs.sendMessage(tab.id, {command: cmd}, fn || function(r) {});
@@ -22,7 +22,7 @@ var updateState = function(state) {
 var init = function(state) {
 
     document.addEventListener("click", function(e) {
-        
+
         var cmd = e.target.getAttribute("data-command");
         if(!cmd)
             return;
@@ -34,7 +34,7 @@ var init = function(state) {
             if(e.target.getAttribute("data-noclose") !== "1")
                 window.close();
         });
-    
+
     });
 
     if(navigator.userAgent.indexOf("Macintosh") > 0) {