archive - handle model sql files

packages/api/src/controllers/archive.js

@@ -38,12 +38,25 @@ module.exports = {
     const dir = path.join(archivedir(), folder);
     if (!(await fs.exists(dir))) return [];
     const files = await fs.readdir(dir);
+
+    function fileType(ext, type) {
       return files
-      .filter(name => name.endsWith('.jsonl'))
+        .filter(name => name.endsWith(ext))
         .map(name => ({
-        name: name.slice(0, -'.jsonl'.length),
+          name: name.slice(0, -ext.length),
-        type: 'jsonl',
+          type,
         }));
+    }
+
+    return [
+      ...fileType('.jsonl', 'jsonl'),
+      ...fileType('.table.yaml', 'table.yaml'),
+      ...fileType('.view.sql', 'view.sql'),
+      ...fileType('.proc.sql', 'proc.sql'),
+      ...fileType('.func.sql', 'func.sql'),
+      ...fileType('.trigger.sql', 'trigger.sql'),
+      ...fileType('.matview.sql', 'matview.sql'),
+    ];
   },
 
   refreshFiles_meta: 'post',

packages/api/src/controllers/files.js

@@ -1,6 +1,6 @@
 const fs = require('fs-extra');
 const path = require('path');
-const { filesdir } = require('../utility/directories');
+const { filesdir, archivedir } = require('../utility/directories');
 const hasPermission = require('../utility/hasPermission');
 const socket = require('../utility/socket');
 const scheduler = require('./scheduler');
@@ -58,13 +58,25 @@ module.exports = {
 
   load_meta: 'post',
   async load({ folder, file, format }) {
+    if (folder.startsWith('archive:')) {
+      const text = await fs.readFile(path.join(archivedir(), folder.substring('archive:'.length), file), {
+        encoding: 'utf-8',
+      });
+      return deserialize(format, text);
+    } else {
       if (!hasPermission(`files/${folder}/read`)) return null;
       const text = await fs.readFile(path.join(filesdir(), folder, file), { encoding: 'utf-8' });
       return deserialize(format, text);
+    }
   },
 
   save_meta: 'post',
   async save({ folder, file, data, format }) {
+    if (folder.startsWith('archive:')) {
+      const dir = path.join(archivedir(), folder.substring('archive:'.length));
+      await fs.writeFile(path.join(dir, file), serialize(format, data));
+      socket.emitChanged(`archive-files-changed-${folder.substring('archive:'.length)}`);
+    } else {
       if (!hasPermission(`files/${folder}/write`)) return;
       const dir = path.join(filesdir(), folder);
       if (!(await fs.exists(dir))) {
@@ -76,6 +88,7 @@ module.exports = {
       if (folder == 'shell') {
         scheduler.reload();
       }
+    }
   },
 
   saveAs_meta: 'post',

packages/web/src/appobj/ArchiveFileAppObject.svelte

@@ -12,23 +12,66 @@
     });
   }
 
+  async function openSqlFile(fileName, fileType, folderName) {
+    const connProps: any = {};
+    let tooltip = undefined;
+
+    const connection = _.get(getCurrentDatabase(), 'connection') || {};
+    const database = _.get(getCurrentDatabase(), 'name');
+    connProps.conid = connection._id;
+    connProps.database = database;
+    tooltip = `${getConnectionLabel(connection)}\n${database}`;
+    const resp = await axiosInstance.post('files/load', {
+      folder: 'archive:' + folderName,
+      file: fileName + '.' + fileType,
+      format: 'text',
+    });
+
+    openNewTab(
+      {
+        title: fileName,
+        icon: 'img sql-file',
+        tabComponent: 'QueryTab',
+        tooltip,
+        props: {
+          savedFile: fileName + '.' + fileType,
+          savedFolder: 'archive:' + folderName,
+          savedFormat: 'text',
+          ...connProps,
+        },
+      },
+      { editor: resp.data }
+    );
+  }
+
   export const extractKey = data => data.fileName;
   export const createMatcher = ({ fileName }) => filter => filterName(filter, fileName);
-
+  const ARCHIVE_ICONS = {
+    jsonl: 'img archive',
+    'table.yaml': 'img table',
+    'view.sql': 'img view',
+    'proce.sql': 'img procedure',
+    'func.sql': 'img function',
+    'trigger.sql': 'img sql-file',
+    'matview.sql': 'img view',
+  };
 </script>
 
 <script lang="ts">
+  import _ from 'lodash';
   import { filterName } from 'dbgate-tools';
   import ImportExportModal from '../modals/ImportExportModal.svelte';
   import { showModal } from '../modals/modalTools';
 
-  import { currentArchive, extensions } from '../stores';
+  import { currentArchive, extensions, getCurrentDatabase } from '../stores';
 
   import axiosInstance from '../utility/axiosInstance';
   import createQuickExportMenu from '../utility/createQuickExportMenu';
   import { exportElectronFile } from '../utility/exportElectronFile';
+  import { openSqliteFile } from '../utility/openElectronFile';
   import openNewTab from '../utility/openNewTab';
   import AppObjectCore from './AppObjectCore.svelte';
+  import getConnectionLabel from '../utility/getConnectionLabel';
 
   export let data;
 
@@ -57,14 +100,19 @@
     });
   };
   const handleClick = () => {
-    openArchive(data.fileName, data.folderName);
+    if (data.fileType == 'jsonl') openArchive(data.fileName, data.folderName);
+    if (data.fileType.endsWith('.sql')) openSqlFile(data.fileName, data.fileType, data.folderName);
+  };
+  const handleOpenSqlFile = () => {
+    openSqlFile(data.fileName, data.fileType, data.folderName);
   };
 
   function createMenu() {
     return [
-      { text: 'Open (readonly)', onClick: handleOpenRead },
+      data.fileType == 'jsonl' && { text: 'Open (readonly)', onClick: handleOpenRead },
-      { text: 'Open in free table editor', onClick: handleOpenWrite },
+      data.fileType == 'jsonl' && { text: 'Open in free table editor', onClick: handleOpenWrite },
       { text: 'Delete', onClick: handleDelete },
+      data.fileType == 'jsonl' &&
         createQuickExportMenu($extensions, fmt => async () => {
           exportElectronFile(
             data.fileName,
@@ -78,7 +126,7 @@
             fmt
           );
         }),
-      {
+      data.fileType == 'jsonl' && {
         text: 'Export',
         onClick: () => {
           showModal(ImportExportModal, {
@@ -90,16 +138,16 @@
           });
         },
       },
+      data.fileType.endsWith('.sql') && { text: 'Open SQL', onClick: handleOpenSqlFile },
     ];
   }
-
 </script>
 
 <AppObjectCore
   {...$$restProps}
   {data}
   title={data.fileName}
-  icon="img archive"
+  icon={ARCHIVE_ICONS[data.fileType]}
   menu={createMenu}
   on:click={handleClick}
 />

packages/web/src/utility/saveTabFile.ts

@@ -14,11 +14,11 @@ export default function saveTabFile(editor, saveAs, folder, format, fileExtensio
   const tabs = get(openedTabs);
   const tabid = editor.activator.tabid;
   const data = editor.getData();
-  const { savedFile, savedFilePath } = tabs.find(x => x.tabid == tabid).props || {};
+  const { savedFile, savedFilePath, savedFolder } = tabs.find(x => x.tabid == tabid).props || {};
 
   const handleSave = async () => {
     if (savedFile) {
-      await axiosInstance.post('files/save', { folder, file: savedFile, data, format });
+      await axiosInstance.post('files/save', { folder: savedFolder || folder, file: savedFile, data, format });
     }
     if (savedFilePath) {
       await axiosInstance.post('files/save-as', { filePath: savedFilePath, data, format });

packages/web/src/widgets/ArchiveFilesList.svelte

@@ -1,3 +1,15 @@
+<script lang="ts" context="module">
+  const ARCHIVE_LABELS = {
+    jsonl: 'JSON table data',
+    'table.yaml': 'Tables',
+    'view.sql': 'Views',
+    'proce.sql': 'Procedures',
+    'func.sql': 'Functions',
+    'trigger.sql': 'Triggers',
+    'matview.sql': 'Materialized views',
+  };
+</script>
+
 <script lang="ts">
   import _ from 'lodash';
 
@@ -32,7 +44,9 @@
     list={($files || []).map(file => ({
       fileName: file.name,
       folderName: folder,
+      fileType: file.type,
     }))}
+    groupFunc={data => ARCHIVE_LABELS[data.fileType] || 'Archive'}
     module={archiveFileAppObject}
     {filter}
   />