STRIPE_SECRET_KEY=sk_test_your_secret_key
STRIPE_PUBLISHABLE_KEY=pk_test_your_publishable_key
STRIPE_WEBHOOK_SECRET=whsec_your_webhook_secret

# Install Stripe CLI
brew install stripe/stripe-cli/stripe

# Login to Stripe
stripe login

# Forward webhooks to your local server
stripe listen --forward-to localhost:4101/webhooks/stripe

// Frontend
const createCheckout = async (priceId: string) => {
  const response = await fetch("/stripe/checkout-session", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({
      priceId,
      successUrl: `${window.location.origin}/success`,
      cancelUrl: `${window.location.origin}/pricing`,
    }),
  });

  const data = await response.json();

  if (data.success && data.data.url) {
    window.location.href = data.data.url;
  }
};

export async function handleStripeWebhook(request: Request) {
  const signature = request.headers.get("stripe-signature");
  const event = stripe.webhooks.constructEvent(
    await request.text(),
    signature,
    process.env.STRIPE_WEBHOOK_SECRET
  );

  switch (event.type) {
    case "checkout.session.completed":
      await handleCheckoutComplete(event.data.object);
      break;
    case "customer.subscription.updated":
      await handleSubscriptionUpdate(event.data.object);
      break;
    case "customer.subscription.deleted":
      await handleSubscriptionCancel(event.data.object);
      break;
  }
}

const openCustomerPortal = async () => {
  const response = await fetch("/stripe/customer-portal", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({
      returnUrl: window.location.href,
    }),
  });

  const data = await response.json();

  if (data.success && data.data.url) {
    window.location.href = data.data.url;
  }
};