Skip to content

Conversation

@JonathanMatthey
Copy link
Collaborator

  • Adds ESLint and Prettier configuration mirrored from the paymentpointers.org repo:
  • eslint.config.js with TypeScript, Astro, and Prettier integration
  • Updated .prettierrc and .prettierignore
  • format and lint scripts in package.json
  • CI workflow to run lint on push/PR to main
  • Fixed existing lint errors across the codebase

@netlify
Copy link

netlify bot commented Nov 28, 2025

Deploy Preview for webmonetization-preview ready!

Name Link
🔨 Latest commit 9142daa
🔍 Latest deploy log https://app.netlify.com/projects/webmonetization-preview/deploys/695ea54c824552000832644d
😎 Deploy Preview https://deploy-preview-618--webmonetization-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.

@JonathanMatthey
Copy link
Collaborator Author

i've done a manual side by side comparison of every doc page...

fixed everything... tehre's still some linting issues and conflicts, resolving those now and we should be good

https://www.loom.com/share/ab27a195d5544a83937febc72616c80a

@JonathanMatthey
Copy link
Collaborator Author

JonathanMatthey commented Jan 7, 2026

Ready for Review ! :) @JoblersTune @Anca2022

Copy link
Collaborator

@Anca2022 Anca2022 left a comment

Choose a reason for hiding this comment

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

The formatter and the linter work as expected :D
Some minor changes need to be made before merging

5. Click **Accept** on the Interledger request screen.
1. Sign in to your <LinkOut href="https://wallet.interledger-test.dev/">wallet account</LinkOut>.
2. Download and install Interledger Foundation's [Web Monetization browser extension](/supporters/get-started#install-the-extension).
3. Enter the payment pointer associated with your test wallet. For example, `$ilp.interledger-test.dev/mytestwallet`. Then, enter a budget amount and click **Connect**.
Copy link
Collaborator

Choose a reason for hiding this comment

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

The following line used to be in the code and is nowmissing:
<br /><img src='/img/docs/extension/connection-setup.png' alt='Extension setup screen with wallet address and amount fields, renew monthly toggle, and connect button' style='max-width:300px' class='img-outline'/>

alt="Extension setup screen with wallet address and amount fields, renew monthly toggle, and connect button"
style="max-width:300px"
class="img-outline"
/>
Copy link
Collaborator

@Anca2022 Anca2022 Jan 8, 2026

Choose a reason for hiding this comment

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

This img is afterstep 3 - I think it got misplaced while formatting

style="max-width:300px"
class="img-outline"
/>

Copy link
Collaborator

@Anca2022 Anca2022 Jan 8, 2026

Choose a reason for hiding this comment

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

Also this image: it comes after step 2 , inside <Steps>

<img
src="/img/docs/extension/enabled-monetized.png"
style="float:left;padding-right:20px"
/>
Copy link
Collaborator

Choose a reason for hiding this comment

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

This image and the images below are part Step 2, Step3 and Step 4

<LinkOut href="https://webmonetization.org/tools/banner">
Create a banner
</LinkOut>
that appears when your visitors don't have the Web Monetization extension or
Copy link
Collaborator

Choose a reason for hiding this comment

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

The formatting here breaks the line when rendering
image

Maybe move <linkout> component away from the beginning of the line?

Create a <LinkOut href="https://webmonetization.org/tools/banner"> banner</LinkOut> that appears when your visitors don't have the Web Monetization extension or have the extension turned off. The banner includes a link to download the extension from your visitor's browser store.

PS: prior and additional issues with <Linkout> component at the beginning of the line: here

@@ -27,31 +28,35 @@ If you have a payment pointer, visit <LinkOut href='https://paymentpointers.org/

## Step 2 - Web monetize your page
Copy link
Collaborator

@Anca2022 Anca2022 Jan 8, 2026

Choose a reason for hiding this comment

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

⬆️ comment

</Tabs>
<Tabs>
<TabItem label="Example payment pointer">
``` $ilp.link/my-wallet ```
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggested change
``` $ilp.link/my-wallet ```
```
$ilp.link/my-wallet
```

and also prettier-ignore it somehow

``` $ilp.link/my-wallet ```
</TabItem>
<TabItem label="Example wallet address">
``` https://ilp.link/my-wallet ```
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggested change
``` https://ilp.link/my-wallet ```
```
https://ilp.link/my-wallet
```

Same here

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