initialize Save dropdown in table views via new addSaveOptions() setup call (#88)

to populate save data options based on table view implementation and capabilities

Author: RandomFractals

src/views/tableView.ts

@@ -689,10 +689,6 @@ export class TableView {
               <select id="save-file-type-selector" title="Save Data">
                 <option value="">📥&nbsp;Save</option>
                 <option value="csv">,,, csv</option>
-                <option value="ssv">;;; csv</option>
-                <option value="tsv">⇥ tsv</option>
-                <option value="json">{} &nbsp;json</option>
-                <option value="html">&lt;/&gt; &nbsp;html</option>
               </select>
               <vscode-button id="view-table-config-button"
                 appearance="icon" aria-label="View Table Config">

web/scripts/perspective.js

@@ -33,6 +33,19 @@ document.addEventListener('DOMContentLoaded', async function () {
 	viewer.addEventListener('perspective-config-update', onConfigUpdate);
 });
 
+/**
+ * Adds supported data format save options
+ * to the tabular data view toolbar Save dropdown.
+ * 
+ * @param {*} saveFileTypeSelector Save dropdown UI component.
+ */
+function addSaveOptions(saveFileTypeSelector) {
+	// add save JSON and arrow data options
+	saveFileTypeSelector.innerHTML += `
+    <option value="json">{} &nbsp;json</option>
+    <option value="arrow">⋙ arrow</option>`;
+}
+
 /**
  * Perspective view config update handler.
  */

web/scripts/tableView.js

@@ -74,6 +74,7 @@ function initializeView() {
   // save file selector
   saveFileTypeSelector = document.getElementById('save-file-type-selector');
   saveFileTypeSelector.onchange = saveData;
+  addSaveOptions(saveFileTypeSelector);
 
   // restore previous table view state
   viewState = vscode.getState();

web/scripts/tabulator.js

@@ -67,6 +67,21 @@ window.addEventListener('resize', function () {
 	}
 });
 
+/**
+ * Adds supported data format save options
+ * to the tabular data view toolbar Save dropdown.
+ * 
+ * @param {*} saveFileTypeSelector Save dropdown UI component.
+ */
+function addSaveOptions(saveFileTypeSelector) {
+	// add save semicolon delimited, tsv, json, and html table options
+	saveFileTypeSelector.innerHTML += `
+    <option value="ssv">;;; csv</option>
+    <option value="tsv">⇥ tsv</option>
+    <option value="json">{} &nbsp;json</option>
+    <option value="html">&lt;/&gt; &nbsp;html</option>`;
+}
+
 /**
  * Creates new Tabulator table with initial set of data to display.
  * 

web/styles/table-view.css

@@ -31,7 +31,7 @@ body {
   position: absolute;
   top: 5px;
   right: 0px;
-  width: 260px;
+  width: 264px;
   height: 32px;
   padding-left: 5px;
   background-color: var(--vscode-editor-background);