create-whop-kit 1.0.7 → 1.0.8

package/dist/{chunk-E2IWGU3U.js → chunk-USEGOWYX.js}

@@ -7,8 +7,8 @@ import {
 } from "./chunk-42L7PRMT.js";
 
 // src/deploy/index.ts
-import * as p3 from "@clack/prompts";
-import pc3 from "picocolors";
+import * as p4 from "@clack/prompts";
+import pc4 from "picocolors";
 
 // src/deploy/vercel.ts
 import * as p from "@clack/prompts";
@@ -194,6 +194,8 @@ function getGitHubOrgs() {
 }
 
 // src/deploy/whop-api.ts
+import * as p3 from "@clack/prompts";
+import pc3 from "picocolors";
 var WHOP_API = "https://api.whop.com/api/v1";
 function headers(apiKey) {
   return {
@@ -211,13 +213,40 @@ async function validateApiKey(apiKey) {
     return false;
   }
 }
-async function createWhopApp(apiKey, name, redirectUris) {
+async function getCompanyId(apiKey) {
+  try {
+    const res = await fetch(`${WHOP_API}/companies`, {
+      headers: headers(apiKey)
+    });
+    if (res.ok) {
+      const data = await res.json();
+      const companies = data.data || data;
+      if (Array.isArray(companies) && companies.length > 0) {
+        return companies[0].id;
+      }
+    }
+  } catch {
+  }
+  p3.log.info(pc3.dim("Could not detect your company ID automatically."));
+  const result = await p3.text({
+    message: "Your Whop Company ID",
+    placeholder: "biz_xxxxxxxxx (find it in your dashboard URL)",
+    validate: (v) => {
+      if (!v) return "Required";
+      if (!v.startsWith("biz_")) return 'Must start with "biz_"';
+    }
+  });
+  if (p3.isCancel(result)) return null;
+  return result;
+}
+async function createWhopApp(apiKey, name, redirectUris, companyId) {
   try {
     const res = await fetch(`${WHOP_API}/apps`, {
       method: "POST",
       headers: headers(apiKey),
       body: JSON.stringify({
         name,
+        company_id: companyId,
         redirect_uris: redirectUris
       })
     });
@@ -233,12 +262,12 @@ async function createWhopApp(apiKey, name, redirectUris) {
     return null;
   }
 }
-async function createWhopWebhook(apiKey, url, events) {
+async function createWhopWebhook(apiKey, url, events, companyId) {
   try {
     const res = await fetch(`${WHOP_API}/webhooks`, {
       method: "POST",
       headers: headers(apiKey),
-      body: JSON.stringify({ url, events })
+      body: JSON.stringify({ url, events, company_id: companyId })
     });
     if (res.ok) {
       const data = await res.json();
@@ -273,7 +302,7 @@ function openUrl(url) {
 }
 async function runDeployPipeline(options) {
   const { projectDir, projectName, databaseUrl, framework } = options;
-  const setupMode = await p3.select({
+  const setupMode = await p4.select({
     message: "How would you like to deploy?",
     options: [
       {
@@ -293,32 +322,32 @@ async function runDeployPipeline(options) {
       }
     ]
   });
-  if (p3.isCancel(setupMode)) return null;
+  if (p4.isCancel(setupMode)) return null;
   const useGithub = setupMode === "github-vercel" || setupMode === "github-only";
   const useVercel = setupMode === "github-vercel" || setupMode === "vercel-only";
   let githubRepoUrl = null;
   let productionUrl = null;
   if (useGithub) {
-    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"));
+    p4.log.info(pc4.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()) {
-      p3.log.info("The GitHub CLI (gh) is needed to create your repo.");
+      p4.log.info("The GitHub CLI (gh) is needed to create your repo.");
       const installed = await installGh();
       if (!installed) {
-        p3.log.warning("Skipping GitHub \u2014 install gh manually: https://cli.github.com");
+        p4.log.warning("Skipping GitHub \u2014 install gh manually: https://cli.github.com");
       }
     }
     if (isGhInstalled()) {
       if (!isGhAuthenticated()) {
         const loginOk = await ghLogin();
         if (!loginOk) {
-          p3.log.warning("GitHub auth failed. Skipping repo creation.");
+          p4.log.warning("GitHub auth failed. Skipping repo creation.");
         }
       }
       if (isGhAuthenticated()) {
         const orgs = getGitHubOrgs();
         let repoFullName = projectName;
         if (orgs.length > 0) {
-          const orgChoice = await p3.select({
+          const orgChoice = await p4.select({
             message: "Which GitHub account?",
             options: [
               { value: "", label: "Personal account", hint: "your personal GitHub" },
@@ -329,7 +358,7 @@ async function runDeployPipeline(options) {
               }))
             ]
           });
-          if (!p3.isCancel(orgChoice) && orgChoice) {
+          if (!p4.isCancel(orgChoice) && orgChoice) {
             repoFullName = `${orgChoice}/${projectName}`;
           }
         }
@@ -338,24 +367,24 @@ async function runDeployPipeline(options) {
     }
   }
   if (useVercel) {
-    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"));
+    p4.log.info(pc4.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) {
-      p3.log.error("Could not set up Vercel CLI.");
+      p4.log.error("Could not set up Vercel CLI.");
       return githubRepoUrl ? { productionUrl: "", githubUrl: githubRepoUrl } : null;
     }
     if (!isVercelAuthenticated()) {
       const loginOk = await vercelLogin();
       if (!loginOk) {
-        p3.log.error("Vercel auth failed. Run " + pc3.bold("whop-kit deploy") + " later.");
+        p4.log.error("Vercel auth failed. Run " + pc4.bold("whop-kit deploy") + " later.");
         return githubRepoUrl ? { productionUrl: "", githubUrl: githubRepoUrl } : null;
       }
     }
     const vercelUser = getVercelUser();
-    p3.log.success(`Signed in${vercelUser ? ` as ${pc3.bold(vercelUser)}` : ""}`);
+    p4.log.success(`Signed in${vercelUser ? ` as ${pc4.bold(vercelUser)}` : ""}`);
     await vercelLink(projectDir);
     if (githubRepoUrl) {
-      const s = p3.spinner();
+      const s = p4.spinner();
       s.start("Connecting GitHub to Vercel (auto-deploy on push)...");
       const connectResult = exec(`vercel git connect ${githubRepoUrl}`, projectDir, 3e4);
       if (connectResult.success) {
@@ -365,40 +394,37 @@ async function runDeployPipeline(options) {
       }
     }
     if (databaseUrl) {
-      let s = p3.spinner();
+      let s = p4.spinner();
       s.start("Setting DATABASE_URL \u2192 production...");
       vercelEnvSet("DATABASE_URL", databaseUrl, "production", projectDir);
       s.stop("DATABASE_URL \u2192 production \u2713");
-      s = p3.spinner();
+      s = p4.spinner();
       s.start("Setting DATABASE_URL \u2192 preview...");
       vercelEnvSet("DATABASE_URL", databaseUrl, "preview", projectDir);
       s.stop("DATABASE_URL \u2192 preview \u2713");
-      s = p3.spinner();
+      s = p4.spinner();
       s.start("Setting DATABASE_URL \u2192 development...");
       vercelEnvSet("DATABASE_URL", databaseUrl, "development", projectDir);
       s.stop("DATABASE_URL \u2192 development \u2713");
     }
     productionUrl = await vercelDeploy(projectDir);
     if (!productionUrl) {
-      p3.log.error("Deploy failed. Try: " + pc3.bold(`cd ${projectName} && vercel deploy --prod`));
+      p4.log.error("Deploy failed. Try: " + pc4.bold(`cd ${projectName} && vercel deploy --prod`));
     }
   }
   if (productionUrl) {
-    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({
+    p4.log.info(pc4.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 p4.confirm({
       message: "Connect to Whop? (creates OAuth app + webhooks automatically)",
       initialValue: true
     });
-    if (!p3.isCancel(connectWhop) && connectWhop) {
-      p3.note(
+    if (!p4.isCancel(connectWhop) && connectWhop) {
+      p4.note(
         [
-          `We need a Company API key to set up OAuth and webhooks.`,
-          "",
-          `${pc3.bold("1.")} Go to ${pc3.cyan("https://whop.com/dashboard/developer")}`,
-          `${pc3.bold("2.")} Click ${pc3.bold('"Create"')} under "Company API Keys"`,
-          `${pc3.bold("3.")} Give it a name (e.g. "${projectName}")`,
-          `${pc3.bold("4.")} Click Create and copy the key`,
-          `${pc3.bold("5.")} Paste it below`
+          `${pc4.bold("1.")} Go to ${pc4.cyan("https://whop.com/dashboard/developer")}`,
+          `${pc4.bold("2.")} Under "Company API Keys", click ${pc4.bold('"Create"')}`,
+          `${pc4.bold("3.")} Name it (e.g. "${projectName}"), click Create`,
+          `${pc4.bold("4.")} Copy the key and paste it below`
         ].join("\n"),
         "Whop Company API Key"
       );
@@ -407,18 +433,18 @@ async function runDeployPipeline(options) {
       let keyValid = false;
       for (let attempt = 0; attempt < 3; attempt++) {
         if (!apiKey) {
-          const result = await p3.text({
+          const result = await p4.text({
             message: attempt === 0 ? "Paste your Company API key" : "Paste a new Company API key",
-            placeholder: "paste the key here...",
-            validate: (v) => !v ? "API key is required" : void 0
+            placeholder: "apik_...",
+            validate: (v) => !v ? "Required" : void 0
           });
-          if (p3.isCancel(result)) {
+          if (p4.isCancel(result)) {
             return { productionUrl, githubUrl: githubRepoUrl ?? void 0 };
           }
           apiKey = result;
         }
-        const s2 = p3.spinner();
-        s2.start("Validating API key...");
+        let s2 = p4.spinner();
+        s2.start("Validating...");
         keyValid = await validateApiKey(apiKey);
         if (keyValid) {
           s2.stop("API key valid");
@@ -426,37 +452,49 @@ async function runDeployPipeline(options) {
         }
         s2.stop("API key invalid");
         if (attempt < 2) {
-          const retry = await p3.confirm({
-            message: "Try a different key?",
-            initialValue: true
-          });
-          if (p3.isCancel(retry) || !retry) {
-            return { productionUrl, githubUrl: githubRepoUrl ?? void 0 };
-          }
+          const retry = await p4.confirm({ message: "Try a different key?", initialValue: true });
+          if (p4.isCancel(retry) || !retry) return { productionUrl, githubUrl: githubRepoUrl ?? void 0 };
           apiKey = "";
-        } else {
-          p3.log.error("Could not validate. Configure Whop manually via the setup wizard.");
-          return { productionUrl, githubUrl: githubRepoUrl ?? void 0 };
         }
       }
-      if (!keyValid) {
-        return { productionUrl, githubUrl: githubRepoUrl ?? void 0 };
-      }
+      if (!keyValid) return { productionUrl, githubUrl: githubRepoUrl ?? void 0 };
+      const companyId = await getCompanyId(apiKey);
+      if (!companyId) return { productionUrl, githubUrl: githubRepoUrl ?? void 0 };
       const redirectUris = [
         "http://localhost:3000/api/auth/callback",
         `${productionUrl}/api/auth/callback`
       ];
-      const s = p3.spinner();
+      let s = p4.spinner();
       s.start("Creating Whop OAuth app...");
-      const app = await createWhopApp(apiKey, projectName, redirectUris);
+      const app = await createWhopApp(apiKey, projectName, redirectUris, companyId);
       if (!app) {
         s.stop("Failed to create app");
-        p3.log.error("Create manually: " + pc3.cyan("https://whop.com/dashboard/developer"));
+        p4.log.error("Create manually in the Whop dashboard.");
         return { productionUrl, githubUrl: githubRepoUrl ?? void 0 };
       }
-      s.stop(`OAuth app created: ${pc3.bold(app.id)}`);
+      s.stop(`OAuth app created: ${pc4.bold(app.id)}`);
+      p4.note(
+        [
+          `Your app ${pc4.bold(app.id)} was created. Now get its API key:`,
+          "",
+          `${pc4.bold("1.")} Go to ${pc4.cyan("https://whop.com/dashboard/developer")}`,
+          `${pc4.bold("2.")} Click on your new app "${projectName}"`,
+          `${pc4.bold("3.")} Find ${pc4.bold("WHOP_API_KEY")} in the Environment Variables section`,
+          `${pc4.bold("4.")} Click reveal, copy it, and paste below`
+        ].join("\n"),
+        "App API Key"
+      );
+      openUrl("https://whop.com/dashboard/developer");
+      let appApiKey = "";
+      const appKeyResult = await p4.text({
+        message: "Paste the App API key (WHOP_API_KEY)",
+        placeholder: "starts with apik_...",
+        validate: (v) => !v ? "Required \u2014 find it in the app's Environment Variables" : void 0
+      });
+      if (!p4.isCancel(appKeyResult)) appApiKey = appKeyResult;
+      s = p4.spinner();
       s.start("Creating webhook...");
-      const webhook = await createWhopWebhook(apiKey, `${productionUrl}/api/webhooks/whop`, WEBHOOK_EVENTS);
+      const webhook = await createWhopWebhook(apiKey, `${productionUrl}/api/webhooks/whop`, WEBHOOK_EVENTS, companyId);
       if (!webhook) {
         s.stop("Failed (create manually in Whop dashboard)");
       } else {
@@ -469,16 +507,18 @@ async function runDeployPipeline(options) {
         } else {
           envVars["WHOP_APP_ID"] = app.id;
         }
-        envVars["WHOP_API_KEY"] = app.client_secret;
+        if (appApiKey) envVars["WHOP_API_KEY"] = appApiKey;
         if (webhook?.secret) envVars["WHOP_WEBHOOK_SECRET"] = webhook.secret;
         for (const [key, value] of Object.entries(envVars)) {
-          const vs = p3.spinner();
+          if (!value) continue;
+          const vs = p4.spinner();
           vs.start(`Pushing ${key}...`);
           vercelEnvSet(key, value, "production", projectDir);
           vercelEnvSet(key, value, "preview", projectDir);
           vercelEnvSet(key, value, "development", projectDir);
           vs.stop(`${key} \u2713`);
         }
+        s = p4.spinner();
         s.start("Redeploying with full configuration...");
         const redeploy = exec("vercel deploy --prod --yes", projectDir, 3e5);
         s.stop(redeploy.success ? "Redeployed" : "Redeploy pending \u2014 will apply on next git push");
@@ -487,7 +527,7 @@ async function runDeployPipeline(options) {
         productionUrl,
         githubUrl: githubRepoUrl ?? void 0,
         whopAppId: app.id,
-        whopApiKey: app.client_secret,
+        whopApiKey: appApiKey || void 0,
         webhookSecret: webhook?.secret
       };
     }

package/dist/cli-create.js

@@ -684,7 +684,7 @@ var init_default = defineCommand({
       });
       if (!isCancelled(deployChoice) && deployChoice === "deploy") {
         deployAttempted = true;
-        const { runDeployPipeline } = await import("./deploy-AMH7INFV.js");
+        const { runDeployPipeline } = await import("./deploy-HMCWU54H.js");
         deployResult = await runDeployPipeline({
           projectDir,
           projectName,

package/dist/cli-kit.js

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

package/dist/{deploy-AMH7INFV.js → deploy-HMCWU54H.js}

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

package/package.json

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