Web Monetization API for Angular!

ngx-monetization helps you interact with the Web Monetization API with an observable-based API.

The Web Monetization API is a JavaScript browser API which allows the creation of a payment stream from the user agent to the website, read more about it here.

Check out the demo here.

To use ngx-monetization in your project run:

ng add ngx-monetization

or install it via npm:

npm install ngx-monetization --save

and add your payment pointer to index.html, see here.

import { Component } from "@angular/core";
import { MonetizationService } from "ngx-monetization";

@Component({
  selector: "app-root",
  template: `
    <p>State: {{ monetization.state | async }}</p>
    <ul>
      <li *ngFor="let event of monetization.events | async">
        {{ event | json }}
      </li>
    </ul>
  `,
})
export class AppComponent {
  constructor(public monetization: MonetizationService) {
    monetization.setPaymentPointer("$wallet.example.com/alice");
  }
}

To contribute to this library, clone it locally and run npm install.

To build the library run:

npm run build

To run tests run:

npm run test

To test the demo app run:

npm run start