chore: add postgresql integration

Author: geclos

apps/web/src/lib/integrationTypeOptions.ts

@@ -124,6 +124,10 @@ export const HOSTED_INTEGRATION_TYPE_OPTIONS: Record<
     label: 'Neon',
     icon: 'neon',
   },
+  [HostedIntegrationType.Postgres]: {
+    label: 'PostgreSQL',
+    icon: 'postgres',
+  },
 }
 
 export function integrationOptions(

packages/constants/src/integrations.ts

@@ -37,7 +37,7 @@ export enum HostedIntegrationType {
   // 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
+  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
 

packages/core/src/services/integrations/hostedTypes/configs/postgres.ts

@@ -0,0 +1,19 @@
+import { HostedIntegrationConfig } from '../types'
+import { npxCommand } from '../utils'
+
+export default {
+  description:
+    'This integration enables read only access to a Postgres database.',
+  command: npxCommand({
+    package: '@modelcontextprotocol/server-postgres',
+    args: '$POSTGRES_URL',
+  }),
+  env: {
+    POSTGRES_URL: {
+      label: 'Postgres URL',
+      description: 'The URL of your Postgres database',
+      placeholder: 'postgresql://user:password@host:port/database',
+      required: true,
+    },
+  },
+} as HostedIntegrationConfig

packages/core/src/services/integrations/hostedTypes/index.ts

@@ -23,6 +23,7 @@ import SENTRY_MCP_CONFIG from './configs/sentry'
 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'
 
 export const HOSTED_MCP_CONFIGS: Record<
   HostedIntegrationType,
@@ -51,4 +52,5 @@ export const HOSTED_MCP_CONFIGS: Record<
   [HostedIntegrationType.Time]: TIME_MCP_CONFIG,
   [HostedIntegrationType.browserbase]: browserbase_MCP_CONFIG,
   [HostedIntegrationType.Neon]: NEON_MCP_CONFIG,
+  [HostedIntegrationType.Postgres]: POSTGRES_MCP_CONFIG,
 }

packages/web-ui/src/ds/atoms/Icons/custom-icons/logos/Postgres.tsx

@@ -0,0 +1,57 @@
+import { LucideProps } from 'lucide-react'
+
+export default function Postgres(props: LucideProps) {
+  return (
+    <svg viewBox='0 0 25.6 25.6' {...props}>
+      <style></style>
+      <g fill='none' stroke='#fff'>
+        <path
+          d='M18.983 18.636c.163-1.357.114-1.555 1.124-1.336l.257.023c.777.035 1.793-.125 2.4-.402 1.285-.596 2.047-1.592.78-1.33-2.89.596-3.1-.383-3.1-.383 3.053-4.53 4.33-10.28 3.227-11.687-3.004-3.84-8.205-2.024-8.292-1.976l-.028.005c-.57-.12-1.2-.19-1.93-.2-1.308-.02-2.3.343-3.054.914 0 0-9.277-3.822-8.846 4.807.092 1.836 2.63 13.9 5.66 10.25C8.29 15.987 9.36 14.86 9.36 14.86c.53.353 1.167.533 1.834.468l.052-.044a2.01 2.01 0 0 0 .021.518c-.78.872-.55 1.025-2.11 1.346-1.578.325-.65.904-.046 1.056.734.184 2.432.444 3.58-1.162l-.046.183c.306.245.285 1.76.33 2.842s.116 2.093.337 2.688.48 2.13 2.53 1.7c1.713-.367 3.023-.896 3.143-5.81'
+          fill='#000'
+          stroke='#000'
+          strokeLinecap='butt'
+          strokeWidth='2.149'
+          className='D'
+        />
+        <path
+          d='M23.535 15.6c-2.89.596-3.1-.383-3.1-.383 3.053-4.53 4.33-10.28 3.228-11.687-3.004-3.84-8.205-2.023-8.292-1.976l-.028.005a10.31 10.31 0 0 0-1.929-.201c-1.308-.02-2.3.343-3.054.914 0 0-9.278-3.822-8.846 4.807.092 1.836 2.63 13.9 5.66 10.25C8.29 15.987 9.36 14.86 9.36 14.86c.53.353 1.167.533 1.834.468l.052-.044a2.02 2.02 0 0 0 .021.518c-.78.872-.55 1.025-2.11 1.346-1.578.325-.65.904-.046 1.056.734.184 2.432.444 3.58-1.162l-.046.183c.306.245.52 1.593.484 2.815s-.06 2.06.18 2.716.48 2.13 2.53 1.7c1.713-.367 2.6-1.32 2.725-2.906.088-1.128.286-.962.3-1.97l.16-.478c.183-1.53.03-2.023 1.085-1.793l.257.023c.777.035 1.794-.125 2.39-.402 1.285-.596 2.047-1.592.78-1.33z'
+          fill='currentColor'
+          stroke='none'
+        />
+        <g className='E'>
+          <g className='B'>
+            <path
+              d='M12.814 16.467c-.08 2.846.02 5.712.298 6.4s.875 2.05 2.926 1.612c1.713-.367 2.337-1.078 2.607-2.647l.633-5.017M10.356 2.2S1.072-1.596 1.504 7.033c.092 1.836 2.63 13.9 5.66 10.25C8.27 15.95 9.27 14.907 9.27 14.907m6.1-13.4c-.32.1 5.164-2.005 8.282 1.978 1.1 1.407-.175 7.157-3.228 11.687'
+              className='C'
+            />
+            <path
+              d='M20.425 15.17s.2.98 3.1.382c1.267-.262.504.734-.78 1.33-1.054.49-3.418.615-3.457-.06-.1-1.745 1.244-1.215 1.147-1.652-.088-.394-.69-.78-1.086-1.744-.347-.84-4.76-7.29 1.224-6.333.22-.045-1.56-5.7-7.16-5.782S7.99 8.196 7.99 8.196'
+              strokeLinejoin='bevel'
+            />
+          </g>
+          <g className='C'>
+            <path d='M11.247 15.768c-.78.872-.55 1.025-2.11 1.346-1.578.325-.65.904-.046 1.056.734.184 2.432.444 3.58-1.163.35-.49-.002-1.27-.482-1.468-.232-.096-.542-.216-.94.23z' />
+            <path
+              d='M11.196 15.753c-.08-.513.168-1.122.433-1.836.398-1.07 1.316-2.14.582-5.537-.547-2.53-4.22-.527-4.22-.184s.166 1.74-.06 3.365c-.297 2.122 1.35 3.916 3.246 3.733'
+              className='B'
+            />
+          </g>
+        </g>
+        <g fill='#fff' className='D'>
+          <path
+            d='M10.322 8.145c-.017.117.215.43.516.472s.558-.202.575-.32-.215-.246-.516-.288-.56.02-.575.136z'
+            strokeWidth='.239'
+          />
+          <path
+            d='M19.486 7.906c.016.117-.215.43-.516.472s-.56-.202-.575-.32.215-.246.516-.288.56.02.575.136z'
+            strokeWidth='.119'
+          />
+        </g>
+        <path
+          d='M20.562 7.095c.05.92-.198 1.545-.23 2.524-.046 1.422.678 3.05-.413 4.68'
+          className='B C E'
+        />
+      </g>
+    </svg>
+  )
+}

packages/web-ui/src/ds/atoms/Icons/index.tsx

@@ -122,6 +122,7 @@ import Brave from './custom-icons/logos/Brave'
 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'
 
 const Icons = {
   addCircle: CirclePlus,
@@ -246,6 +247,7 @@ const Icons = {
   sentry: Sentry,
   browserbase: Browserbase,
   neon: Neon,
+  postgres: Postgres,
 }
 
 export type IconName = keyof typeof Icons