Skip to content

feat: Web Monetization + Open Payments: Part 3 Sending Money#212

Open
sidvishnoi wants to merge 13 commits intomainfrom
wm-ext-op-part-3
Open

feat: Web Monetization + Open Payments: Part 3 Sending Money#212
sidvishnoi wants to merge 13 commits intomainfrom
wm-ext-op-part-3

Conversation

@sidvishnoi
Copy link
Copy Markdown
Member

@sidvishnoi sidvishnoi commented Apr 3, 2026

PR Checklist

  • Linked issue added (e.g., Fixes #123)
  • I have run bun run format to ensure code is properly formatted
  • I have verified that bun run lint passes without errors
  • If blog post was added:
    • Ensure images have been optimised
    • Update dates to reflect the actual publishing date when merged (file names, folder names, and frontmatter)

Summary

Part 3/3 of the article series | PR preview
Part 1: #163
Part 2: #164

TODO:

  • Proof read myself before asking for review.
  • Work on illustrations (2 interactive ones) while team reviews the text.

@netlify
Copy link
Copy Markdown

netlify bot commented Apr 3, 2026

Deploy Preview for developers-preview ready!

Name Link
🔨 Latest commit 48f9af8
🔍 Latest deploy log https://app.netlify.com/projects/developers-preview/deploys/69d4e8355dfa7a000867a6e9
😎 Deploy Preview https://deploy-preview-212--developers-preview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@sidvishnoi sidvishnoi marked this pull request as ready for review April 6, 2026 12:51
Copy link
Copy Markdown
Contributor

@brad-dow brad-dow left a comment

Choose a reason for hiding this comment

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

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.]
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

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.


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>
Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

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.

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

Image Image

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.

3 participants