Makibishi-component NPM

makibishi-component

makibishi-component is an implementation of MAKIBISHI with Web Component. By placing this on your page, the page will be able to receive emoji reactions from any user.

Because it is on Nostr protocol, if a user visiting the page is a Nostr user, you can also know the identity of the user who reacted. However, it is not at all essential that the end-user be a Nostr user.

Installation

Put the following code into your pages <head>. Note that you need to change the VERSION part as appropriate (e.g. 0.1.2). Avalilable VERSIONs are listed here. Release note also may help you.

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/makibishi-component@VERSION/dist/default-theme.css"
/>
<script
  type="module"
  src="https://cdn.jsdelivr.net/npm/makibishi-component@VERSION/dist/makibishi-component.js"
></script>

Then, put the following code anywhere you want.

<makibishi-component></makibishi-component>

Customize behavior

<makibishi-component> accepts following attributes. Note that many attributes work reactively but not all do.

Customize appearance

You can use reset.css instead of default-theme.css and write your own CSS for complete control over appearance. The default-theme implementation may be helpful.

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/makibishi-component@VERSION/dist/reset.css"
/>

haunted lit nip07-awaiter nostr-typedef rx-nostr rx-nostr-crypto

11 months ago

11 months ago

11 months ago

11 months ago