Merge pull request #344 from cidgoh/save-as-json

Added save as JSON option
cidgoh · Aug 3, 2022 · d881095 · d881095
2 parents 73668dd + 508a512
commit d881095
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 3 deletions.
diff --git a/lib/Toolbar.js b/lib/Toolbar.js
@@ -5,7 +5,7 @@ import 'bootstrap/js/dist/modal';
 import '@selectize/selectize';
 import '@selectize/selectize/dist/css/selectize.bootstrap4.css';
 
-import { exportFile } from './utils/files';
+import { exportFile, exportJsonFile } from './utils/files';
 
 import template from './toolbar.html';
 import { getGettingStartedMarkup } from './toolbarGettingStarted';
@@ -106,8 +106,13 @@ class Toolbar {
       try {
         const baseName = $('#base-name-save-as-input').val();
         const ext = $('#file-ext-save-as-select').val();
-        const matrix = [...dh.getFlatHeaders(), ...dh.getTrimmedData()];
-        dh.runBehindLoadingScreen(exportFile, [matrix, baseName, ext]);
+        if (ext == 'json') {
+          let data = dh.getDataObjects();
+          dh.runBehindLoadingScreen(exportJsonFile, [data, baseName, ext]);
+        } else {
+          let matrix = [...dh.getFlatHeaders(), ...dh.getTrimmedData()];
+          dh.runBehindLoadingScreen(exportFile, [matrix, baseName, ext]);
+        }
         $('#save-as-modal').modal('hide');
       } catch (err) {
         $('#save-as-err-msg').text(err.message);

diff --git a/lib/toolbar.html b/lib/toolbar.html
@@ -340,6 +340,7 @@
                       <option value="xls">.xls</option>
                       <option value="tsv">.tsv</option>
                       <option value="csv">.csv</option>
+                      <option value="json">.json</option>
                     </select>
                   </div>
                 </div>

diff --git a/lib/utils/files.js b/lib/utils/files.js
@@ -103,3 +103,14 @@ export function exportFile(matrix, baseName, ext) {
       break;
   }
 }
+
+/**
+ * Download Object to file as JSON.
+ * @param {Object} data Object to download as JSON.
+ * @param {String} baseName Basename of downloaded file.
+ * @param {String} ext Extension of downloaded file.
+ */
+export function exportJsonFile(data, baseName) {
+  let blob = new Blob([JSON.stringify(data)], { type: 'application/json' });
+  saveAs(blob, `${baseName}.json`);
+}