Feature/add more integrations (#949)

geclos · web-flow · commit 74ad2b446e5d · 2025-03-06T14:22:22.000+01:00
* chore: add redis mcp

* chore: add jira integration

* chore: add attio integration

* chore: add supabase integration

* chore: add ghost integration
diff --git a/apps/web/src/lib/integrationTypeOptions.ts b/apps/web/src/lib/integrationTypeOptions.ts
@@ -128,6 +128,26 @@ export const HOSTED_INTEGRATION_TYPE_OPTIONS: Record<
     label: 'PostgreSQL',
     icon: 'postgres',
   },
+  [HostedIntegrationType.Redis]: {
+    label: 'Redis',
+    icon: 'redis',
+  },
+  [HostedIntegrationType.Jira]: {
+    label: 'Jira',
+    icon: 'jira',
+  },
+  [HostedIntegrationType.Attio]: {
+    label: 'Attio',
+    icon: 'attio',
+  },
+  [HostedIntegrationType.Ghost]: {
+    label: 'Ghost',
+    icon: 'ghost',
+  },
+  [HostedIntegrationType.Supabase]: {
+    label: 'Supabase',
+    icon: 'supabase',
+  },
 }
 
 export function integrationOptions(
diff --git a/packages/constants/src/integrations.ts b/packages/constants/src/integrations.ts
@@ -26,30 +26,27 @@ export enum HostedIntegrationType {
   GoogleMaps = 'google_maps',
   Sentry = 'sentry',
   Puppeteer = 'puppeteer',
-
-  // Memory = 'memory', // short-lived file storage, useless
-  // SequentialThinking = 'sequential_thinking', // useless
   Time = 'time',
-
   browserbase = 'browserbase',
   Neon = 'neon',
+  Postgres = 'postgres',
+  Supabase = 'supabase',
+  Redis = 'redis',
+  Jira = 'jira',
+  Attio = 'attio',
+  Ghost = 'ghost',
 
-  // Gmail = 'google_drive', // env vars not supported, requires auth file
-  // GoogleCalendar = 'google_drive', // env vars not supported, requires auth file
-  // GoogleDrive = 'google_drive', // env vars not supported, requires auth file
-  Postgres = 'postgres', // Uses a custom parameter in the command instead of env vars
-  // Redis = 'redis', // Uses a custom parameter in the command instead of env vars
-  // SQLite = 'sqlite', // Uses a custom parameter in the command instead of env vars
-
+  // Require all auth file :point_down:
+  // Gmail = 'google_drive',
+  // GoogleCalendar = 'google_drive',
+  // GoogleDrive = 'google_drive',
   // GoogleWorkspace = 'google_workspace', // env vars not supported (?)
 
+  // TODO: implement these
   // Wordpress = 'wordpress', // Not on OpenTools
   // Discord = 'discord', // Not on OpenTools
   // Intercom = 'intercom', // Not on OpenTools
-  // Jira = 'jira', // Not on OpenTools
-  // Supabase = 'supabase', // Not on OpenTools
-  // Hubspot = 'hubspot', // Not on OpenTools
-  // Attio = 'attio', // Not on OpenTools
-  // Loops = 'loops', // Not on OpenTools
-  // Ghost = 'ghost', // Not on OpenTools
+
+  // Hubspot = 'hubspot', // Docker based
+  // Loops = 'loops', // Does not exist
 }
diff --git a/packages/core/src/services/integrations/hostedTypes/configs/attio.ts b/packages/core/src/services/integrations/hostedTypes/configs/attio.ts
@@ -0,0 +1,18 @@
+import { HostedIntegrationConfig } from '../types'
+import { npxCommand } from '../utils'
+
+export default {
+  description: 'Integration for interacting with Attio CRM',
+  command: npxCommand({
+    package: 'attio-mcp-server',
+  }),
+  env: {
+    ATTIO_API_KEY: {
+      label: 'Attio API Key',
+      description: 'The API key for the Attio API',
+      placeholder: 'your-api-key',
+      required: true,
+    },
+  },
+  envSource: 'https://developers.attio.com/reference/get_v2-objects',
+} as HostedIntegrationConfig
diff --git a/packages/core/src/services/integrations/hostedTypes/configs/ghost.ts b/packages/core/src/services/integrations/hostedTypes/configs/ghost.ts
@@ -0,0 +1,24 @@
+import { HostedIntegrationConfig } from '../types'
+import { npxCommand } from '../utils'
+
+export default {
+  description: 'Integration for interacting with Ghost Admin API',
+  command: npxCommand({
+    package: '@mtane0412/ghost-mcp-server',
+  }),
+  env: {
+    GHOST_URL: {
+      label: 'Ghost URL',
+      description: 'The URL of your Ghost instance',
+      placeholder: 'https://example.com',
+      required: true,
+    },
+    GHOST_ADMIN_API_KEY: {
+      label: 'Ghost Admin API Key',
+      description: 'The API key for the Ghost Admin API',
+      placeholder: 'your-api-key',
+      required: true,
+    },
+  },
+  envSource: 'https://ghost.org/docs/admin-api/javascript/',
+} as HostedIntegrationConfig
diff --git a/packages/core/src/services/integrations/hostedTypes/configs/jira.ts b/packages/core/src/services/integrations/hostedTypes/configs/jira.ts
@@ -0,0 +1,29 @@
+import { uvxCommand } from '../utils'
+
+export default {
+  description: 'Interact with Jira issues and boards',
+  command: uvxCommand({
+    name: 'mcp-atlassian',
+  }),
+  env: {
+    JIRA_URL: {
+      label: 'Jira URL',
+      description: 'The URL of your Jira instance',
+      placeholder: 'https://your-jira-instance.com',
+      required: true,
+    },
+    JIRA_USERNAME: {
+      label: 'Jira Username',
+      description: 'The username of your Jira account',
+      placeholder: 'your-jira-username',
+      required: true,
+    },
+    JIRA_API_TOKEN: {
+      label: 'Jira API Token',
+      description: 'The API token of your Jira account',
+      placeholder: 'your-jira-api-token',
+      required: true,
+    },
+  },
+  envSource: 'https://id.atlassian.com/manage-profile/security/api-tokens',
+}
diff --git a/packages/core/src/services/integrations/hostedTypes/configs/postgres.ts b/packages/core/src/services/integrations/hostedTypes/configs/postgres.ts
@@ -3,15 +3,15 @@ import { npxCommand } from '../utils'
 
 export default {
   description:
-    'This integration enables read only access to a Postgres database.',
+    'This integration enables read only access to a Postgres/Supabase database.',
   command: npxCommand({
     package: '@modelcontextprotocol/server-postgres',
-    args: '$POSTGRES_URL',
+    args: '$DATABASE_URL',
   }),
   env: {
-    POSTGRES_URL: {
-      label: 'Postgres URL',
-      description: 'The URL of your Postgres database',
+    DATABASE_URL: {
+      label: 'Postgres/Supabase URL',
+      description: 'The URL of your Postgres/Supabase database',
       placeholder: 'postgresql://user:password@host:port/database',
       required: true,
     },
diff --git a/packages/core/src/services/integrations/hostedTypes/configs/redis.ts b/packages/core/src/services/integrations/hostedTypes/configs/redis.ts
@@ -0,0 +1,18 @@
+import { npxCommand } from '../utils'
+
+export default {
+  description: 'Interact with Redis databases',
+  command: npxCommand({
+    package: '@gongrzhe/server-redis-mcp',
+    args: '$REDIS_URL',
+  }),
+  env: {
+    REDIS_URL: {
+      label: 'Redis URL',
+      description: 'The URL of your Redis instance',
+      placeholder: 'redis://localhost:6379',
+      required: true,
+    },
+  },
+  envSource: 'https://id.atlassian.com/manage-profile/security/api-tokens',
+}
diff --git a/packages/core/src/services/integrations/hostedTypes/index.ts b/packages/core/src/services/integrations/hostedTypes/index.ts
@@ -24,6 +24,10 @@ import TIME_MCP_CONFIG from './configs/time'
 import browserbase_MCP_CONFIG from './configs/browserbase'
 import NEON_MCP_CONFIG from './configs/neon'
 import POSTGRES_MCP_CONFIG from './configs/postgres'
+import REDIS_MCP_CONFIG from './configs/redis'
+import JIRA_MCP_CONFIG from './configs/jira'
+import ATTIO_MCP_CONFIG from './configs/attio'
+import GHOST_MCP_CONFIG from './configs/ghost'
 
 export const HOSTED_MCP_CONFIGS: Record<
   HostedIntegrationType,
@@ -53,4 +57,9 @@ export const HOSTED_MCP_CONFIGS: Record<
   [HostedIntegrationType.browserbase]: browserbase_MCP_CONFIG,
   [HostedIntegrationType.Neon]: NEON_MCP_CONFIG,
   [HostedIntegrationType.Postgres]: POSTGRES_MCP_CONFIG,
+  [HostedIntegrationType.Supabase]: POSTGRES_MCP_CONFIG,
+  [HostedIntegrationType.Redis]: REDIS_MCP_CONFIG,
+  [HostedIntegrationType.Jira]: JIRA_MCP_CONFIG,
+  [HostedIntegrationType.Attio]: ATTIO_MCP_CONFIG,
+  [HostedIntegrationType.Ghost]: GHOST_MCP_CONFIG,
 }
diff --git a/packages/web-ui/src/ds/atoms/Icons/custom-icons/logos/Attio.tsx b/packages/web-ui/src/ds/atoms/Icons/custom-icons/logos/Attio.tsx
@@ -0,0 +1,24 @@
+import { type LucideProps } from 'lucide-react'
+
+export default function Attio(props: LucideProps) {
+  return (
+    <svg viewBox='0 0 60.9 50' {...props}>
+      <g>
+        <path
+          d='M60.3,34.8l-5.1-8.1c0,0,0,0,0,0L54.7,26c-0.8-1.2-2.1-1.9-3.5-1.9L43,24L42.5,25l-9.8,15.7l-0.5,0.9l4.1,6.6
+		c0.8,1.2,2.1,1.9,3.5,1.9h11.5c1.4,0,2.8-0.7,3.5-1.9l0.4-0.6c0,0,0,0,0,0l5.1-8.2C61.1,37.9,61.1,36.2,60.3,34.8L60.3,34.8z
+		 M58.7,38.3l-5.1,8.2c0,0,0,0.1-0.1,0.1c-0.2,0.2-0.4,0.2-0.5,0.2c-0.1,0-0.4,0-0.6-0.3l-5.1-8.2c-0.1-0.1-0.1-0.2-0.2-0.3
+		c0-0.1-0.1-0.2-0.1-0.3c-0.1-0.4-0.1-0.8,0-1.3c0.1-0.2,0.1-0.4,0.3-0.6l5.1-8.1c0,0,0,0,0,0c0.1-0.2,0.3-0.3,0.4-0.3
+		c0.1,0,0.1,0,0.1,0c0,0,0,0,0.1,0c0.1,0,0.4,0,0.6,0.3l5.1,8.1C59.2,36.6,59.2,37.5,58.7,38.3L58.7,38.3z'
+        ></path>
+        <path
+          d='M45.2,15.1c0.8-1.3,0.8-3.1,0-4.4l-5.1-8.1l-0.4-0.7C38.9,0.7,37.6,0,36.2,0H24.7c-1.4,0-2.7,0.7-3.5,1.9L0.6,34.9
+		C0.2,35.5,0,36.3,0,37c0,0.8,0.2,1.5,0.6,2.2l5.5,8.8C6.9,49.3,8.2,50,9.7,50h11.5c1.4,0,2.8-0.7,3.5-1.9l0.4-0.7c0,0,0,0,0,0
+		c0,0,0,0,0,0l4.1-6.6l12.1-19.4L45.2,15.1L45.2,15.1z M44,13c0,0.4-0.1,0.8-0.4,1.2L23.5,46.4c-0.2,0.3-0.5,0.3-0.6,0.3
+		c-0.1,0-0.4,0-0.6-0.3l-5.1-8.2c-0.5-0.7-0.5-1.7,0-2.4L37.4,3.6c0.2-0.3,0.5-0.3,0.6-0.3c0.1,0,0.4,0,0.6,0.3l5.1,8.1
+		C43.9,12.1,44,12.5,44,13z'
+        ></path>
+      </g>
+    </svg>
+  )
+}
diff --git a/packages/web-ui/src/ds/atoms/Icons/custom-icons/logos/Ghost.tsx b/packages/web-ui/src/ds/atoms/Icons/custom-icons/logos/Ghost.tsx
@@ -0,0 +1,7 @@
+import { type LucideProps } from 'lucide-react'
+import { LatitudeLogoMonochrome } from '..'
+
+export default function Ghost(props: LucideProps) {
+  // TODO: Cannot find svg logo for Ghost
+  return <LatitudeLogoMonochrome {...props} />
+}
diff --git a/packages/web-ui/src/ds/atoms/Icons/custom-icons/logos/Redis.tsx b/packages/web-ui/src/ds/atoms/Icons/custom-icons/logos/Redis.tsx
@@ -0,0 +1,49 @@
+import { type LucideProps } from 'lucide-react'
+
+export default function Redis(props: LucideProps) {
+  return (
+    <svg
+      viewBox='0 -18 256 256'
+      xmlns='http://www.w3.org/2000/svg'
+      preserveAspectRatio='xMinYMin meet'
+      {...props}
+    >
+      <path
+        d='M245.97 168.943c-13.662 7.121-84.434 36.22-99.501 44.075-15.067 7.856-23.437 7.78-35.34 2.09-11.902-5.69-87.216-36.112-100.783-42.597C3.566 169.271 0 166.535 0 163.951v-25.876s98.05-21.345 113.879-27.024c15.828-5.679 21.32-5.884 34.79-.95 13.472 4.936 94.018 19.468 107.331 24.344l-.006 25.51c.002 2.558-3.07 5.364-10.024 8.988'
+        fill='currentColor'
+      />
+      <path
+        d='M245.965 143.22c-13.661 7.118-84.431 36.218-99.498 44.072-15.066 7.857-23.436 7.78-35.338 2.09-11.903-5.686-87.214-36.113-100.78-42.594-13.566-6.485-13.85-10.948-.524-16.166 13.326-5.22 88.224-34.605 104.055-40.284 15.828-5.677 21.319-5.884 34.789-.948 13.471 4.934 83.819 32.935 97.13 37.81 13.316 4.881 13.827 8.9.166 16.02'
+        fill='currentColor'
+      />
+      <path
+        d='M245.97 127.074c-13.662 7.122-84.434 36.22-99.501 44.078-15.067 7.853-23.437 7.777-35.34 2.087-11.903-5.687-87.216-36.112-100.783-42.597C3.566 127.402 0 124.67 0 122.085V96.206s98.05-21.344 113.879-27.023c15.828-5.679 21.32-5.885 34.79-.95C162.142 73.168 242.688 87.697 256 92.574l-.006 25.513c.002 2.557-3.07 5.363-10.024 8.987'
+        fill='currentColor'
+      />
+      <path
+        d='M245.965 101.351c-13.661 7.12-84.431 36.218-99.498 44.075-15.066 7.854-23.436 7.777-35.338 2.087-11.903-5.686-87.214-36.112-100.78-42.594-13.566-6.483-13.85-10.947-.524-16.167C23.151 83.535 98.05 54.148 113.88 48.47c15.828-5.678 21.319-5.884 34.789-.949 13.471 4.934 83.819 32.933 97.13 37.81 13.316 4.88 13.827 8.9.166 16.02'
+        fill='currentColor'
+      />
+      <path
+        d='M245.97 83.653c-13.662 7.12-84.434 36.22-99.501 44.078-15.067 7.854-23.437 7.777-35.34 2.087-11.903-5.687-87.216-36.113-100.783-42.595C3.566 83.98 0 81.247 0 78.665v-25.88s98.05-21.343 113.879-27.021c15.828-5.68 21.32-5.884 34.79-.95C162.142 29.749 242.688 44.278 256 49.155l-.006 25.512c.002 2.555-3.07 5.361-10.024 8.986'
+        fill='currentColor'
+      />
+      <path
+        d='M245.965 57.93c-13.661 7.12-84.431 36.22-99.498 44.074-15.066 7.854-23.436 7.777-35.338 2.09C99.227 98.404 23.915 67.98 10.35 61.497-3.217 55.015-3.5 50.55 9.825 45.331 23.151 40.113 98.05 10.73 113.88 5.05c15.828-5.679 21.319-5.883 34.789-.948 13.471 4.935 83.819 32.934 97.13 37.811 13.316 4.876 13.827 8.897.166 16.017'
+        fill='currentColor'
+      />
+      <path
+        d='M159.283 32.757l-22.01 2.285-4.927 11.856-7.958-13.23-25.415-2.284 18.964-6.839-5.69-10.498 17.755 6.944 16.738-5.48-4.524 10.855 17.067 6.391M131.032 90.275L89.955 73.238l58.86-9.035-17.783 26.072M74.082 39.347c17.375 0 31.46 5.46 31.46 12.194 0 6.736-14.085 12.195-31.46 12.195s-31.46-5.46-31.46-12.195c0-6.734 14.085-12.194 31.46-12.194'
+        fill='#FFF'
+      />
+      <path
+        d='M185.295 35.998l34.836 13.766-34.806 13.753-.03-27.52'
+        fill='currentColor'
+      />
+      <path
+        d='M146.755 51.243l38.54-15.245.03 27.519-3.779 1.478-34.791-13.752'
+        fill='currentColor'
+      />
+    </svg>
+  )
+}
diff --git a/packages/web-ui/src/ds/atoms/Icons/custom-icons/logos/Supabase.tsx b/packages/web-ui/src/ds/atoms/Icons/custom-icons/logos/Supabase.tsx
@@ -0,0 +1,50 @@
+import { LucideProps } from 'lucide-react'
+
+export default function Supabase(props: LucideProps) {
+  return (
+    <svg
+      viewBox='0 0 109 113'
+      fill='none'
+      xmlns='http://www.w3.org/2000/svg'
+      {...props}
+    >
+      <path
+        d='M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z'
+        fill='currentColor'
+      />
+      <path
+        d='M63.7076 110.284C60.8481 113.885 55.0502 111.912 54.9813 107.314L53.9738 40.0627L99.1935 40.0627C107.384 40.0627 111.952 49.5228 106.859 55.9374L63.7076 110.284Z'
+        fill='currentColor'
+        fillOpacity='0.2'
+      />
+      <path
+        d='M45.317 2.07103C48.1765 -1.53037 53.9745 0.442937 54.0434 5.041L54.4849 72.2922H9.83113C1.64038 72.2922 -2.92775 62.8321 2.1655 56.4175L45.317 2.07103Z'
+        fill='currentColor'
+      />
+      <defs>
+        <linearGradient
+          id='paint0_linear'
+          x1='53.9738'
+          y1='54.974'
+          x2='94.1635'
+          y2='71.8295'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop stop-color='#249361' />
+          <stop offset='1' stop-color='#3ECF8E' />
+        </linearGradient>
+        <linearGradient
+          id='paint1_linear'
+          x1='36.1558'
+          y1='30.578'
+          x2='54.4844'
+          y2='65.0806'
+          gradientUnits='userSpaceOnUse'
+        >
+          <stop />
+          <stop offset='1' stop-opacity='0' />
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}
diff --git a/packages/web-ui/src/ds/atoms/Icons/index.tsx b/packages/web-ui/src/ds/atoms/Icons/index.tsx
@@ -123,6 +123,10 @@ import Sentry from './custom-icons/logos/Sentry'
 import Browserbase from './custom-icons/logos/Browserbase'
 import Neon from './custom-icons/logos/Neon'
 import Postgres from './custom-icons/logos/Postgres'
+import Redis from './custom-icons/logos/Redis'
+import Attio from './custom-icons/logos/Attio'
+import Supabase from './custom-icons/logos/Supabase'
+import Ghost from './custom-icons/logos/Ghost'
 
 const Icons = {
   addCircle: CirclePlus,
@@ -233,21 +237,21 @@ const Icons = {
   tinybird: Tinybird,
   perplexity: Perplexity,
   googleWorkspace: Google,
-  // supabase: Supabase,
+  supabase: Supabase,
   // hubspot: Hubspot,
-  // attio: Attio,
+  attio: Attio,
   discord: Discord,
   gitlab: Gitlab,
-  // loops: Loops,
   intercom: Intercom,
   jira: Jira,
-  // ghost: Ghost,
+  ghost: Ghost,
   awsBedrock: AwsBedrock,
   brave: Brave,
   sentry: Sentry,
   browserbase: Browserbase,
   neon: Neon,
   postgres: Postgres,
+  redis: Redis,
 }
 
 export type IconName = keyof typeof Icons
