Propagate from connections-navigation action through main process IPC

Author: kraenhansen

packages/compass-connections-navigation/src/constants.tsx

@@ -15,6 +15,7 @@ export type Actions =
   | 'duplicate-connection'
   | 'remove-connection'
   | 'connection-connect'
+  | 'connection-connect-in-new-window'
   | 'connection-disconnect'
   | 'connection-performance-metrics'
   | 'open-connection-info'

packages/compass-connections/src/stores/connections-store-redux.ts

@@ -1507,6 +1507,13 @@ function isAtlasStreamsInstance(
   }
 }
 
+export const connectInNewWindow =
+  (connectionInfo: ConnectionInfo): ConnectionsThunkAction<void> =>
+  (_dispatch, _getState, { globalAppRegistry }) => {
+    // TODO: Consider building a connection string?
+    globalAppRegistry.emit('connect-in-new-window', connectionInfo.id);
+  };
+
 export const connect = (
   connectionInfo: ConnectionInfo
 ): ConnectionsThunkAction<

packages/compass-connections/src/stores/store-context.tsx

@@ -18,6 +18,7 @@ import type {
 import {
   cancelEditConnection,
   connect as connectionsConnect,
+  connectInNewWindow,
   saveAndConnect,
   connectionsEventEmitter,
   createNewConnection,
@@ -88,6 +89,9 @@ function getConnectionsActions(dispatch: ConnectionsStore['dispatch']) {
     connect: (connectionInfo: ConnectionInfo) => {
       return dispatch(connectionsConnect(connectionInfo));
     },
+    connectInNewWindow: (connectionInfo: ConnectionInfo) => {
+      return dispatch(connectInNewWindow(connectionInfo));
+    },
     saveAndConnect: (connectionInfo: ConnectionInfo) => {
       return dispatch(saveAndConnect(connectionInfo));
     },

packages/compass-sidebar/src/components/multiple-connections/connections-navigation.tsx

@@ -114,6 +114,7 @@ type ConnectionsNavigationComponentProps = {
     updater: (filter: ConnectionsFilter) => ConnectionsFilter
   ): void;
   onConnect(info: ConnectionInfo): void;
+  onConnectInNewWindow(info: ConnectionInfo): void;
   onNewConnection(): void;
   onEditConnection(info: ConnectionInfo): void;
   onRemoveConnection(info: ConnectionInfo): void;
@@ -159,6 +160,7 @@ const ConnectionsNavigation: React.FC<ConnectionsNavigationProps> = ({
   isPerformanceTabSupported,
   onFilterChange,
   onConnect,
+  onConnectInNewWindow,
   onNewConnection,
   onEditConnection,
   onRemoveConnection,
@@ -328,6 +330,9 @@ const ConnectionsNavigation: React.FC<ConnectionsNavigationProps> = ({
         case 'connection-connect':
           onConnect(item.connectionInfo);
           return;
+        case 'connection-connect-in-new-window':
+          onConnectInNewWindow(item.connectionInfo);
+          return;
         case 'edit-connection':
           onEditConnection(item.connectionInfo);
           return;
@@ -364,6 +369,7 @@ const ConnectionsNavigation: React.FC<ConnectionsNavigationProps> = ({
       onOpenConnectionInfo,
       onDisconnect,
       onConnect,
+      onConnectInNewWindow,
       onEditConnection,
       onCopyConnectionString,
       onToggleFavoriteConnectionInfo,

packages/compass-sidebar/src/components/multiple-connections/sidebar.tsx

@@ -108,6 +108,7 @@ export function MultipleConnectionSidebar({
   const connectionsWithStatus = useConnectionsWithStatus();
   const {
     connect,
+    connectInNewWindow,
     disconnect,
     createNewConnection,
     editConnection,
@@ -182,6 +183,9 @@ export function MultipleConnectionSidebar({
           onConnect={(connectionInfo) => {
             void connect(connectionInfo);
           }}
+          onConnectInNewWindow={(connectionInfo) => {
+            connectInNewWindow(connectionInfo);
+          }}
           onNewConnection={createNewConnection}
           onEditConnection={(connectionInfo) => {
             editConnection(connectionInfo.id);

packages/compass/src/app/index.tsx

@@ -368,6 +368,11 @@ const app = {
         });
       }
     );
+    // Propagate events from global app registry to the main process
+    globalAppRegistry.on('connect-in-new-window', (connectionId: string) => {
+      void ipcRenderer?.call('app:connect-in-new-window', connectionId);
+    });
+
     // As soon as dom is ready, render and set up the rest.
     state.render();
     marky.stop('Time to Connect rendered');