Skip to content

Conversation

@VINNE7
Copy link
Contributor

@VINNE7 VINNE7 commented May 11, 2025

This PR adds a new example extension: with-abacate-pay, demonstrating how to integrate the AbacatePay PIX payment gateway with the Plasmo framework.

Features

  • Collects customer and payment info via a popup form
  • Creates a PIX payment using a backend server (Express/TypeScript, not included in this PR)
  • Displays the returned QR code for payment
  • Polls for payment status and updates the UI
  • Includes a “Simulate Payment” button for easy testing
  • All user-facing text is in English for international accessibility

Notes

  • A backend server is required to securely handle the AbacatePay API key.
    See the included README.md and .env.example for setup instructions.
  • The example follows the structure and best practices of other Plasmo examples (e.g., with-stripe).

If you have any feedback or requests for changes, I’m happy to update the example.

},
"dependencies": {
"@types/cors": "^2.8.18",
"cors": "^2.8.5",
Copy link
Contributor

Choose a reason for hiding this comment

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

Should be fixed dependency

"dependencies": {
"@types/cors": "^2.8.18",
"cors": "^2.8.5",
"plasmo": "0.90.3",
Copy link
Contributor

Choose a reason for hiding this comment

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

Should point to workspace dep

setPayment(null)
setStatus("")
try {
const res = await fetch(`${BACKEND_URL}/api/create-payment`, {
Copy link
Contributor

Choose a reason for hiding this comment

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

This seems generic enough that I feel like this should be a dedicated docs page rather than an example :-?...

Maybe we stage a poll to see who might be most interested for this?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

To be honest i don't think anybody will vote on it, I don't see many brazilian users in plasmo and browser extension development isn't mainstream here. I've just wanted to mess with this gateway and make this example so in case one day extension development becomes more mainstream we already would have a brazilian api gateway example. But yeah, abacatepay by nature is a very simple tool so it should be as generic as this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants