query history - prepare

packages/web/src/appobj/AppObjectList.svelte

@@ -9,7 +9,7 @@
   export let subItemsComponent = undefined;
   export let expandOnClick = false;
   export let isExpandable = undefined;
-  export let filter;
+  export let filter = undefined;
   export let expandIconFunc = undefined;
   export let checkedObjectsStore = null;
   export let disableContextMenu = false;
@@ -34,6 +34,7 @@
     : null;
 
   $: groups = groupFunc ? _.groupBy(listGrouped, 'group') : null;
+
 </script>
 
 {#if groupFunc}

packages/web/src/appobj/ArchiveFileAppObject.svelte

@@ -17,7 +17,7 @@
 </script>
 
 <script lang="ts">
-  import { filterName } from 'dbgate-datalib';
+  import { filterName } from 'dbgate-tools';
 
   import { currentArchive } from '../stores';
 

packages/web/src/appobj/ArchiveFolderAppObject.svelte

@@ -4,7 +4,7 @@
 </script>
 
 <script lang="ts">
-  import { filterName } from 'dbgate-datalib';
+  import { filterName } from 'dbgate-tools';
 
   import { currentArchive } from '../stores';
 

packages/web/src/appobj/ConnectionAppObject.svelte

@@ -8,7 +8,7 @@
   import AppObjectCore from './AppObjectCore.svelte';
   import { currentDatabase, extensions, getCurrentConfig, openedConnections } from '../stores';
   import axiosInstance from '../utility/axiosInstance';
-  import { filterName } from 'dbgate-datalib';
+  import { filterName } from 'dbgate-tools';
   import { showModal } from '../modals/modalTools';
   import ConnectionModal from '../modals/ConnectionModal.svelte';
   import ConfirmModal from '../modals/ConfirmModal.svelte';

packages/web/src/appobj/DatabaseObjectAppObject.svelte

@@ -318,7 +318,7 @@
   import AppObjectCore from './AppObjectCore.svelte';
   import { currentDatabase, extensions, openedConnections } from '../stores';
   import openNewTab from '../utility/openNewTab';
-  import { filterName } from 'dbgate-datalib';
+  import { filterName } from 'dbgate-tools';
   import { getConnectionInfo } from '../utility/metadataLoaders';
   import fullDisplayName from '../utility/fullDisplayName';
   import ImportExportModal from '../modals/ImportExportModal.svelte';

packages/web/src/appobj/MacroAppObject.svelte

@@ -4,7 +4,7 @@
 </script>
 
 <script lang="ts">
-  import { filterName } from 'dbgate-datalib';
+  import { filterName } from 'dbgate-tools';
   import { getContext } from 'svelte';
 
   import AppObjectCore from './AppObjectCore.svelte';

packages/web/src/commands/CommandPalette.svelte

@@ -15,7 +15,7 @@
 </script>
 
 <script>
-  import { filterName } from 'dbgate-datalib';
+  import { filterName } from 'dbgate-tools';
 
   import _ from 'lodash';
   import { onMount } from 'svelte';

packages/web/src/datagrid/ColumnManager.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { filterName, GridDisplay } from 'dbgate-datalib';
+  import { GridDisplay } from 'dbgate-datalib';
+  import { filterName } from 'dbgate-tools';
 
   import InlineButton from '../elements/InlineButton.svelte';
   import ManagerInnerContainer from '../elements/ManagerInnerContainer.svelte';
@@ -13,6 +14,7 @@
   export let isJsonView = false;
 
   let filter;
+
 </script>
 
 <SearchBoxWrapper>

packages/web/src/datagrid/ReferenceManager.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-  import { filterName, GridDisplay } from 'dbgate-datalib';
+  import { GridDisplay } from 'dbgate-datalib';
+  import { filterName } from 'dbgate-tools';
   import { createEventDispatcher } from 'svelte';
 
   import InlineButton from '../elements/InlineButton.svelte';
@@ -12,7 +13,7 @@
 
   export let managerSize;
   export let display: GridDisplay;
-  export let onReferenceClick = (ref) => {};
+  export let onReferenceClick = ref => {};
 
   const dispatch = createEventDispatcher();
 
@@ -20,6 +21,7 @@
 
   $: foreignKeys = display?.baseTable?.foreignKeys || [];
   $: dependencies = display?.baseTable?.dependencies || [];
+
 </script>
 
 <SearchBoxWrapper>
@@ -86,4 +88,5 @@
   .link:hover {
     text-decoration: underline;
   }
+
 </style>

packages/web/src/formview/FormView.svelte

@@ -156,7 +156,7 @@
 </script>
 
 <script lang="ts">
-  import { filterName } from 'dbgate-datalib';
+  import { filterName } from 'dbgate-tools';
 
   import _ from 'lodash';
 

packages/web/src/tabs/QueryTab.svelte

@@ -29,6 +29,7 @@
     findReplace: true,
     executeAdditionalCondition: () => getCurrentEditor()?.hasConnection(),
   });
