feat: add create project for supabase

packages/core/index.ts

@@ -1,9 +1,9 @@
-import { execSync } from "child_process";
-import { createEnvFile } from "./utils/env/createEnvFile";
-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 { execSync } from 'child_process';
+import { prepareDrink } from './utils/bar/prepareDrink';
+import { createEnvFile } from './utils/env/createEnvFile';
+import { preparePayload } from './utils/payload/install';
+import { prettify } from './utils/prettier/prettify';
+import { installSupabase } from './utils/supabase/install';
 
 interface ProjectOptions {
   name: string;
@@ -16,7 +16,7 @@ export async function createProject(options: ProjectOptions) {
 
   console.log(`🍸 Stapling ${name}...`);
   execSync(`npx create-turbo@latest ${name} -m pnpm`, {
-    stdio: "inherit",
+    stdio: 'inherit',
   });
 
   process.chdir(name);
@@ -27,7 +27,7 @@ export async function createProject(options: ProjectOptions) {
 
   if (usePayload) await preparePayload();
 
-  await installSupabase(currentDir);
+  await installSupabase(currentDir, name);
 
   await prettify();
 

packages/core/package.json

@@ -8,7 +8,8 @@
     "dev": "tsc -w"
   },
   "dependencies": {
-    "fs-extra": "^11.2.0"
+    "fs-extra": "^11.2.0",
+    "inquirer": "^10.2.2"
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",

packages/core/utils/supabase/install.ts

@@ -1,24 +1,115 @@
-import { execSync } from "child_process";
-import { templateGenerator } from "../generator/generator";
-import { supabaseFiles } from "../../templates/supabase/installConfig";
-import path from "path";
-import fs from "fs";
+import { execSync } from 'child_process';
+import fs from 'fs';
+import inquirer from 'inquirer';
+import path from 'path';
+import { supabaseFiles } from '../../templates/supabase/installConfig';
+import { templateGenerator } from '../generator/generator';
 
-export const installSupabase = async (destinationDirectory: string) => {
-  console.log("🍸 Installing supabase-js...");
-  execSync(`supabase init`, { stdio: "inherit" });
+interface SupabaseProject {
+  linked: boolean;
+  org_id: string;
+  id: string;
+  name: string;
+  region: string;
+  created_at: string;
+}
 
-  console.log("🍸 Adding Supabase Files...");
-  const templateDirectory = path.join(__dirname, "../templates/supabase/files");
+function parseProjectsList(output: string): SupabaseProject[] {
+  const lines = output.trim().split('\n');
+  lines.splice(0, 2);
+
+  return lines.map((line) => {
+    const [linked, org_id, id, name, region, created_at] = line
+      .split('│')
+      .map((item) => item.trim());
+    return {
+      linked: linked !== '',
+      org_id,
+      id,
+      name,
+      region,
+      created_at,
+    };
+  });
+}
+
+export const installSupabase = async (
+  destinationDirectory: string,
+  name: string
+) => {
+  console.log('🍸 Installing supabase-js...');
+  execSync(`supabase init`, { stdio: 'inherit' });
+
+  console.log('🍸 Adding Supabase Files...');
+  const templateDirectory = path.join(__dirname, '../templates/supabase/files');
 
   templateGenerator(supabaseFiles, templateDirectory, destinationDirectory);
   // add "supabase/**" to pnpm-workspace.yaml
-  const workspacePath = path.join(destinationDirectory, "pnpm-workspace.yaml");
+  const workspacePath = path.join(destinationDirectory, 'pnpm-workspace.yaml');
   const addSupabaseToWorkspace = `  - "supabase/**"`;
   fs.appendFileSync(workspacePath, addSupabaseToWorkspace);
 
-  process.chdir("supabase");
-  console.log("🍸 Installing Supabase dependencies...");
-  execSync("pnpm install", { stdio: "inherit" });
-  process.chdir("..");
+  process.chdir('supabase');
+  console.log('🍸 Installing Supabase dependencies...');
+  execSync('pnpm install', { stdio: 'inherit' });
+
+  console.log('🍸 Creating Supabase project...');
+
+  execSync(`supabase projects create ${name}`, {
+    stdio: 'inherit',
+  });
+
+  // Find the newly created project
+  const output = execSync('supabase projects list', { encoding: 'utf-8' });
+  const projects = parseProjectsList(output);
+  const newProject = projects.find((project) => project.name === name);
+
+  console.log('🍸 Linking Supabase project...');
+  console.log(
+    '\n=== Instructions for Supabase Integration with GitHub and Vercel ==='
+  );
+  console.log(
+    '🍸 1. In 10s you will be redirect to your supabase project dashboard'
+  );
+  console.log('🍸 2. Find the "GitHub" section and click "Connect".');
+  console.log(
+    '   - Follow the prompts to connect Supabase with your GitHub repository.'
+  );
+  console.log('🍸 3. Then, find the "Vercel" section and click "Connect".');
+  console.log(
+    '   - Follow the prompts to connect Supabase with your Vercel project.'
+  );
+  console.log(
+    '\n 🍸 Please note that these steps require manual configuration in the Supabase interface.\n'
+  );
+
+  await new Promise((resolve) => setTimeout(resolve, 10000));
+  execSync(
+    `open https://supabase.com/dashboard/project/${newProject?.id}/settings/integrations`
+  );
+
+  const { ready } = await inquirer.prompt([
+    {
+      type: 'confirm',
+      name: 'ready',
+      message: '🍸 Have you completed the GitHub and Vercel integration setup?',
+      default: false,
+    },
+  ]);
+
+  if (ready) {
+    console.log('🍸 Great! Proceeding with the next steps...');
+    // Add your next steps here
+  } else {
+    console.log(
+      "🍸 No problem. Please complete the integration when you're ready."
+    );
+    console.log(
+      `🍸 You can access your project dashboard at: https://supabase.com/dashboard/project/${newProject?.id}/settings/integrations`
+    );
+    console.log("🍸 Run this script again when you're ready to proceed.");
+    process.exit(0); // Exit the script if the user is not ready
+  }
+
+  process.chdir('..');
 };