Merge pull request #4 from tonik/feat/link-vercel

feat: link Vercel - add functions to login, link, deploy, connect
tonik · Oct 21, 2024 · 6385c0c · 6385c0c
2 parents b814f1a + fbfdb82
commit 6385c0c
Show file tree

Hide file tree

Showing 6 changed files with 3,895 additions and 1,469 deletions.
diff --git a/packages/core/index.ts b/packages/core/index.ts
@@ -1,14 +1,17 @@
-import { createTurboRepo } from './utils/turbo/create';
+import { prepareDrink } from './utils/bar/prepareDrink';
 import { createEnvFile } from './utils/env/createEnvFile';
+import { initializeRepository } from './utils/github/install';
 import { preparePayload } from './utils/payload/install';
-import { installSupabase } from './utils/supabase/install';
 import { prettify } from './utils/prettier/prettify';
-import { prepareDrink } from './utils/bar/prepareDrink';
-import { initializeRepository } from './utils/github/install';
 import { connectSupabaseProject } from './utils/supabase/connectProject';
 import { createSupabaseProject } from './utils/supabase/createProject';
+import { installSupabase } from './utils/supabase/install';
+import { createTurboRepo } from './utils/turbo/create';
+import { deployVercelProject } from './utils/vercel/deploy';
+import { setupAndCreateVercelProject } from './utils/vercel/setupAndCreate';
 import { createDocFiles } from './utils/docs/create';
 
+
 interface ProjectOptions {
   name: string;
   usePayload: boolean;
@@ -41,7 +44,11 @@ export async function createProject(options: ProjectOptions) {
 
   await createSupabaseProject(name);
 
+  await setupAndCreateVercelProject();
+
   await connectSupabaseProject(name, currentDir);
 
+  await deployVercelProject();
+
   prepareDrink(name);
 }
diff --git a/packages/core/utils/supabase/connectProject.ts b/packages/core/utils/supabase/connectProject.ts
@@ -56,7 +56,7 @@ export const connectSupabaseProject = async (projectName: string, currentDir: st
     {
       type: 'confirm',
       name: 'isIntegrationReady',
-      message: '🖇️ Have you completed the GitHub and Vercel integration setup?',
+      message: 'Have you completed the GitHub and Vercel integration setup?',
       default: false,
     },
   ]);

diff --git a/packages/core/utils/vercel/deploy.ts b/packages/core/utils/vercel/deploy.ts
@@ -0,0 +1,30 @@
+import { execSync } from 'child_process';
+import { getDeploymentUrl } from './utils/getDeploymentUrl';
+
+const fs = require('fs').promises;
+
+export async function deployVercelProject() {
+  console.log('🖇️  Connecting to Git repository...');
+
+  execSync('vercel git connect', { stdio: 'inherit' });
+  // next step: when error git connect then need to add gh account to your vercel account
+
+  console.log('🖇️  Creating vercel.json...');
+
+  const vercelConfig = {
+    buildCommand: 'pnpm build',
+    outputDirectory: 'apps/web',
+  };
+
+  await fs.writeFile('vercel.json', JSON.stringify(vercelConfig, null, 2));
+
+  console.log('🖇️  Creating preview deployment...');
+  const previewUrl = getDeploymentUrl(false);
+
+  console.log('🖇️  Creating production deployment...');
+  const productionUrl = getDeploymentUrl(true);
+
+  console.log(`🖇️  You can access your preview deployment at: \x1b[36m${previewUrl}\x1b[0m$`);
+
+  console.log(`🖇️  You can access your production deployment at: \x1b[36m${productionUrl}\x1b[0m$`);
+}
diff --git a/packages/core/utils/vercel/setupAndCreate.ts b/packages/core/utils/vercel/setupAndCreate.ts
@@ -0,0 +1,27 @@
+import { execSync } from 'child_process';
+
+export async function setupAndCreateVercelProject() {
+  console.log('🖇️  Checking if Vercel CLI is installed...');
+
+  const isVercelInstalled = execSync('vercel --version', { encoding: 'utf8' });
+
+  if (!isVercelInstalled) {
+    console.log('🖇️  Installing Vercel CLI...');
+    execSync('npm install -g vercel');
+  }
+
+  const isLoggedInToVercel = execSync('vercel whoami', { stdio: 'pipe', encoding: 'utf-8' });
+
+  if (!isLoggedInToVercel) {
+    console.log('🖇️  Logging in to Vercel...');
+    execSync('vercel login');
+  } else {
+    console.log(`🖇️  You are logged to Vercel as \x1b[36m${isLoggedInToVercel}\x1b[0m`);
+  }
+
+  console.log('🖇️  Initializing Vercel project...');
+  execSync('vercel init');
+
+  console.log('🖇️  Linking Vercel project...');
+  execSync('vercel link', { stdio: 'inherit' });
+}
diff --git a/packages/core/utils/vercel/utils/getDeploymentUrl.ts b/packages/core/utils/vercel/utils/getDeploymentUrl.ts
@@ -0,0 +1,19 @@
+import { execSync } from 'child_process';
+
+export function getDeploymentUrl(production: boolean = false): string {
+  const command = production ? 'vercel --prod' : 'vercel';
+
+  try {
+    const output = execSync(command, { encoding: 'utf8' });
+
+    if (output) {
+      return output;
+    } else {
+      console.error(`URL not found in ${production ? 'production' : 'preview'} deployment output`);
+      return '';
+    }
+  } catch (error) {
+    console.error(`Error during ${production ? 'production' : 'preview'} deployment:`, error);
+    return '';
+  }
+}