JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 4
  • Score
    100M100P100Q69620F
  • License MIT

View any nostr npub or note zaps from anywhere.

Package Exports

  • nostr-zap-view
  • nostr-zap-view/dist/nostr-zap-view.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (nostr-zap-view) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

nostr-zap-view

NPM

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.
<button
  data-title=""
  data-identifier="npub1a3pvwe2p3v7mnjz6hle63r628wl9w567aw7u23fzqs062v5vqcqqu3sgh3"
  data-max-count="8"
  data-zap-color-mode="true"
  data-relay-urls="wss://relay.nostr.band,wss://nos.lol,wss://nostr.wine,wss://nostr.bitcoiner.social,wss://relay.nostr.wirednet.jp,wss://yabu.me">
  View zaps 👀
</button>

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

<script src="https://cdn.jsdelivr.net/npm/nostr-zap-view@0.2.2"></script>

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