nostr-web-components has improved docs now at https://web.nostr.technology/

And new components:

- for rendering full notes with proper formatting

- for rendering just the text

- for rendering a simple "follow me on nostr" button that can actually be clicked (idea copied from nostr:npub1qsvv5ttv6mrlh38q8ydmw3gzwq360mdu8re2vr7rk68sqmhmsh4svhsft3)

These components are very lightweight, they use no framework and only import what is strictly necessary from nostr-tools and nostr-gadgets. They're also very efficient and replaceable metadata is cached on IndexedDB very straightforwardly.

Reply to this note

Please Login to reply.

Discussion

I don't know to whom I'm talking here because every JavaScript developer is more likely to write their own framework than to use this, but maybe nostr:npub18ams6ewn5aj2n3wt2qawzglx9mr4nzksxhvrdc4gzrecw7n5tvjqctp424 and his static sites will be interested.

I will see if I can incorporate some of this into my new site that I've been working on the past two weeks (and I'm wondering if you somehow know about it).

These are all the current components with some random styles thrown at them (they don't have any styles by default): https://unpkg.com/nostr-web-components@0.0.14/demo.html

They're also being used somewhat in https://23gmt.nostr.technology/, https://nostrapps.com/, https://pyramid.fiatjaf.com/ and some other places I can't reveal.

gentle suggestion to turn off audio autoplay on that demo site :)

nostr:nprofile1qqsymsh9wrz5lmurz0arqn6jjaqyfmtvz2z3qpfxqz5msnvr0wqjd7gpzamhxue69uhhyetvv9ujuurjd9kkzmpwdejhgtcpzpmhxue69uhkummnw3ezumt0d5hszrnhwden5te0dehhxtnvdakz75a6mv8 ?? 👀

I could try to implement on my new site 👀

Either the follow button or a particular note seemed like they might be a good fit.

Wow, incredible timing! I just opened my laptop to continue on hypermedia-style Nostr client. HTML FTW

*opened my laptop to continue working but FIRST refreshed nostr....

nostr:nprofile1qqs06gywary09qmcp2249ztwfq3ue8wxhl2yyp3c39thzp55plvj0sgprdmhxue69uhhg6r9vehhyetnwshxummnw3erztnrdakj7qguwaehxw309a3ksunfwd68q6tvdshxummnw3erztnrdakj7qg3waehxw309ahx7um5wghxcctwvshshdwuur

Is this the right repo for an “authenticate with Nostr” component?

This is awesome!

Pretty cool.