create-whop-kit 1.0.1 → 1.0.3

package/dist/{chunk-BQZUZXDZ.js → chunk-FS63S7SD.js}

@@ -56,7 +56,6 @@ function getVercelUser() {
 }
 async function vercelLogin() {
   p.log.info("You'll be redirected to Vercel to sign in (or create an account).");
-  p.log.info(pc.dim("This is needed to deploy your app."));
   console.log("");
   const ok = execInteractive("vercel login");
   console.log("");
@@ -70,52 +69,57 @@ async function vercelLink(projectDir) {
   return ok;
 }
 async function vercelDeploy(projectDir) {
-  const s = p.spinner();
-  s.start("Vercel: deploying to production (this may take a few minutes)...");
-  const result = exec("vercel deploy --prod --yes", projectDir, 3e5);
-  if (!result.success) {
-    s.stop("Vercel deployment failed");
-    const errorOutput = result.stderr || result.stdout;
-    if (errorOutput) {
-      const trimmed = errorOutput.length > 600 ? "..." + errorOutput.slice(-600) : errorOutput;
-      p.log.error(pc.dim(trimmed));
-    }
+  p.log.step("Vercel: deploying to production...");
+  console.log("");
+  const ok = execInteractive("vercel deploy --prod --yes", projectDir);
+  console.log("");
+  if (!ok) {
+    p.log.error("Vercel deployment failed. Check the build output above.");
     return null;
   }
-  const lines = result.stdout.split("\n");
-  let url = "";
-  for (const line of lines) {
-    if (line.includes("Aliased:") || line.includes("Production:")) {
-      const match = line.match(/https:\/\/[^\s\[\]]+/);
-      if (match) {
-        url = match[0];
-        if (line.includes("Aliased:")) break;
+  const s = p.spinner();
+  s.start("Getting deployment URL...");
+  const ls = exec("vercel ls --json", projectDir, 15e3);
+  if (ls.success) {
+    try {
+      const data = JSON.parse(ls.stdout);
+      const prod = Array.isArray(data) ? data.find((d) => d.target === "production") : null;
+      if (prod?.url) {
+        const url = `https://${prod.url}`;
+        s.stop(`Deployed to ${pc.cyan(url)}`);
+        return url;
       }
+    } catch {
     }
   }
-  if (!url) {
-    const urls = [];
-    for (const line of lines) {
-      const match = line.match(/https:\/\/[^\s\[\]]+\.vercel\.app/);
-      if (match) urls.push(match[0]);
+  const inspect = exec("vercel inspect --json", projectDir, 15e3);
+  if (inspect.success) {
+    const urlMatch = inspect.stdout.match(/https:\/\/[^\s"]+\.vercel\.app/);
+    if (urlMatch) {
+      s.stop(`Deployed to ${pc.cyan(urlMatch[0])}`);
+      return urlMatch[0];
     }
-    if (urls.length > 0) {
-      urls.sort((a, b) => a.length - b.length);
-      url = urls[0];
-    }
-  }
-  if (url) {
-    s.stop(`Deployed to ${pc.cyan(url)}`);
-    return url;
   }
-  for (const line of lines) {
-    const match = line.match(/https:\/\/[^\s\[\]]+/);
-    if (match && !match[0].includes("github.com") && !match[0].includes("vercel.com/")) {
-      s.stop(`Deployed to ${pc.cyan(match[0])}`);
-      return match[0];
+  try {
+    const { readFileSync } = await import("fs");
+    const { join } = await import("path");
+    const projectJson = JSON.parse(
+      readFileSync(join(projectDir, ".vercel", "project.json"), "utf-8")
+    );
+    if (projectJson.projectId) {
+      const proj = exec(`vercel project inspect ${projectJson.projectId} --json`, projectDir, 15e3);
+      if (proj.success) {
+        const urlMatch = proj.stdout.match(/https:\/\/[^\s"]+\.vercel\.app/);
+        if (urlMatch) {
+          s.stop(`Deployed to ${pc.cyan(urlMatch[0])}`);
+          return urlMatch[0];
+        }
+      }
     }
+  } catch {
   }
-  s.stop("Deployed but could not extract URL");
+  s.stop("Deployed (extracting URL...)");
+  p.log.info("The deployment URL was shown in the build output above.");
   const manual = await p.text({
     message: "Paste your Vercel production URL",
     placeholder: "https://your-app.vercel.app",
@@ -226,23 +230,33 @@ function headers(apiKey) {
     "Content-Type": "application/json"
   };
 }
-async function validateApiKey(apiKey) {
+async function getCompanyId(apiKey) {
   try {
-    const res = await fetch(`${WHOP_API}/apps`, {
+    const res = await fetch(`${WHOP_API}/companies`, {
       headers: headers(apiKey)
     });
-    return res.ok;
+    if (!res.ok) return null;
+    const data = await res.json();
+    const companies = data.data || data;
+    if (Array.isArray(companies) && companies.length > 0) {
+      return companies[0].id;
+    }
+    return null;
   } catch {
-    return false;
+    return null;
   }
 }
-async function createWhopApp(apiKey, name, redirectUris) {
+async function validateApiKey(apiKey) {
+  return getCompanyId(apiKey);
+}
+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
       })
     });
@@ -261,14 +275,15 @@ 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
+        events,
+        company_id: companyId
       })
     });
     if (!res.ok) {
@@ -433,6 +448,7 @@ async function runDeployPipeline(options) {
           `${pc3.bold("3.")} Name it anything (e.g. "${projectName}")`,
           "",
           `${pc3.bold("4.")} Select these permissions:`,
+          `   ${pc3.green("\u2022")} company:basic:read         ${pc3.dim("\u2014 identify your company")}`,
           `   ${pc3.green("\u2022")} developer:create_app       ${pc3.dim("\u2014 create the OAuth app")}`,
           `   ${pc3.green("\u2022")} developer:update_app       ${pc3.dim("\u2014 configure redirect URIs")}`,
           `   ${pc3.green("\u2022")} developer:manage_api_key   ${pc3.dim("\u2014 get the app credentials")}`,
@@ -460,27 +476,27 @@ async function runDeployPipeline(options) {
       }
       const s = p3.spinner();
       s.start("Validating API key...");
-      const keyValid = await validateApiKey(apiKey);
-      if (!keyValid) {
+      const companyId = await validateApiKey(apiKey);
+      if (!companyId) {
         s.stop("Invalid API key");
-        p3.log.error("Check permissions: developer:create_app, developer:manage_api_key, developer:manage_webhook");
+        p3.log.error("Check that the key has permissions: developer:create_app, developer:manage_api_key, developer:manage_webhook, company:basic:read");
         return { productionUrl, githubUrl: githubRepoUrl ?? void 0 };
       }
-      s.stop("API key valid");
+      s.stop(`API key valid (company: ${pc3.dim(companyId)})`);
       const redirectUris = [
         "http://localhost:3000/api/auth/callback",
         `${productionUrl}/api/auth/callback`
       ];
       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");
+        s.stop("Failed to create app");
         p3.log.error("Create manually: " + pc3.cyan("https://whop.com/dashboard/developer"));
         return { productionUrl, githubUrl: githubRepoUrl ?? void 0 };
       }
       s.stop(`OAuth app created: ${pc3.bold(app.id)}`);
       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 {

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-4OQC445A.js");
+        const { runDeployPipeline } = await import("./deploy-GJATOBW4.js");
         deployResult = await runDeployPipeline({
           projectDir,
           projectName,

package/dist/cli-kit.js

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

package/dist/{deploy-4OQC445A.js → deploy-GJATOBW4.js}

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

package/package.json

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