From 97d259cd1e34da05313da4baab486eb04838662f Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Thu, 2 Jun 2022 16:09:20 +0200
Subject: [PATCH] app object menu from tab

---
 .../src/appobj/DatabaseObjectAppObject.svelte    | 16 +++++++++++++---
 packages/web/src/appobj/index.js                 |  5 +++++
 packages/web/src/widgets/TabsPanel.svelte        | 13 ++++++++++++-
 3 files changed, 30 insertions(+), 4 deletions(-)
 create mode 100644 packages/web/src/appobj/index.js

diff --git a/packages/web/src/appobj/DatabaseObjectAppObject.svelte b/packages/web/src/appobj/DatabaseObjectAppObject.svelte
index 0fbeb6ed7..5ca3995b7 100644
--- a/packages/web/src/appobj/DatabaseObjectAppObject.svelte
+++ b/packages/web/src/appobj/DatabaseObjectAppObject.svelte
@@ -1,6 +1,7 @@
 <script lang="ts" context="module">
   export const extractKey = ({ schemaName, pureName }) => (schemaName ? `${schemaName}.${pureName}` : pureName);
   export const createMatcher = ({ schemaName, pureName }) => filter => filterName(filter, pureName, schemaName);
+  export const createTitle = ({ pureName }) => pureName;
   const electron = getElectron();
 
   export const databaseObjectIcons = {
@@ -345,7 +346,8 @@
     { schemaName, pureName, conid, database, objectTypeField },
     forceNewTab?,
     initialData?,
-    icon?
+    icon?,
+    appObjectData?
   ) {
     const connection = await getConnectionInfo({ conid });
     const tooltip = `${getConnectionLabel(connection)}\n${database}\n${fullDisplayName({
@@ -359,6 +361,8 @@
         tooltip,
         icon: icon || (scriptTemplate ? 'img sql-file' : databaseObjectIcons[objectTypeField]),
         tabComponent: scriptTemplate ? 'QueryTab' : tabComponent,
+        appObject: 'DatabaseObjectAppObject',
+        appObjectData,
         props: {
           schemaName,
           pureName,
@@ -388,7 +392,8 @@
       },
       forceNewTab,
       null,
-      null
+      null,
+      data
     );
   }
 
@@ -637,7 +642,8 @@
                 data,
                 menu.forceNewTab,
                 menu.initialData,
-                menu.icon
+                menu.icon,
+                data
               );
             }
           },
@@ -650,6 +656,10 @@
     if (_.isNaN(num)) return value;
     return num.toLocaleString();
   }
+
+  export function createAppObjectMenu(data) {
+    return createDatabaseObjectMenu(data);
+  }
 </script>
 
 <script lang="ts">
diff --git a/packages/web/src/appobj/index.js b/packages/web/src/appobj/index.js
new file mode 100644
index 000000000..0567d070a
--- /dev/null
+++ b/packages/web/src/appobj/index.js
@@ -0,0 +1,5 @@
+import * as DatabaseObjectAppObject from './DatabaseObjectAppObject.svelte';
+
+export default {
+  DatabaseObjectAppObject,
+};
diff --git a/packages/web/src/widgets/TabsPanel.svelte b/packages/web/src/widgets/TabsPanel.svelte
index dd3f39ff5..7244a70c9 100644
--- a/packages/web/src/widgets/TabsPanel.svelte
+++ b/packages/web/src/widgets/TabsPanel.svelte
@@ -193,6 +193,7 @@
   import FavoriteModal from '../modals/FavoriteModal.svelte';
   import { showModal } from '../modals/modalTools';
   import newQuery from '../query/newQuery';
+  import appObjectTypes from '../appobj';
 
   import {
     currentDatabase,
@@ -258,7 +259,9 @@
   };
 
   const getContextMenu = tab => () => {
-    const { tabid, props, tabComponent } = tab;
+    const { tabid, props, tabComponent, appObject, appObjectData } = tab;
+
+    const appobj = appObject ? appObjectTypes[appObject] : null;
 
     return [
       {
@@ -287,6 +290,14 @@
             onClick: () => showModal(FavoriteModal, { savingTab: tab }),
           },
         ],
+      { divider: true },
+      appobj &&
+        appobj.createAppObjectMenu &&
+        appobj.createTitle &&
+        appObjectData && {
+          text: appobj.createTitle(appObjectData),
+          submenu: appobj.createAppObjectMenu(appObjectData),
+        },
     ];
   };