feat: Web Monetization + Open Payments: Part 3 Sending Money#212
feat: Web Monetization + Open Payments: Part 3 Sending Money#212sidvishnoi wants to merge 13 commits intomainfrom
Conversation
✅ Deploy Preview for developers-preview ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
src/content/blog/2025-12-10-web-monetization-open-payments-part-2-connecting-wallet.md
Show resolved
Hide resolved
brad-dow
left a comment
There was a problem hiding this comment.
Sid, overall looks great! I think the flow between the three blogs is excellent. I just had a few nitpicky comments/suggestions.
| }, this.interval.period) | ||
| ``` | ||
|
|
||
| [TODO: show an illustration of how "time loop" works. show bucket filling: example: MXN to USD, MXN, EUR wallets. try to create a live interactive demonstration if enough time. Will explain much better that way.] |
There was a problem hiding this comment.
You know this TODO is still here, but I'm going to call it out anyways. The demo on line 145 shows the <iframe> payment flow but not the "time loop" or bucket filling mentioned here.
src/content/blog/2026-04-08-web-monetization-open-payments-part-3-sending-money.md
Outdated
Show resolved
Hide resolved
src/content/blog/2026-04-08-web-monetization-open-payments-part-3-sending-money.md
Outdated
Show resolved
Hide resolved
src/content/blog/2026-04-08-web-monetization-open-payments-part-3-sending-money.md
Outdated
Show resolved
Hide resolved
src/content/blog/2026-04-08-web-monetization-open-payments-part-3-sending-money.md
Outdated
Show resolved
Hide resolved
src/content/blog/2026-04-08-web-monetization-open-payments-part-3-sending-money.md
Outdated
Show resolved
Hide resolved
src/content/blog/2026-04-08-web-monetization-open-payments-part-3-sending-money.md
Outdated
Show resolved
Hide resolved
src/content/blog/2026-04-08-web-monetization-open-payments-part-3-sending-money.md
Outdated
Show resolved
Hide resolved
src/content/blog/2026-04-08-web-monetization-open-payments-part-3-sending-money.md
Outdated
Show resolved
Hide resolved
src/content/blog/2026-04-08-web-monetization-open-payments-part-3-sending-money.md
Outdated
Show resolved
Hide resolved
Co-authored-by: brad-dow <162852233+brad-dow@users.noreply.github.com>
src/content/blog/2026-04-08-web-monetization-open-payments-part-3-sending-money.md
Outdated
Show resolved
Hide resolved
src/content/blog/2026-04-08-web-monetization-open-payments-part-3-sending-money.md
Outdated
Show resolved
Hide resolved
src/content/blog/2026-04-08-web-monetization-open-payments-part-3-sending-money.md
Outdated
Show resolved
Hide resolved
src/content/blog/2026-04-08-web-monetization-open-payments-part-3-sending-money.md
Show resolved
Hide resolved
src/content/blog/2026-04-08-web-monetization-open-payments-part-3-sending-money.md
Outdated
Show resolved
Hide resolved
|
|
||
| This loop continues indefinitely as long as the tab remains in view, ensuring that both the primary publisher and the embedded content creators receive a continuous stream of support. | ||
|
|
||
| <iframe src="https://sidvishnoi.com/embeds/web-monetization-open-payments-part-3-sending-money/iframes/index.html" style="width: 100%; aspect-ratio: 500/843; aspect-ratio: 1200/500; border: none" loading="lazy" scrolling="no"></iframe> |
There was a problem hiding this comment.
There are two aspect-ratio values here (first one for portrait mode (mobiles), and second one (used here) for landscape mode). The demo is responsive. If we create a small "iframe-demo" component, we can pass through the portrait/landscape aspect ratios and it'll look better on mobile that it looks right now.
Alternatively/additionally, adding a link with iframe that says "open demo in new tab" could be good idea too.
Co-authored-by: Sarah Jones <sarah38186@gmail.com>


PR Checklist
Fixes #123)bun run formatto ensure code is properly formattedbun run lintpasses without errorsSummary
Part 3/3 of the article series | PR preview
Part 1: #163
Part 2: #164
TODO: