create collection - generic operation

packages/web/src/appobj/DatabaseAppObject.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" context="module">
-  import {copyTextToClipboard} from "../utility/clipboard";
+  import { copyTextToClipboard } from '../utility/clipboard';
 
   export const extractKey = props => props.name;
 
@@ -93,10 +93,18 @@
     const handleNewCollection = () => {
       showModal(InputTextModal, {
         value: '',
-        label: 'New collection name',
-        header: 'Create collection',
+        label: 'New collection/container name',
+        header: 'Create collection/container',
         onConfirm: async newCollection => {
-          saveScriptToDatabase({ conid: connection._id, database: name }, `db.createCollection('${newCollection}')`);
+          runOperationOnDatabase(
+            { conid: connection._id, database: name },
+            {
+              type: 'createCollection',
+              collection: newCollection,
+            }
+          );
+
+          // saveScriptToDatabase({ conid: connection._id, database: name }, `db.createCollection('${newCollection}')`);
         },
       });
     };
@@ -173,7 +181,7 @@
 
     const handleCopyName = async () => {
       copyTextToClipboard(name);
-    }
+    };
 
     const handleDisconnect = () => {
       disconnectDatabaseConnection(connection._id, name);
@@ -286,7 +294,7 @@
     return [
       { onClick: handleNewQuery, text: 'New query', isNewQuery: true },
       driver?.databaseEngineTypes?.includes('sql') && { onClick: handleNewTable, text: 'New table' },
-      driver?.databaseEngineTypes?.includes('document') && { onClick: handleNewCollection, text: 'New collection' },
+      driver?.databaseEngineTypes?.includes('document') && { onClick: handleNewCollection, text: 'New collection/container' },
       driver?.databaseEngineTypes?.includes('sql') && { onClick: handleQueryDesigner, text: 'Design query' },
       driver?.databaseEngineTypes?.includes('sql') && {
         onClick: handleNewPerspective,
@@ -370,7 +378,7 @@
   import { openJsonDocument } from '../tabs/JsonTab.svelte';
   import { apiCall } from '../utility/api';
   import ErrorMessageModal from '../modals/ErrorMessageModal.svelte';
-  import ConfirmSqlModal, { saveScriptToDatabase } from '../modals/ConfirmSqlModal.svelte';
+  import ConfirmSqlModal, { runOperationOnDatabase, saveScriptToDatabase } from '../modals/ConfirmSqlModal.svelte';
   import { filterAppsForDatabase } from '../utility/appTools';
   import newQuery from '../query/newQuery';
   import { exportSqlDump } from '../utility/exportFileTools';

packages/web/src/appobj/DatabaseObjectAppObject.svelte

@@ -522,8 +522,8 @@
       copyTextToClipboard(data.pureName);
     } else if (menu.isRenameCollection) {
       showModal(InputTextModal, {
-        label: 'New collection name',
-        header: 'Rename collection',
+        label: 'New collection/container name',
+        header: 'Rename collection/container',
         value: data.pureName,
         onConfirm: async newName => {
           const dbid = _.pick(data, ['conid', 'database']);

packages/web/src/commands/stdCommands.ts

@@ -39,6 +39,7 @@ import { isMac } from '../utility/common';
 import { doLogout, internalRedirectTo } from '../clientAuth';
 import { disconnectServerConnection } from '../appobj/ConnectionAppObject.svelte';
 import UploadErrorModal from '../modals/UploadErrorModal.svelte';
+import ErrorMessageModal from '../modals/ErrorMessageModal.svelte';
 
 // function themeCommand(theme: ThemeDefinition) {
 //   return {
@@ -277,7 +278,7 @@ registerCommand({
   icon: 'icon table',
   name: 'Collection',
   toolbar: true,
-  toolbarName: 'New collection',
+  toolbarName: 'New collection/container',
   testEnabled: () => {
     const driver = findEngineDriver(get(currentDatabase)?.connection, getExtensions());
     return !!get(currentDatabase) && driver?.databaseEngineTypes?.includes('document');
@@ -291,11 +292,25 @@ registerCommand({
 
     showModal(InputTextModal, {
       value: '',
-      label: 'New collection name',
-      header: 'Create collection',
+      label: 'New collection/container name',
+      header: 'Create collection/container',
       onConfirm: async newCollection => {
-        await apiCall('database-connections/run-script', { ...dbid, sql: `db.createCollection('${newCollection}')` });
-        apiCall('database-connections/sync-model', dbid);
+        // await apiCall('database-connections/run-script', { ...dbid, sql: `db.createCollection('${newCollection}')` });
+        const resp = await apiCall('database-connections/run-operation', {
+          ...dbid,
+          operation: {
+            type: 'createCollection',
+            collection: newCollection,
+          },
+        });
+
+        const { errorMessage } = resp || {};
+        if (errorMessage) {
+          showModal(ErrorMessageModal, { title: 'Error when executing operation', message: errorMessage });
+        } else {
+          showSnackbarSuccess('Saved to database');
+          apiCall('database-connections/sync-model', dbid);
+        }
       },
     });
   },

packages/web/src/modals/ConfirmSqlModal.svelte

@@ -14,6 +14,22 @@
       if (syncModel) apiCall('database-connections/sync-model', { conid, database });
     }
   }
+
+  export async function runOperationOnDatabase({ conid, database }, operation, syncModel = true) {
+    const resp = await apiCall('database-connections/run-operation', {
+      conid,
+      database,
+      operation,
+    });
+
+    const { errorMessage } = resp || {};
+    if (errorMessage) {
+      showModal(ErrorMessageModal, { title: 'Error when executing operation', message: errorMessage });
+    } else {
+      showSnackbarSuccess('Saved to database');
+      if (syncModel) apiCall('database-connections/sync-model', { conid, database });
+    }
+  }
 </script>
 
 <script>

packages/web/src/settings/ConnectionDriverFields.svelte

@@ -99,6 +99,14 @@
   {/key}
 {/if}
 
+{#if driver?.showConnectionField('endpoint', $values, showConnectionFieldArgs)}
+  <FormTextField label="Endpoint" name="endpoint" disabled={isConnected} />
+{/if}
+
+{#if driver?.showConnectionField('endpointKey', $values, showConnectionFieldArgs)}
+  <FormTextField label="Key" name="endpointKey" disabled={isConnected} />
+{/if}
+
 {#if driver?.showConnectionField('clientLibraryPath', $values, showConnectionFieldArgs)}
   <FormTextField label="Client library path" name="clientLibraryPath" disabled={isConnected} />
 {/if}

packages/web/src/widgets/SqlObjectList.svelte

@@ -120,7 +120,7 @@
     {/if}
     {#if driver?.databaseEngineTypes?.includes('document')}
       <div class="m-1" />
-      <InlineButton on:click={() => runCommand('new.collection')}>New collection</InlineButton>
+      <InlineButton on:click={() => runCommand('new.collection')}>New collection/container</InlineButton>
     {/if}
   </WidgetsInnerContainer>
 {:else}