data archive refresh works

packages/datalib/src/JslGridDisplay.ts

@@ -13,11 +13,13 @@ export class JslGridDisplay extends GridDisplay {
     cache: GridCache,
     setCache: ChangeCacheFunc,
     rows: any,
-    isDynamicStructure: boolean
+    isDynamicStructure: boolean,
+    supportsReload: boolean
   ) {
     super(config, setConfig, cache, setCache, null);
 
     this.filterable = true;
+    this.supportsReload = supportsReload;
     this.isDynamicStructure = isDynamicStructure;
     if (isDynamicStructure) this.filterTypeOverride = 'string';
 

packages/web/src/datagrid/JslDataGrid.svelte

@@ -7,6 +7,7 @@
   import JslDataGridCore from './JslDataGridCore.svelte';
 
   export let jslid;
+  export let supportsReload;
 
   let loadedRows;
 
@@ -16,7 +17,17 @@
   const config = writable(createGridConfig());
   const cache = writable(createGridCache());
 
-  $: display = new JslGridDisplay(jslid, $info, $config, config.update, $cache, cache.update, loadedRows, $info?.__isDynamicStructure);
+  $: display = new JslGridDisplay(
+    jslid,
+    $info,
+    $config,
+    config.update,
+    $cache,
+    cache.update,
+    loadedRows,
+    $info?.__isDynamicStructure,
+    supportsReload
+  );
 </script>
 
 {#key jslid}

packages/web/src/datagrid/JslDataGridCore.svelte

@@ -5,6 +5,7 @@
     id: 'jslTableGrid.export',
     category: 'Data grid',
     name: 'Export',
+    icon: 'icon export',
     keyText: 'Ctrl+E',
     testEnabled: () => getCurrentEditor() != null,
     onClick: () => getCurrentEditor().exportGrid(),

packages/web/src/freetable/FreeTableGridCore.svelte

@@ -4,6 +4,7 @@
   registerCommand({
     id: 'freeTableGrid.export',
     category: 'Data grid',
+    icon: 'icon export',
     name: 'Export',
     keyText: 'Ctrl+E',
     testEnabled: () => getCurrentEditor() != null,

packages/web/src/tabs/ArchiveFileTab.svelte

@@ -3,11 +3,24 @@
 </script>
 
 <script lang="ts">
+  import ToolStripCommandButton from '../buttons/ToolStripCommandButton.svelte';
+
+  import ToolStripContainer from '../buttons/ToolStripContainer.svelte';
+  import ToolStripExportButton, { createQuickExportHandlerRef } from '../buttons/ToolStripExportButton.svelte';
+
   import JslDataGrid from '../datagrid/JslDataGrid.svelte';
 
   export let archiveFolder = undefined;
   export let archiveFile = undefined;
   export let jslid = undefined;
+
+  const quickExportHandlerRef = createQuickExportHandlerRef();
 </script>
 
-<JslDataGrid jslid={jslid || `archive://${archiveFolder}/${archiveFile}`} />
+<ToolStripContainer>
+  <JslDataGrid jslid={jslid || `archive://${archiveFolder}/${archiveFile}`} supportsReload />
+  <svelte:fragment slot="toolstrip">
+    <ToolStripCommandButton command="dataGrid.refresh" />
+    <ToolStripExportButton command="jslTableGrid.export" {quickExportHandlerRef} />
+  </svelte:fragment>
+</ToolStripContainer>