apps improvements

packages/web/src/tabs/JsonEditorTab.svelte

@@ -22,6 +22,8 @@
   import useEditorData from '../query/useEditorData';
   import invalidateCommands from '../commands/invalidateCommands';
   import createActivator, { getActiveComponent } from '../utility/createActivator';
+  import ToolStripContainer from '../buttons/ToolStripContainer.svelte';
+  import ToolStripSaveButton from '../buttons/ToolStripSaveButton.svelte';
 
   export let tabid;
 
@@ -70,14 +72,20 @@
   }
 </script>
 
-<AceEditor
-  value={$editorState.value || ''}
-  menu={createMenu()}
-  on:input={e => setEditorData(e.detail)}
-  on:focus={() => {
-    activator.activate();
-    invalidateCommands();
-  }}
-  bind:this={domEditor}
-  mode="json"
-/>
+<ToolStripContainer>
+  <AceEditor
+    value={$editorState.value || ''}
+    menu={createMenu()}
+    on:input={e => setEditorData(e.detail)}
+    on:focus={() => {
+      activator.activate();
+      invalidateCommands();
+    }}
+    bind:this={domEditor}
+    mode="json"
+  />
+
+  <svelte:fragment slot="toolstrip">
+    <ToolStripSaveButton idPrefix="json" />
+  </svelte:fragment>
+</ToolStripContainer>

packages/web/src/widgets/AppFilesList.svelte

@@ -37,6 +37,7 @@
   import { useAppFiles, useArchiveFolders } from '../utility/metadataLoaders';
   import openNewTab from '../utility/openNewTab';
   import WidgetsInnerContainer from './WidgetsInnerContainer.svelte';
+  import { showSnackbarError } from '../utility/snackbar';
 
   let filter = '';
 
@@ -66,12 +67,27 @@
     });
   }
 
+  async function handleNewConfigFile(fileName, content) {
+    if (!(await apiCall('apps/create-config-file', { fileName, content, appFolder: $currentApplication }))) {
+      showSnackbarError('File not created, probably already exists');
+    }
+  }
+
   function createAddMenu() {
     return [
       {
         text: 'New SQL command',
         onClick: () => handleNewSqlFile('command.sql', 'Create new SQL command', COMMAND_TEMPLATE),
       },
+      {
+        text: 'New virtual references file',
+        onClick: () => handleNewConfigFile('virtual-references.config.json', []),
+      },
+      {
+        text: 'New disctionary descriptions file',
+        onClick: () => handleNewConfigFile('dictionary-descriptions.config.json', []),
+      },
+
       // { text: 'New query view', onClick: () => handleNewSqlFile('query.sql', 'Create new SQL query', QUERY_TEMPLATE) },
     ];
   }