Skip to content

feat: add payment links guide#521

Merged
brendanjryan merged 14 commits intomainfrom
feat/payment-links-guide
Apr 2, 2026
Merged

feat: add payment links guide#521
brendanjryan merged 14 commits intomainfrom
feat/payment-links-guide

Conversation

@brendanjryan
Copy link
Copy Markdown
Collaborator

@brendanjryan brendanjryan commented Apr 2, 2026

Summary

Adds a Create a payment link guide with a live interactive demo, framework-specific setup instructions, and payment links documentation for both Tempo and Stripe.

What's new

  • Guide page at /guides/payment-links — hidden from sidebar for now
  • Live demo embedded as an iframe with a Tempo/Stripe dropdown selector
    • Tempo: inline iframe with "Continue with Tempo" wallet modal
    • Stripe: opens payment link in a new tab (Stripe Elements requires a full page)
  • API routes at /api/payment-link/photo (Tempo) and /api/payment-link/photo-stripe (Stripe)
  • Payment links docs added to tempo.charge and stripe.charge reference pages
  • Local HTTPS via vite-plugin-mkcert (dev only) — enables inline wallet modal on localhost
  • Bumps mppx to 0.5.1

Framework tabs

Step-by-step guides for Next.js, Hono, Express, and generic Fetch API (Bun/Deno/Workers).

Notes

  • Stripe demo requires VITE_STRIPE_PUBLISHABLE_KEY in .env and deferred_intent enabled on the Stripe account
  • Sidebar entry is commented out — uncomment when ready to ship

@vercel
Copy link
Copy Markdown

vercel bot commented Apr 2, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
mpp Ready Ready Preview, Comment Apr 2, 2026 6:24pm

Request Review

@chatgpt-codex-connector
Copy link
Copy Markdown

You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard.

@socket-security
Copy link
Copy Markdown

socket-security bot commented Apr 2, 2026

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff Package Supply Chain
Security
Vulnerability Quality Maintenance License
Addedvite-plugin-mkcert@​1.17.1010010010086100
Updatedviem@​2.46.2 ⏵ 2.47.698 +1100100 +196 -1100

View full report

- Bump mppx to 0.5.1 (PR #266 payment links support)
- Bump viem to ^2.47.5 (peer dep)
- Add guide page: /guides/payment-links with interactive demo,
  prompt mode, and manual mode (Next.js, Hono, Express, Other)
- Add payment links subsection to tempo/charge docs
- Add payment links subsection to stripe/charge docs
- Add /api/payment-link/photo API route with html: true
- Add PaymentLinkDemo component and PaymentLinksCard
- Add sidebar entry under Guides
- Bump mppx to 0.5.3 (PR #283 payment links theming)
- Apply mpp site theme: Geist font, black/white accent,
  light/dark logos, matching border/surface/muted colors

The payment page uses a Service Worker to inject the Credential on reload—no client-side integration is needed.

See the [rich payment pages guide](/guides/payment-links) for a full walkthrough with framework examples and a live demo.
Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should be payment links guide

@brendanjryan brendanjryan merged commit 9984831 into main Apr 2, 2026
10 checks passed
@brendanjryan brendanjryan deleted the feat/payment-links-guide branch April 2, 2026 18:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant