feat: add non-auth apps and flowCount in getConnectedApps

packages/backend/src/graphql/queries/get-connected-apps.ts

@@ -1,3 +1,4 @@
+import { raw } from 'objection';
 import App from '../../models/app';
 import Context from '../../types/express/context';
 import { IApp, IConnection } from '@automatisch/types';
@@ -22,16 +23,41 @@ const getConnectedApps = async (
 
   const connectionKeys = connections.map((connection) => connection.key);
 
+  const flows = await context.currentUser
+    .$relatedQuery('steps')
+    .select('flow_id', raw('ARRAY_AGG(app_key)').as('apps'))
+    .groupBy('flow_id') as unknown as { flow_id: string; apps: string[] }[];
+
+  const appFlowCounts = flows.reduce((counts, flow) => {
+    const apps = flow.apps;
+    const unifiedApps = Array.from(new Set(apps))
+
+    for (const app of unifiedApps) {
+      if (!counts[app]) {
+        counts[app] = 0;
+      }
+
+      counts[app] += 1;
+    }
+
+    return counts;
+  }, {} as { [key: string]: number });
+
   apps = apps
-    .filter((app: IApp) => connectionKeys.includes(app.key))
+    .filter((app: IApp) => {
+      const hasConnections = connectionKeys.includes(app.key);
+      const hasFlows = flows.find((flow) => flow.apps.includes(app.key));
+
+      return hasFlows || hasConnections;
+    })
     .map((app: IApp) => {
       const connection = connections.find(
         (connection) => (connection as IConnection).key === app.key
       );
 
-      if (connection) {
-        app.connectionCount = connection.count;
-      }
+      app.connectionCount = connection?.count || 0;
+
+      app.flowCount = appFlowCounts[app.key];
 
       return app;
     });

packages/backend/src/graphql/schema.graphql

@@ -85,6 +85,7 @@ type App {
   name: String
   key: String
   connectionCount: Int
+  flowCount: Int
   iconUrl: String
   docUrl: String
   primaryColor: String

packages/types/index.d.ts

@@ -147,6 +147,7 @@ export interface IApp {
   authenticationSteps: IAuthenticationStep[];
   reconnectionSteps: IAuthenticationStep[];
   connectionCount: number;
+  flowCount: number;
   triggers: any[];
   actions: any[];
   connections: IConnection[];

packages/web/src/components/AppRow/index.tsx

@@ -27,7 +27,7 @@ const countTranslation = (value: React.ReactNode) => (
 
 function AppRow(props: AppRowProps): React.ReactElement {
   const formatMessage = useFormatMessage();
-  const { name, primaryColor, iconUrl, connectionCount } = props.application;
+  const { name, primaryColor, iconUrl, connectionCount, flowCount } = props.application;
 
   return (
     <Link to={URLS.APP(name.toLowerCase())}>
@@ -52,7 +52,7 @@ function AppRow(props: AppRowProps): React.ReactElement {
 
             <Box sx={{ px: 2 }}>
               <Typography variant="caption" color="textSecondary" sx={{ display: ['none', 'inline-block'] }}>
-                {formatMessage('app.flowCount', { count: countTranslation(0) })}
+                {formatMessage('app.flowCount', { count: countTranslation(flowCount) })}
               </Typography>
             </Box>
 

packages/web/src/graphql/queries/get-connected-apps.ts

@@ -9,6 +9,7 @@ export const GET_CONNECTED_APPS = gql`
       docUrl
       primaryColor
       connectionCount
+      flowCount
       supportsConnections
     }
   }