+
 </script>
 
 <script lang="ts">
@@ -143,9 +144,18 @@
     }
     busy = true;
     timerLabel.start();
+    const sql = selectedText || $editorValue;
     await axiosInstance.post('sessions/execute-query', {
       sesid,
-      sql: selectedText || $editorValue,
+      sql,
+    });
+    await axiosInstance.post('query-history/write', {
+      data: {
+        sql,
+        conid,
+        database,
+        date: new Date().getTime(),
+      },
     });
   }
 
@@ -233,6 +243,7 @@
       { command: 'query.replace' },
     ];
   }
+
 </script>
 
 <VerticalSplitter isSplitter={visibleResultTabs}>

packages/web/src/widgets/FilesWidget.svelte

@@ -3,9 +3,30 @@
 
   import WidgetColumnBar from './WidgetColumnBar.svelte';
   import WidgetColumnBarItem from './WidgetColumnBarItem.svelte';
+
+  import AppObjectList from '../appobj/AppObjectList.svelte';
+  import * as closedTabAppObject from '../appobj/ClosedTabAppObject.svelte';
+  import * as favoriteFileAppObject from '../appobj/FavoriteFileAppObject.svelte';
+  import { openedTabs } from '../stores';
+
+  import hasPermission from '../utility/hasPermission';
+  import { useFavorites } from '../utility/metadataLoaders';
+
+  import WidgetsInnerContainer from './WidgetsInnerContainer.svelte';
+
+  $: favorites = useFavorites();
+
 </script>
 
 <WidgetColumnBar>
+  {#if hasPermission('files/favorites/read')}
+    <WidgetColumnBarItem title="Favorites" name="favorites" height="20%">
+      <WidgetsInnerContainer>
+        <AppObjectList list={$favorites || []} module={favoriteFileAppObject} />
+      </WidgetsInnerContainer>
+    </WidgetColumnBarItem>
+  {/if}
+
   <WidgetColumnBarItem title="Saved files" name="files">
     <SavedFilesList />
   </WidgetColumnBarItem>

packages/web/src/widgets/HistoryWidget.svelte

@@ -14,16 +14,10 @@
   import WidgetsInnerContainer from './WidgetsInnerContainer.svelte';
 
   $: favorites = useFavorites();
+
 </script>
 
 <WidgetColumnBar>
-  {#if hasPermission('files/favorites/read')}
-    <WidgetColumnBarItem title="Favorites" name="favorites" height="20%">
-      <WidgetsInnerContainer>
-        <AppObjectList list={$favorites || []} module={favoriteFileAppObject} />
-      </WidgetsInnerContainer>
-    </WidgetColumnBarItem>
-  {/if}
   <WidgetColumnBarItem title="Recently closed tabs" name="closedTabs">
     <WidgetsInnerContainer>
       <AppObjectList

packages/web/src/widgets/WidgetContainer.svelte

@@ -4,8 +4,9 @@
   import DatabaseWidget from './DatabaseWidget.svelte';
   import FilesWidget from './FilesWidget.svelte';
   import PluginsWidget from './PluginsWidget.svelte';
-  import FavoritesWidget from './FavoritesWidget.svelte';
-import CellDataWidget from './CellDataWidget.svelte';
+  import CellDataWidget from './CellDataWidget.svelte';
+  import HistoryWidget from './HistoryWidget.svelte';
+
 </script>
 
 {#if $selectedWidget == 'database'}
@@ -14,15 +15,15 @@ import CellDataWidget from './CellDataWidget.svelte';
 {#if $selectedWidget == 'file'}
   <FilesWidget />
 {/if}
+{#if $selectedWidget == 'history'}
+  <HistoryWidget />
+{/if}
 {#if $selectedWidget == 'archive'}
   <ArchiveWidget />
 {/if}
 {#if $selectedWidget == 'plugins'}
   <PluginsWidget />
 {/if}
-{#if $selectedWidget == 'favorites'}
-  <FavoritesWidget />
-{/if}
 {#if $selectedWidget == 'cell-data'}
   <CellDataWidget />
 {/if}

packages/web/src/widgets/WidgetIconPanel.svelte

@@ -18,7 +18,12 @@
     {
       icon: 'icon file',
       name: 'file',
-      title: 'Closed tabs & Saved SQL files',
+      title: 'Favorites & Saved files',
+    },
+    {
+      icon: 'icon history',
+      name: 'history',
+      title: 'Query history & Closed tabs',
     },
     {
       icon: 'icon archive',
@@ -30,11 +35,6 @@
       name: 'plugins',
       title: 'Extensions & Plugins',
     },
-    {
-      icon: 'icon favorite',
-      name: 'favorites',
-      title: 'Favorites',
-    },
     {
       icon: 'icon cell-data',
       name: 'cell-data',