nostr-web-components
Version:
collection of web components that provide quick access to basic nostr things
36 lines (31 loc) • 1.2 kB
HTML
<script type="importmap">
{
"imports": {
"@nostr/tools/": "https://esm.sh/*jsr/@nostr/tools@2.12.0/",
"@nostr/gadgets/": "https://esm.sh/*jsr/@nostr/gadgets@0.0.16/",
"@noble/curves/": "https://esm.sh/*@noble/curves@1.2.0/",
"@noble/hashes/": "https://esm.sh/*@noble/hashes@1.3.1/",
"@scure/base/": "https://esm.sh/*@scure/base@1.1.1/",
"@scure/base": "https://esm.sh/*@scure/base@1.1.1",
"dataloader": "https://esm.sh/dataloader@2.2.2",
"idb-keyval": "https://esm.sh/idb-keyval@6.2.1"
},
"scopes": {
"https://esm.sh/": {
"@jsr/nostr__tools/": "https://esm.sh/*@jsr/nostr__tools@2.12.0/",
"@jsr/nostr__gadgets/": "https://esm.sh/*@jsr/nostr__gadgets@0.0.16/",
"@jsr/fiatjaf__lru-cache/": "https://esm.sh/jsr/@fiatjaf/lru-cache@0.0.1/"
}
}
}
</script>
<script type="module">
import './lib/nostr-name.js'
import './lib/nostr-picture.js'
</script>
hello,
<nostr-name pubkey="npub137gavftkelnara27cx56uchxr6qxvf4ragjfpe8qmlsl64kwrf3q34fpat"></nostr-name>
<br />
<br />
<br />
<nostr-picture width="300px" pubkey="npub137gavftkelnara27cx56uchxr6qxvf4ragjfpe8qmlsl64kwrf3q34fpat"></nostr-picture>