paddle-checkout-accelerator 2.4.0 → 2.5.0

package/bin/paddle-checkout-accelerator.js

@@ -17,6 +17,9 @@ const interactive =
   args.has("--interactive") ||
   args.has("-i");
 
+const minimal =
+  args.has("--minimal");
+
 function exists(filePath) {
   return fs.existsSync(
     path.join(cwd, filePath)
@@ -126,6 +129,7 @@ async function getConfig() {
       env: true,
       schema:
         detectedAdapter === "prisma",
+      ui: !minimal,
     };
   }
 
@@ -180,6 +184,15 @@ async function getConfig() {
         active: "yes",
         inactive: "no",
       },
+      {
+        type: "toggle",
+        name: "ui",
+        message:
+          "Generate billing UI pages?",
+        initial: true,
+        active: "yes",
+        inactive: "no",
+      },
     ]);
 
   if (!answers.adapter) {
@@ -289,6 +302,198 @@ model BillingEvent {
   );
 }
 
+function writeUiPages() {
+  writeFileSafe(
+    "src/app/billing/pricing/page.tsx",
+    `import {
+  PricingTable,
+} from "paddle-checkout-accelerator";
+
+export default function BillingPricingPage() {
+  return (
+    <main className="mx-auto max-w-5xl p-10">
+      <h1 className="text-4xl font-bold">
+        Choose your plan
+      </h1>
+
+      <p className="mt-3 text-gray-500">
+        Upgrade your account with Paddle billing.
+      </p>
+
+      <div className="mt-8">
+        <PricingTable />
+      </div>
+    </main>
+  );
+}
+`
+  );
+
+  writeFileSafe(
+    "src/app/billing/dashboard/page.tsx",
+    `import {
+  BillingHistory,
+  CustomerPortalButton,
+  SubscriptionCard,
+  TrialBanner,
+  UsageMeter,
+} from "paddle-checkout-accelerator";
+
+export default function BillingDashboardPage() {
+  return (
+    <main className="mx-auto max-w-5xl space-y-6 p-10">
+      <TrialBanner daysRemaining={5} />
+
+      <SubscriptionCard
+        plan="Pro"
+        status="Active"
+      />
+
+      <UsageMeter
+        current={37}
+        limit={50}
+      />
+
+      <CustomerPortalButton />
+
+      <BillingHistory />
+    </main>
+  );
+}
+`
+  );
+
+  writeFileSafe(
+    "src/app/billing/customer-repair/page.tsx",
+    `"use client";
+
+import { useState } from "react";
+
+export default function CustomerRepairPage() {
+  const [email, setEmail] =
+    useState("");
+  const [result, setResult] =
+    useState("");
+
+  async function repair() {
+    const response =
+      await fetch(
+        "/api/paddle/repair-by-email",
+        {
+          method: "POST",
+          headers: {
+            "Content-Type":
+              "application/json",
+          },
+          body: JSON.stringify({
+            email,
+          }),
+        }
+      );
+
+    const data =
+      await response.json();
+
+    setResult(
+      JSON.stringify(data, null, 2)
+    );
+  }
+
+  return (
+    <main className="mx-auto max-w-3xl space-y-6 p-10">
+      <div>
+        <h1 className="text-4xl font-bold">
+          Repair Customer Access
+        </h1>
+
+        <p className="mt-3 text-gray-500">
+          Use this when a customer paid but their account did not unlock.
+        </p>
+      </div>
+
+      <input
+        value={email}
+        onChange={(event) =>
+          setEmail(event.target.value)
+        }
+        placeholder="customer@example.com"
+        className="w-full rounded-xl border p-4"
+      />
+
+      <button
+        onClick={repair}
+        className="rounded-xl bg-black px-6 py-3 text-white"
+      >
+        Repair Subscription
+      </button>
+
+      {result && (
+        <pre className="overflow-auto rounded-xl border bg-slate-50 p-5 text-sm">
+          {result}
+        </pre>
+      )}
+    </main>
+  );
+}
+`
+  );
+
+  writeFileSafe(
+    "src/app/billing/protected-api/page.tsx",
+    `"use client";
+
+import { useState } from "react";
+
+export default function ProtectedApiPage() {
+  const [result, setResult] =
+    useState("");
+
+  async function run() {
+    const response =
+      await fetch(
+        "/api/demo/protected-generation",
+        {
+          method: "POST",
+        }
+      );
+
+    const data =
+      await response.json();
+
+    setResult(
+      JSON.stringify(data, null, 2)
+    );
+  }
+
+  return (
+    <main className="mx-auto max-w-3xl space-y-6 p-10">
+      <h1 className="text-4xl font-bold">
+        Protected API Demo
+      </h1>
+
+      <p className="text-gray-500">
+        Test paid-route protection, feature checks, and usage limits.
+      </p>
+
+      <button
+        onClick={run}
+        className="rounded-xl bg-black px-6 py-3 text-white"
+      >
+        Run Protected Action
+      </button>
+
+      {result && (
+        <pre className="overflow-auto rounded-xl border bg-slate-50 p-5 text-sm">
+          {result}
+        </pre>
+      )}
+    </main>
+  );
+}
+`
+  );
+}
+
 function writeRoutes() {
   writeFileSafe(
     "src/app/api/paddle/webhook/route.ts",
@@ -442,6 +647,7 @@ Usage:
   npx paddle-checkout-accelerator init
   npx paddle-checkout-accelerator init --interactive
   npx paddle-checkout-accelerator init --force
+  npx paddle-checkout-accelerator init --minimal
 `);
     process.exit(0);
   }
@@ -472,6 +678,10 @@ Usage:
     writeRoutes();
   }
 
+  if (config.ui) {
+    writeUiPages();
+  }
+
   if (config.env) {
     appendEnvSafe({
       NEXT_PUBLIC_PADDLE_CLIENT_TOKEN: "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "paddle-checkout-accelerator",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "scripts": {
     "dev": "next dev",
     "build": "next build",