feat: new database envs for Vercel integration (#8462)

* feat: create SUPABASE_DB_HOST, SUPABASE_DB_PASSWORD envs for new empty database Vercel integration

* fix: prepareVercelEvns to handle missing project props

* chore: tidy up

studio/components/to-be-cleaned/Integration/Vercel.utils.ts

@@ -126,6 +126,8 @@ export function prepareVercelEvns(
     type: 'encrypted' | string
   }[],
   project: {
+    db_host?: string
+    db_password?: string
     endpoint: string
     anon_key: string
     service_key: string
@@ -141,14 +143,22 @@ export function prepareVercelEvns(
       target: ('production' | 'development' | 'preview')[]
     } = { key: x.key, type: x.type, target: ['production', 'development', 'preview'], value: '' }
 
-    if (x.alias == INTEGRATION_ENVS_ALIAS.ENDPOINT) {
-      env.value = project.endpoint
-    }
-    if (x.alias == INTEGRATION_ENVS_ALIAS.ANONKEY) {
-      env.value = project.anon_key
-    }
-    if (x.alias == INTEGRATION_ENVS_ALIAS.SERVICEKEY) {
-      env.value = project.service_key
+    switch (x.alias) {
+      case INTEGRATION_ENVS_ALIAS.ENDPOINT: {
+        env.value = project.endpoint
+      }
+      case INTEGRATION_ENVS_ALIAS.ANONKEY: {
+        env.value = project.anon_key
+      }
+      case INTEGRATION_ENVS_ALIAS.SERVICEKEY: {
+        env.value = project.service_key
+      }
+      case INTEGRATION_ENVS_ALIAS.DBHOST: {
+        env.value = project.db_host ?? ''
+      }
+      case INTEGRATION_ENVS_ALIAS.DBPASSWORD: {
+        env.value = project.db_password ?? ''
+      }
     }
 
     envs.push(env)

studio/lib/vercelConfigs.ts

@@ -6,6 +6,8 @@ export const INTEGRATION_ENVS_ALIAS = {
   ENDPOINT: 'SUPABASE_ENDPOINT',
   ANONKEY: 'SUPABASE_ANON_KEY',
   SERVICEKEY: 'SUPABASE_SERVICE_KEY',
+  DBHOST: 'SUPABASE_DB_HOST',
+  DBPASSWORD: 'SUPABASE_DB_PASSWORD',
 }
 export const VERCEL_DEFAULT_EXTERNAL_ID = 'nextjs-initial-project'
 /*
@@ -101,6 +103,16 @@ export const VERCEL_INTEGRATION_CONFIGS = [
         alias: INTEGRATION_ENVS_ALIAS.SERVICEKEY,
         type: 'encrypted',
       },
+      {
+        key: 'SUPABASE_DB_HOST',
+        alias: INTEGRATION_ENVS_ALIAS.DBHOST,
+        type: 'encrypted',
+      },
+      {
+        key: 'SUPABASE_DB_PASSWORD',
+        alias: INTEGRATION_ENVS_ALIAS.DBPASSWORD,
+        type: 'encrypted',
+      },
     ],
   },
   {

studio/pages/vercel/setupProject.tsx

@@ -214,7 +214,8 @@ const CreateProject = observer(() => {
       auth_site_url: _store.selectedVercelProjectUrl,
       vercel_configuration_id: _store.configurationId,
     }
-    return await post(`${API_URL}/projects`, data)
+    const project = await post(`${API_URL}/projects`, data)
+    return { ...project, db_host: `db.${project.ref}.supabase.co`, db_password: dbPass }
   }
 
   async function onCreateProject() {