https://github.com/uchibeke/react-web-monetization-meta

A Web Monetization meta manager for React. It takes a Payment pointer and outputs plain HTML Web monetization meta tag. It's dead simple, and React beginner-friendly.
https://github.com/uchibeke/react-web-monetization-meta

blockchain coil interledger meta monetization payment react web webmonetization

Last synced: 30 days ago
JSON representation

A Web Monetization meta manager for React. It takes a Payment pointer and outputs plain HTML Web monetization meta tag. It's dead simple, and React beginner-friendly.

• Host: GitHub
• URL: https://github.com/uchibeke/react-web-monetization-meta
• Owner: uchibeke
• License: mit
• Created: 2020-07-08T01:33:51.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-07-15T03:22:47.000Z (over 1 year ago)
• Last Synced: 2024-10-14T00:19:43.880Z (2 months ago)
• Topics: blockchain, coil, interledger, meta, monetization, payment, react, web, webmonetization
• Language: TypeScript
• Homepage:
• Size: 1.24 MB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-web-monetization - react-webmonetization-meta - A Web Monetization meta tag manager for React.  (Resources / Packages)

README

        
# react-webmonetization-meta

> Web monetization for React apps:

> This reusable React component will add a custom Web Monetization payment pointer to the document head.

> React Web Monetization takes a Payment pointer and outputs plain HTML Web monetization meta tag. It's dead simple, and React beginner friendly.

[![NPM](https://img.shields.io/npm/v/react-webmonetization-meta.svg)](https://www.npmjs.com/package/react-webmonetization-meta) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

[![CLA assistant](https://cla-assistant.io/readme/badge/uchibeke/react-webmonetization-meta)](https://cla-assistant.io/uchibeke/react-webmonetization-meta)

## Installation

Yarn:

```bash

yarn add react-webmonetization-meta

```

npm:

```bash

npm install --save react-webmonetization-meta

```

## Usage - Enabling Web Monetization

```tsx

import React, { Component } from 'react'

import ReactWebMonetizationMeta from 'react-webmonetization-meta'

const Example = () => {

  // Change to:

  //   your Interledger payment pointer or

  //   the Interledger payment pointer of your user or

  //   the Interledger payment pointer of the content creator

  const PaymentPointer = '$ilp.uphold.com/B3wYJrpHiUyQ'

  return (

    


      Some JSX

      

      Some other JSX

    

  )

}

```


result (in console):

```html

  react-webmonetization-meta

  

```

See below for a full reference guide.

## Features

- Supports customization of monetization pointer

- Nested components override duplicate Web monetization metas.

## Contributing to this project

Please take a moment to review the [guidelines for contributing](CONTRIBUTING.md).

- [Pull requests](CONTRIBUTING.md#pull-requests)

- [Development Process](CONTRIBUTING.md#development)

## License

MIT © [uchibeke](https://github.com/uchibeke)