https://github.com/lokuyow/nostr-zap-view

View any nostr zaps from anywhere, supporting npub, nprofile, note, and nevent identifiers.
https://github.com/lokuyow/nostr-zap-view

bitcoin javascript lightning-network nostr web-components

Last synced: 2 months ago
JSON representation

View any nostr zaps from anywhere, supporting npub, nprofile, note, and nevent identifiers.

• Host: GitHub
• URL: https://github.com/lokuyow/nostr-zap-view
• Owner: Lokuyow
• License: mit
• Created: 2024-10-30T06:40:42.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-23T00:44:01.000Z (2 months ago)
• Last Synced: 2024-11-23T00:51:53.738Z (2 months ago)
• Topics: bitcoin, javascript, lightning-network, nostr, web-components
• Language: JavaScript
• Homepage: https://lokuyow.github.io/nostr-zap-view/
• Size: 282 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# nostr-zap-view

[![NPM](https://img.shields.io/npm/v/nostr-zap-view.svg)](https://www.npmjs.com/package/nostr-zap-view)

View any nostr zaps from anywhere, supporting npub, nprofile, note, and nevent identifiers.

## Usage

To configure a button for displaying zap information, use the following attributes:

- `data-title`: (Optional) Custom title for the zap dialog. If left empty, the identifier will be used as the title.

- `data-identifier`: The Nostr identifier (npub, nprofile, note, or nevent) for which zap information will be displayed.

- `data-max-count`: (Optional) Maximum number of zaps to display. Default is 5 if not specified.

- `data-zap-color-mode`: (Optional) Enable or disable color mode for zap amounts. Set to "true" to enable and "false" to disable.

- `data-relay-urls`: Comma-separated list of relay URLs to fetch zap information from.

```html

  View zaps 👀

```

Add this script tag right before the bottom closing body tag.

```js

```

Example page: https://lokuyow.github.io/nostr-zap-view/