svelte-mp-integration-with-capacitor Svelte Themes

Svelte Mp Integration With Capacitor

The idea behind this repo is to do a poc about mercado pago checkout pro with split payments (marketplace) using svelte 5. And then using capacitor to migrate the project into native mobile app with proper deeplinks

sv

Developing

npm install

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

Implementado:
  • ✅ .env con credenciales reales del marketplace

  • ✅ /api/mp/oauth/start → Redirige a MP con CSRF state

  • ✅ /api/mp/oauth/callback → Intercambia code, obtiene user data, guarda en DB

  • ✅ /seller/connect → UI para iniciar OAuth

  • ✅ /seller/connected → Confirmación de conexión exitosa

  • ✅ /api/mp/sellers → Lista sellers conectados (para debug)

  • ✅ /api/mp/create-preference → Crea preferencias con marketplace_fee

    • Usa access_token del SELLER (no del marketplace)
    • Calcula comisión dinámicamente (5% configurable)
    • back_urls detectan app vs web automáticamente
    • Refresh automático de tokens si expiraron
  • ✅ Home (/+page.svelte) → UI completa para pagos

    • Lista sellers conectados
    • Selector de seller
    • Input de monto y producto
    • Muestra desglose: Total, Comisión, Seller recibe
    • Botón "Pagar con Mercado Pago"
    • Detección de Capacitor para usar Browser.open
  • ✅ @capacitor/browser instalado

Top categories

Loading Svelte Themes