create-whop-kit 0.7.0 → 0.8.0

package/dist/{chunk-6EDYLQLE.js → chunk-TNUTE5L4.js}

@@ -7,8 +7,8 @@ import {
 } from "./chunk-42L7PRMT.js";
 
 // src/deploy/index.ts
-import * as p2 from "@clack/prompts";
-import pc2 from "picocolors";
+import * as p3 from "@clack/prompts";
+import pc3 from "picocolors";
 
 // src/deploy/vercel.ts
 import * as p from "@clack/prompts";
@@ -147,6 +147,67 @@ function vercelEnvSetBatch(vars, projectDir) {
   return { success, failed };
 }
 
+// src/deploy/github.ts
+import * as p2 from "@clack/prompts";
+import pc2 from "picocolors";
+function isGhInstalled() {
+  return hasCommand("gh");
+}
+function isGhAuthenticated() {
+  const result = exec("gh auth status");
+  return result.success;
+}
+async function installGh() {
+  const s = p2.spinner();
+  s.start("Installing GitHub CLI...");
+  const result = exec("npm install -g gh", void 0, 6e4);
+  if (result.success && hasCommand("gh")) {
+    s.stop("GitHub CLI installed");
+    return true;
+  }
+  s.stop("Could not auto-install GitHub CLI");
+  p2.log.info("Install manually:");
+  p2.log.info(pc2.bold("  https://cli.github.com"));
+  return false;
+}
+async function ghLogin() {
+  p2.log.info("You'll be redirected to GitHub to sign in.");
+  console.log("");
+  const ok = execInteractive("gh auth login --web");
+  console.log("");
+  return ok;
+}
+async function createGitHubRepo(projectDir, projectName) {
+  const s = p2.spinner();
+  s.start("Creating private GitHub repository...");
+  const result = exec(
+    `gh repo create ${projectName} --private --source=. --push`,
+    projectDir,
+    6e4
+  );
+  if (!result.success) {
+    s.stop("Could not create repo");
+    const stderr = result.stderr || result.stdout;
+    if (stderr.includes("already exists")) {
+      p2.log.warning(`Repository "${projectName}" already exists on GitHub.`);
+      exec(`git remote add origin https://github.com/$(gh api user --jq .login)/${projectName}.git`, projectDir);
+      const pushResult = exec("git push -u origin main", projectDir, 3e4);
+      if (pushResult.success) {
+        const remote = exec("gh repo view --json url --jq .url", projectDir);
+        return remote.success ? remote.stdout.trim() : null;
+      }
+    }
+    return null;
+  }
+  const repoUrl = exec("gh repo view --json url --jq .url", projectDir);
+  if (repoUrl.success) {
+    s.stop(`GitHub repo created: ${pc2.cyan(repoUrl.stdout.trim())}`);
+    return repoUrl.stdout.trim();
+  }
+  s.stop("GitHub repo created");
+  return `https://github.com/${projectName}`;
+}
+
 // src/deploy/whop-api.ts
 var WHOP_API = "https://api.whop.com/api/v1";
 function headers(apiKey) {
@@ -233,84 +294,125 @@ function openUrl(url) {
 }
 async function runDeployPipeline(options) {
   const { projectDir, projectName, databaseUrl, framework } = options;
-  const ok = await installOrUpdateVercel();
-  if (!ok) return null;
+  p3.log.info(pc3.bold("\n\u2500\u2500 GitHub \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
+  if (!isGhInstalled()) {
+    const install = await p3.confirm({
+      message: "GitHub CLI (gh) not found. Install it?",
+      initialValue: true
+    });
+    if (p3.isCancel(install) || !install) {
+      p3.log.warning("Skipping GitHub. Deploy will upload directly (no auto-deploy on push).");
+    } else {
+      await installGh();
+    }
+  }
+  let githubRepoUrl = null;
+  if (isGhInstalled()) {
+    if (!isGhAuthenticated()) {
+      const loginOk = await ghLogin();
+      if (!loginOk) {
+        p3.log.warning("GitHub auth failed. Skipping GitHub repo creation.");
+      }
+    }
+    if (isGhAuthenticated()) {
+      githubRepoUrl = await createGitHubRepo(projectDir, projectName);
+      if (githubRepoUrl) {
+        p3.log.success(`Code pushed to ${pc3.cyan(githubRepoUrl)}`);
+      } else {
+        p3.log.warning("Could not create GitHub repo. Continuing without it.");
+      }
+    }
+  }
+  p3.log.info(pc3.bold("\n\u2500\u2500 Vercel \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
+  const vercelOk = await installOrUpdateVercel();
+  if (!vercelOk) return null;
   if (!isVercelAuthenticated()) {
     const loginOk = await vercelLogin();
     if (!loginOk) {
-      p2.log.error("Vercel authentication failed. Deploy later with: " + pc2.bold("whop-kit deploy"));
+      p3.log.error("Vercel auth failed. Run " + pc3.bold("whop-kit deploy") + " later.");
       return null;
     }
   }
-  const user = getVercelUser();
-  p2.log.success(`Vercel authenticated${user ? ` as ${pc2.bold(user)}` : ""}`);
+  const vercelUser = getVercelUser();
+  p3.log.success(`Signed in${vercelUser ? ` as ${pc3.bold(vercelUser)}` : ""}`);
   const linkOk = await vercelLink(projectDir);
   if (!linkOk) {
-    p2.log.warning("Could not link project. Will try deploying directly.");
+    p3.log.warning("Could not link project.");
+  }
+  if (githubRepoUrl) {
+    const s2 = p3.spinner();
+    s2.start("Connecting GitHub repo to Vercel (enables auto-deploy on push)...");
+    const connectResult = exec(
+      `vercel git connect ${githubRepoUrl}`,
+      projectDir,
+      3e4
+    );
+    if (connectResult.success) {
+      s2.stop("GitHub connected \u2014 future pushes will auto-deploy");
+    } else {
+      s2.stop("Could not auto-connect GitHub (connect manually in Vercel dashboard)");
+    }
   }
   if (databaseUrl) {
-    const s2 = p2.spinner();
-    s2.start("Vercel: setting DATABASE_URL...");
+    const s2 = p3.spinner();
+    s2.start("Setting DATABASE_URL on Vercel...");
     vercelEnvSet("DATABASE_URL", databaseUrl, "production", projectDir);
     vercelEnvSet("DATABASE_URL", databaseUrl, "preview", projectDir);
     vercelEnvSet("DATABASE_URL", databaseUrl, "development", projectDir);
-    s2.stop("DATABASE_URL set on Vercel");
+    s2.stop("DATABASE_URL configured");
   }
   const productionUrl = await vercelDeploy(projectDir);
   if (!productionUrl) {
-    p2.log.error("Vercel deployment failed. Try deploying manually:");
-    p2.log.info(pc2.bold(`  cd ${projectName} && vercel deploy --prod`));
+    p3.log.error("Deployment failed. Try: " + pc3.bold(`cd ${projectName} && vercel deploy --prod`));
     return null;
   }
-  const connectWhop = await p2.confirm({
+  p3.log.info(pc3.bold("\n\u2500\u2500 Whop \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
+  const connectWhop = await p3.confirm({
     message: "Connect to Whop? (creates OAuth app + webhooks automatically)",
     initialValue: true
   });
-  if (p2.isCancel(connectWhop) || !connectWhop) {
+  if (p3.isCancel(connectWhop) || !connectWhop) {
     return { productionUrl };
   }
-  p2.log.info("");
-  p2.note(
+  p3.note(
     [
-      `${pc2.bold("1.")} Go to the Whop Developer Dashboard`,
-      `   ${pc2.cyan("https://whop.com/dashboard/developer")}`,
+      `${pc3.bold("1.")} Go to the Whop Developer Dashboard`,
+      `   ${pc3.cyan("https://whop.com/dashboard/developer")}`,
       "",
-      `${pc2.bold("2.")} Click ${pc2.bold('"Create"')} under "Company API Keys"`,
+      `${pc3.bold("2.")} Click ${pc3.bold('"Create"')} under "Company API Keys"`,
       "",
-      `${pc2.bold("3.")} Name it anything (e.g. "${projectName}")`,
+      `${pc3.bold("3.")} Name it anything (e.g. "${projectName}")`,
       "",
-      `${pc2.bold("4.")} Select these permissions:`,
-      `   ${pc2.green("\u2022")} developer:create_app`,
-      `   ${pc2.green("\u2022")} developer:manage_api_key`,
-      `   ${pc2.green("\u2022")} developer:manage_webhook`,
+      `${pc3.bold("4.")} Select these permissions:`,
+      `   ${pc3.green("\u2022")} developer:create_app`,
+      `   ${pc3.green("\u2022")} developer:manage_api_key`,
+      `   ${pc3.green("\u2022")} developer:manage_webhook`,
       "",
-      `${pc2.bold("5.")} Create the key and paste it below`
+      `${pc3.bold("5.")} Create the key and paste it below`
     ].join("\n"),
     "Create a Company API Key"
   );
   openUrl("https://whop.com/dashboard/developer");
   let apiKey = options.whopCompanyKey ?? "";
   if (!apiKey) {
-    const result = await p2.text({
+    const result = await p3.text({
       message: "Paste your Company API key",
       placeholder: "paste the key here...",
       validate: (v) => !v ? "API key is required" : void 0
     });
-    if (p2.isCancel(result)) return { productionUrl };
+    if (p3.isCancel(result)) return { productionUrl };
     apiKey = result;
   }
-  const s = p2.spinner();
+  const s = p3.spinner();
   s.start("Validating API key...");
   const keyValid = await validateApiKey(apiKey);
   if (!keyValid) {
     s.stop("Invalid API key");
-    p2.log.error("The key was rejected. Check that it has the required permissions:");
-    p2.log.info("  developer:create_app, developer:manage_api_key, developer:manage_webhook");
-    p2.log.info(`  Dashboard: ${pc2.cyan("https://whop.com/dashboard/developer")}`);
+    p3.log.error("Check permissions: developer:create_app, developer:manage_api_key, developer:manage_webhook");
     return { productionUrl };
   }
   s.stop("API key valid");
-  const callbackPath = framework === "astro" ? "/api/auth/callback" : "/api/auth/callback";
+  const callbackPath = "/api/auth/callback";
   const redirectUris = [
     `http://localhost:3000${callbackPath}`,
     `${productionUrl}${callbackPath}`
@@ -318,19 +420,19 @@ async function runDeployPipeline(options) {
   s.start("Creating Whop OAuth app...");
   const app = await createWhopApp(apiKey, projectName, redirectUris);
   if (!app) {
-    s.stop("Failed to create Whop app");
-    p2.log.error("Create it manually in the Whop dashboard.");
+    s.stop("Failed to create app");
+    p3.log.error("Create manually at: " + pc3.cyan("https://whop.com/dashboard/developer"));
     return { productionUrl };
   }
-  s.stop(`Whop app created: ${pc2.bold(app.id)}`);
+  s.stop(`OAuth app created: ${pc3.bold(app.id)}`);
   const webhookUrl = `${productionUrl}/api/webhooks/whop`;
   s.start("Creating webhook endpoint...");
   const webhook = await createWhopWebhook(apiKey, webhookUrl, WEBHOOK_EVENTS);
   if (!webhook) {
     s.stop("Failed to create webhook");
-    p2.log.warning("Create it manually in the Whop dashboard.");
+    p3.log.warning("Create manually in the Whop dashboard.");
   } else {
-    s.stop("Webhook endpoint created");
+    s.stop("Webhook created");
   }
   const envVars = {};
   if (framework === "nextjs") {
@@ -342,22 +444,19 @@ async function runDeployPipeline(options) {
   if (webhook?.secret) {
     envVars["WHOP_WEBHOOK_SECRET"] = webhook.secret;
   }
-  s.start("Pushing credentials to Vercel...");
+  s.start("Pushing Whop credentials to Vercel...");
   const { success, failed } = vercelEnvSetBatch(envVars, projectDir);
   if (failed.length > 0) {
-    s.stop(`Pushed ${success.length} vars, ${failed.length} failed`);
-    p2.log.warning(`Failed to push: ${failed.join(", ")}. Add them manually in Vercel dashboard.`);
+    s.stop(`${success.length} pushed, ${failed.length} failed`);
   } else {
-    s.stop(`${success.length} environment variables pushed`);
+    s.stop("Credentials pushed to Vercel");
   }
-  p2.log.step("Vercel: redeploying with full configuration...");
-  console.log("");
-  const redeployOk = execInteractive("vercel deploy --prod --yes", projectDir);
-  console.log("");
-  if (redeployOk) {
-    p2.log.success("Redeployed with full configuration");
+  s.start("Redeploying with full configuration...");
+  const redeployResult = exec("vercel deploy --prod --yes", projectDir, 3e5);
+  if (redeployResult.success) {
+    s.stop("Redeployed successfully");
   } else {
-    p2.log.warning("Redeploy failed \u2014 env vars will apply on next deploy/push");
+    s.stop("Redeploy pending \u2014 will apply on next git push");
   }
   return {
     productionUrl,

package/dist/cli-create.js

@@ -675,7 +675,7 @@ var init_default = defineCommand({
       })();
       if (shouldDeploy) {
         deployAttempted = true;
-        const { runDeployPipeline } = await import("./deploy-GDDFTPNG.js");
+        const { runDeployPipeline } = await import("./deploy-4GLNQM3I.js");
         deployResult = await runDeployPipeline({
           projectDir,
           projectName,

package/dist/cli-kit.js

@@ -9,7 +9,7 @@ import {
 } from "./chunk-HOQ5QQ2M.js";
 import {
   runDeployPipeline
-} from "./chunk-6EDYLQLE.js";
+} from "./chunk-TNUTE5L4.js";
 import {
   detectPackageManager,
   exec

package/dist/{deploy-GDDFTPNG.js → deploy-4GLNQM3I.js}

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   runDeployPipeline
-} from "./chunk-6EDYLQLE.js";
+} from "./chunk-TNUTE5L4.js";
 import "./chunk-42L7PRMT.js";
 export {
   runDeployPipeline

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-whop-kit",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Scaffold and manage Whop-powered apps with whop-kit",
   "type": "module",
   "license": "MIT",