export sql dump - can export to files

packages/web/src/modals/ExportDatabaseDumpModal.svelte

@@ -0,0 +1,108 @@
+<script lang="ts">
+  import { onMount, tick } from 'svelte';
+  import { format } from 'date-fns';
+
+  import FormStyledButton from '../buttons/FormStyledButton.svelte';
+  import UploadButton from '../buttons/UploadButton.svelte';
+
+  import FormProvider from '../forms/FormProvider.svelte';
+  import FormSubmit from '../forms/FormSubmit.svelte';
+  import { exportSqlDump, importSqlDump } from '../utility/exportFileTools';
+  import getElectron from '../utility/getElectron';
+  import { setUploadListener } from '../utility/uploadFiles';
+  import ChangeDownloadUrlModal from './ChangeDownloadUrlModal.svelte';
+  import ModalBase from './ModalBase.svelte';
+  import { closeCurrentModal, showModal } from './modalTools';
+  import InputTextModal from './InputTextModal.svelte';
+  import { apiCall } from '../utility/api';
+
+  export let connection;
+
+  let outputLabel;
+  let outputFile;
+  let pureFileName = null;
+
+  function getDefaultFileName() {
+    return `${connection.database}-${format(new Date(), 'yyyy-MM-dd-hh-mm-ss')}.sql`;
+  }
+
+  onMount(async () => {
+    const file = getDefaultFileName();
+    setFilesFolderResult(file);
+  });
+
+  const setFilesFolderResult = async file => {
+    const resp = await apiCall('files/get-file-real-path', { folder: 'sql', file });
+    if (!resp) return;
+    outputLabel = `SQL Files folder: ${file}`;
+    outputFile = resp;
+    pureFileName = null;
+  };
+
+  const handleSubmit = async values => {
+    const { value } = values;
+    closeCurrentModal();
+    exportSqlDump(outputFile, connection, connection.database, pureFileName);
+  };
+
+  const electron = getElectron();
+
+  const handleFilesFolder = () => {
+    showModal(InputTextModal, {
+      value: getDefaultFileName(),
+      label: 'New file name',
+      header: 'Backup/dump database',
+
+      onConfirm: async file => {
+        await tick();
+        setFilesFolderResult(file);
+      },
+    });
+  };
+
+  const handleBrowse = async () => {
+    const electron = getElectron();
+    const files = await electron.showSaveDialog({
+      properties: ['showOverwriteConfirmation'],
+      filters: [
+        { name: 'SQL Files', extensions: ['*.sql'] },
+        { name: 'All Files', extensions: ['*'] },
+      ],
+    });
+    if (files && files[0]) {
+      const path = window.require('path');
+      outputFile = files[0];
+      outputLabel = path.parse(outputFile).name;
+      pureFileName = null;
+    }
+  };
+
+  const handleDownload = async () => {
+    const resp = await apiCall('files/generate-uploads-file', { extension: 'sql' });
+    outputFile = resp.filePath;
+    outputLabel = 'Download';
+    pureFileName = resp.fileName;
+  };
+</script>
+
+<FormProvider>
+  <ModalBase {...$$restProps}>
+    <svelte:fragment slot="header">Export database dump</svelte:fragment>
+
+    <div class="m-3">Target: {outputLabel}</div>
+
+    <div class="flex">
+      {#if electron}
+        <FormStyledButton type="button" value="Browse" on:click={handleBrowse} />
+      {:else}
+        <FormStyledButton type="button" value="Download" on:click={handleDownload} />
+      {/if}
+      <FormStyledButton type="button" value="Files folder" on:click={handleFilesFolder} />
+    </div>
+
+    <svelte:fragment slot="footer">
+      <FormSubmit value="Run export" on:click={e => handleSubmit(e.detail)} disabled={!outputFile} />
+      <FormStyledButton type="button" value="Cancel" on:click={closeCurrentModal} />
+    </svelte:fragment>
+  </ModalBase>
+</FormProvider>

packages/web/src/modals/ImportDatabaseDumpModal.svelte

@@ -79,7 +79,7 @@
         <UploadButton />
       {/if}
 
-      <FormStyledButton value="Add web URL" on:click={handleAddUrl} />
+      <FormStyledButton value="Import from web URL" on:click={handleAddUrl} />
     </div>
 
     <svelte:fragment slot="footer">

packages/web/src/modals/RunScriptModal.svelte

@@ -12,7 +12,10 @@
   export let script;
   export let header;
 
-  let isRunning;
+  export let openResultLabel;
+  export let onOpenResult;
+
+  let isRunning = true;
   let runid;
   let isCanceled;
 
@@ -68,6 +71,16 @@
       {:else}
         <FormStyledButton value="Close" on:click={handleClose} />
       {/if}
+
+      {#if onOpenResult && !isRunning}
+        <FormStyledButton
+          value={openResultLabel || 'Open result'}
+          on:click={() => {
+            closeCurrentModal();
+            onOpenResult();
+          }}
+        />
+      {/if}
     </svelte:fragment>
   </ModalBase>
 </FormProvider>