create-whop-kit 0.1.0

package/README.md

@@ -0,0 +1,42 @@
+# create-whop-kit
+
+Scaffold a new [Whop](https://whop.com)-powered app with [whop-kit](https://www.npmjs.com/package/whop-kit).
+
+## Usage
+
+```bash
+npx create-whop-kit my-app
+```
+
+You'll be prompted to choose:
+
+1. **What you're building** — SaaS, Course, Community, or Blank
+2. **Framework** — Next.js (more coming soon)
+3. **Database** — Neon, Supabase, Local PostgreSQL, or configure later
+
+The CLI clones the template, installs dependencies, configures your `.env.local`, and initializes a git repo.
+
+## Options
+
+```bash
+# Provide the project name as an argument
+npx create-whop-kit my-app
+
+# Or run interactively
+npx create-whop-kit
+```
+
+## Templates
+
+| Template | Framework | Status |
+|----------|-----------|--------|
+| SaaS | Next.js | Available |
+| SaaS | Astro | Coming soon |
+| SaaS | TanStack Start | Coming soon |
+| Course | — | Coming soon |
+| Community | — | Coming soon |
+| Blank | — | Coming soon |
+
+## License
+
+MIT

package/dist/index.js

@@ -0,0 +1,209 @@
+#!/usr/bin/env node
+
+// src/index.ts
+import * as p from "@clack/prompts";
+import { execSync } from "child_process";
+import { existsSync, readFileSync, writeFileSync } from "fs";
+import { resolve, join, basename } from "path";
+import { fileURLToPath } from "url";
+var __dirname = fileURLToPath(new URL(".", import.meta.url));
+var TEMPLATES_DIR = resolve(__dirname, "..", "templates");
+var TEMPLATES = {
+  nextjs: {
+    name: "Next.js",
+    description: "Full-stack React with App Router, SSR, and API routes",
+    repo: "colinmcdermott/whop-saas-starter-v2",
+    available: true
+  },
+  astro: {
+    name: "Astro",
+    description: "Content-focused with islands architecture",
+    repo: "",
+    available: false
+  },
+  tanstack: {
+    name: "TanStack Start",
+    description: "Full-stack React with TanStack Router",
+    repo: "",
+    available: false
+  },
+  vite: {
+    name: "Vite + React",
+    description: "Lightweight SPA with Vite bundler",
+    repo: "",
+    available: false
+  }
+};
+var APP_TYPES = {
+  saas: {
+    name: "SaaS",
+    description: "Subscription tiers, dashboard, billing portal",
+    available: true
+  },
+  course: {
+    name: "Course",
+    description: "Lessons, progress tracking, drip content",
+    available: false
+  },
+  community: {
+    name: "Community",
+    description: "Member feeds, gated content, roles",
+    available: false
+  },
+  blank: {
+    name: "Blank",
+    description: "Just auth + payments, you build the rest",
+    available: false
+  }
+};
+var DB_OPTIONS = {
+  neon: {
+    name: "Neon",
+    description: "Serverless Postgres (recommended)",
+    envVarHint: "postgresql://user:pass@ep-xxx.us-east-2.aws.neon.tech/dbname?sslmode=require"
+  },
+  supabase: {
+    name: "Supabase",
+    description: "Open-source Firebase alternative",
+    envVarHint: "postgresql://postgres.xxx:pass@aws-0-us-east-1.pooler.supabase.com:6543/postgres"
+  },
+  local: {
+    name: "Local PostgreSQL",
+    description: "Your own Postgres instance",
+    envVarHint: "postgresql://postgres:postgres@localhost:5432/myapp"
+  },
+  later: {
+    name: "Configure later",
+    description: "Skip database setup for now",
+    envVarHint: ""
+  }
+};
+function run(cmd, cwd) {
+  try {
+    return execSync(cmd, { cwd, stdio: "pipe", encoding: "utf-8" }).trim();
+  } catch {
+    return "";
+  }
+}
+function hasCommand(cmd) {
+  return run(`which ${cmd}`) !== "";
+}
+async function main() {
+  const args = process.argv.slice(2);
+  const projectName = args[0];
+  console.log("");
+  p.intro("Create Whop Kit App");
+  const name = projectName ?? await p.text({
+    message: "Project name",
+    placeholder: "my-whop-app",
+    validate: (v) => {
+      if (!v) return "Project name is required";
+      if (existsSync(resolve(v))) return `Directory "${v}" already exists`;
+    }
+  });
+  if (p.isCancel(name)) {
+    p.cancel("Cancelled.");
+    process.exit(0);
+  }
+  const appType = await p.select({
+    message: "What are you building?",
+    options: Object.entries(APP_TYPES).map(([value, { name: name2, description, available }]) => ({
+      value,
+      label: available ? name2 : `${name2} (coming soon)`,
+      hint: description,
+      disabled: !available
+    }))
+  });
+  if (p.isCancel(appType)) {
+    p.cancel("Cancelled.");
+    process.exit(0);
+  }
+  const framework = await p.select({
+    message: "Which framework?",
+    options: Object.entries(TEMPLATES).map(([value, { name: name2, description, available }]) => ({
+      value,
+      label: available ? name2 : `${name2} (coming soon)`,
+      hint: description,
+      disabled: !available
+    }))
+  });
+  if (p.isCancel(framework)) {
+    p.cancel("Cancelled.");
+    process.exit(0);
+  }
+  const database = await p.select({
+    message: "Which database?",
+    options: Object.entries(DB_OPTIONS).map(([value, { name: name2, description }]) => ({
+      value,
+      label: name2,
+      hint: description
+    }))
+  });
+  if (p.isCancel(database)) {
+    p.cancel("Cancelled.");
+    process.exit(0);
+  }
+  let databaseUrl = "";
+  if (database !== "later") {
+    const dbUrl = await p.text({
+      message: "Database URL",
+      placeholder: DB_OPTIONS[database].envVarHint,
+      validate: (v) => {
+        if (!v) return "Database URL is required (or go back and choose 'Configure later')";
+      }
+    });
+    if (p.isCancel(dbUrl)) {
+      p.cancel("Cancelled.");
+      process.exit(0);
+    }
+    databaseUrl = dbUrl;
+  }
+  const template = TEMPLATES[framework];
+  const projectDir = resolve(name);
+  const s = p.spinner();
+  s.start("Cloning template...");
+  const cloneResult = run(
+    `git clone --depth 1 https://github.com/${template.repo}.git "${projectDir}" 2>&1`
+  );
+  if (!existsSync(projectDir)) {
+    s.stop("Failed to clone template");
+    p.log.error(cloneResult || "Git clone failed. Make sure git is installed.");
+    process.exit(1);
+  }
+  run(`rm -rf "${join(projectDir, ".git")}"`);
+  const pkgPath = join(projectDir, "package.json");
+  if (existsSync(pkgPath)) {
+    const pkg = JSON.parse(readFileSync(pkgPath, "utf-8"));
+    pkg.name = basename(name);
+    writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + "\n");
+  }
+  s.stop("Template cloned");
+  if (databaseUrl) {
+    s.start("Configuring environment...");
+    const envContent = `DATABASE_URL="${databaseUrl}"
+`;
+    writeFileSync(join(projectDir, ".env.local"), envContent);
+    s.stop("Environment configured");
+  }
+  const packageManager = hasCommand("pnpm") ? "pnpm" : hasCommand("yarn") ? "yarn" : "npm";
+  s.start(`Installing dependencies with ${packageManager}...`);
+  run(`${packageManager} install`, projectDir);
+  s.stop("Dependencies installed");
+  run("git init", projectDir);
+  run("git add -A", projectDir);
+  run('git commit -m "initial: scaffolded with create-whop-kit"', projectDir);
+  const relativePath = name;
+  p.note(
+    [
+      `cd ${relativePath}`,
+      databaseUrl ? `${packageManager} run db:push` : `# Add DATABASE_URL to .env.local first`,
+      `${packageManager} run dev`
+    ].join("\n"),
+    "Next steps"
+  );
+  p.outro("Happy building!");
+}
+main().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "create-whop-kit",
+  "version": "0.1.0",
+  "description": "Scaffold a new Whop-powered app with whop-kit",
+  "type": "module",
+  "license": "MIT",
+  "author": "Colin McDermott",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/colinmcdermott/create-whop-kit"
+  },
+  "bin": {
+    "create-whop-kit": "./dist/index.js"
+  },
+  "files": [
+    "dist",
+    "templates",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "start": "node dist/index.js",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@clack/prompts": "^0.10.0"
+  },
+  "devDependencies": {
+    "tsup": "^8.4.0",
+    "typescript": "^5.9.3"
+  }
+}