Add copy/paste to query tab and database list

packages/web/src/appobj/DatabaseAppObject.svelte

@@ -1,4 +1,6 @@
 <script lang="ts" context="module">
+  import {copyTextToClipboard} from "../utility/clipboard";
+
   export const extractKey = props => props.name;
 
   export function disconnectDatabaseConnection(conid, database, showConfirmation = true) {
@@ -169,6 +171,10 @@
       );
     };
 
+    const handleCopyName = async () => {
+      copyTextToClipboard(name);
+    }
+
     const handleDisconnect = () => {
       disconnectDatabaseConnection(connection._id, name);
     };
@@ -295,6 +301,7 @@
         !connection.isReadOnly &&
         !connection.singleDatabase && { onClick: handleDropDatabase, text: 'Drop database' },
       { divider: true },
+      driver?.databaseEngineTypes?.includes('sql') && { onClick: handleCopyName, text: 'Copy database name' },
       driver?.databaseEngineTypes?.includes('sql') && { onClick: handleShowDiagram, text: 'Show diagram' },
       driver?.databaseEngineTypes?.includes('sql') && { onClick: handleSqlGenerator, text: 'SQL Generator' },
       driver?.supportsDatabaseProfiler && { onClick: handleDatabaseProfiler, text: 'Database profiler' },

packages/web/src/commands/stdCommands.ts

@@ -575,6 +575,7 @@ export function registerFileCommands({
   findReplace = false,
   undoRedo = false,
   executeAdditionalCondition = null,
+  copyPaste = false,
 }) {
   if (save) {
     registerCommand({
@@ -645,6 +646,25 @@ export function registerFileCommands({
     });
   }
 
+  if(copyPaste) {
+    registerCommand({
+      id: idPrefix + '.copy',
+      category,
+      name: 'Copy',
+      keyText: 'CtrlOrCommand+C',
+      testEnabled: () => getCurrentEditor() != null,
+      onClick: () => getCurrentEditor().copy(),
+    });
+    registerCommand({
+      id: idPrefix + '.paste',
+      category,
+      name: 'Paste',
+      keyText: 'CtrlOrCommand+V',
+      testEnabled: () => getCurrentEditor() != null,
+      onClick: () => getCurrentEditor().paste(),
+    })
+  }
+
   if (findReplace) {
     registerCommand({
       id: idPrefix + '.find',

packages/web/src/tabs/QueryTab.svelte

@@ -1,4 +1,7 @@
 <script lang="ts" context="module">
+  import registerCommand from "../commands/registerCommand";
+  import {copyTextToClipboard} from "../utility/clipboard";
+
   const getCurrentEditor = () => getActiveComponent('QueryTab');
 
   registerCommand({
@@ -37,6 +40,7 @@
     toggleComment: true,
     findReplace: true,
     executeAdditionalCondition: () => getCurrentEditor()?.hasConnection(),
+    copyPaste: true
   });
   registerCommand({
     id: 'query.executeCurrent',
@@ -53,8 +57,6 @@
   import { getContext, onDestroy, onMount } from 'svelte';
   import sqlFormatter from 'sql-formatter';
 
-  import registerCommand from '../commands/registerCommand';
-
   import VerticalSplitter from '../elements/VerticalSplitter.svelte';
   import SqlEditor from '../query/SqlEditor.svelte';
   import useEditorData from '../query/useEditorData';
@@ -81,6 +83,7 @@
   import ToolStripExportButton, { createQuickExportHandlerRef } from '../buttons/ToolStripExportButton.svelte';
   import ToolStripSaveButton from '../buttons/ToolStripSaveButton.svelte';
   import ToolStripCommandSplitButton from '../buttons/ToolStripCommandSplitButton.svelte';
+  import {getClipboardText} from "../utility/clipboard";
 
   export let tabid;
   export let conid;
@@ -241,6 +244,17 @@
     domEditor.getEditor().execCommand('togglecomment');
   }
 
+  export function copy() {
+    const selectedText = domEditor.getEditor().getSelectedText();
+    copyTextToClipboard(selectedText);
+  }
+
+  export function paste() {
+    getClipboardText().then((text) => {
+      domEditor.getEditor().execCommand('paste', text);
+    });
+  }
+
   export function find() {
     domEditor.getEditor().execCommand('find');
   }
@@ -311,6 +325,8 @@
       { command: 'query.save' },
       { command: 'query.saveAs' },
       { divider: true },
+      { command: 'query.copy' },
+      { command: 'query.paste' },
       { command: 'query.find' },
       { command: 'query.replace' },
       { divider: true },

packages/web/src/utility/clipboard.ts

@@ -66,6 +66,11 @@ export function copyTextToClipboard(text) {
   }
 }
 
+/* Currently this doesn't work in firefox stable, but works in nightly */
+export async function getClipboardText() {
+  return await navigator.clipboard.readText();
+}
+
 export function extractRowCopiedValue(row, col) {
   let value = row[col];
   if (value === undefined) value = _.get(row, col);