Add JSON format

Now, it is possible to use the JSON format when exporting the content
of the dump.

See #28

Author: aledeg

background.js

@@ -85,6 +85,12 @@ function getDownloadOptions(format) {
         filename: 'linkdump.bb',
         type: 'text/plain'
       };
+    case 'json':
+      return {
+        filename: 'linkdump.json',
+        type: 'application/json',
+        transformer: JSON.stringify
+      };
     default:
       return {
         reducer: textReducer,
@@ -98,7 +104,12 @@ function copy(downloadOptions) {
   browser.storage.local.get('urls').then(obj => {
     if (!obj.urls) return;
 
-    const content = obj.urls.reduce(downloadOptions.reducer, '');
+    let content;
+    if (downloadOptions.reducer) {
+      content = obj.urls.reduce(downloadOptions.reducer, '');
+    } else {
+      content = downloadOptions.transformer(obj.urls);
+    }
 
     browser.runtime.sendMessage({
       action: 'copy',
@@ -111,7 +122,12 @@ function download(downloadOptions) {
   browser.storage.local.get('urls').then(obj => {
     if (!obj.urls) return;
 
-    const content = obj.urls.reduce(downloadOptions.reducer, '');
+    let content;
+    if (downloadOptions.reducer) {
+      content = obj.urls.reduce(downloadOptions.reducer, '');
+    } else {
+      content = downloadOptions.transformer(obj.urls);
+    }
     const blob = new Blob([content], { type: downloadOptions.type });
 
     browser.downloads

manifest.json

@@ -7,7 +7,7 @@
 
   "manifest_version": 2,
   "name": "LinkDump",
-  "version": "1.13.1",
+  "version": "1.14",
   "description": "__MSG_extensionDescription__",
   "icons": {
     "48": "icons/linkdump-48.png"

options/options.html

@@ -41,6 +41,11 @@
             <td><label class="switch"><input type="checkbox" checked="checked" data-action="download" data-format="phpbb"><span class="slider"></span></label></td>
             <td><label class="switch"><input type="checkbox" checked="checked" data-action="copy" data-format="phpbb"><span class="slider"></span></label></td>
           </tr>
+          <tr>
+            <th>JSON</th>
+            <td><label class="switch"><input type="checkbox" checked="checked" data-action="download" data-format="json"><span class="slider"></span></label></td>
+            <td><label class="switch"><input type="checkbox" checked="checked" data-action="copy" data-format="json"><span class="slider"></span></label></td>
+          </tr>
           <tr>
             <td><label for="clearAfter">Clear dump after</label></td>
             <td><label class="switch"><input type="checkbox" data-action="clear" data-format="download"><span class="slider"></span></label></td>

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "linkdump",
-  "version": "1.13.1",
+  "version": "1.14",
   "description": "Store links and dump them",
   "main": "background.js",
   "scripts": {
@@ -26,7 +26,7 @@
     "eslint-config-airbnb-base": "^12.1.0",
     "eslint-config-prettier": "^2.10.0",
     "eslint-plugin-compat": "^2.7.0",
-    "eslint-plugin-import": "^2.17.2",
-    "prettier": "^1.17.0"
+    "eslint-plugin-import": "^2.18.2",
+    "prettier": "^1.18.2"
   }
 }

package.json

@@ -16,6 +16,7 @@
             <li><a data-action="download" data-format="html" href="#">HTML</a></li>
             <li><a data-action="download" data-format="dokuwiki" href="#">Dokuwiki</a></li>
             <li><a data-action="download" data-format="phpbb" href="#">PhpBB</a></li>
+            <li><a data-action="download" data-format="json" href="#">JSON</a></li>
           </ul>
         </li>
         <li>
@@ -26,6 +27,7 @@
             <li><a data-action="copy" data-format="html" href="#">HTML</a></li>
             <li><a data-action="copy" data-format="dokuwiki" href="#">Dokuwiki</a></li>
             <li><a data-action="copy" data-format="phpbb" href="#">PhpBB</a></li>
+            <li><a data-action="copy" data-format="json" href="#">JSON</a></li>
           </ul>
         </li>
         <li><img data-action="clear" src="../icons/trash-48.png"/></li>