@alphabatem/solana-sale-toast

Solana NFT Sale Toast

Automatically display recent sales popups to increase your sales on your online store.

Powered By

• HelloMoon Developer platform (https://hellomoon.io)
• DegenCDN for Images (https://degencdn.com)

Quick Start

1. Install Solana Toast

yarn add @alphabatem/solana-sale-toast

2. Obtain a Hellomoon API Key & DataStream (https://www.hellomoon.io/developers)

3. Create your data stream (you can add additional filters here if you are only monitoring 1 collection etc)

4. Grab your subscriptionID from the Datastreams section

5. Grab your apiKey from the Dashboard section

6. Setup the solana toast in your code

const apiKey = "" //HelloMoon API Key
const subscriptionId = "" //HelloMoon Datastream ID
const enrichMetadata = true //Retrieve mint image (where available)

const connection = CreateSolanaToastClient(apiKey, subscriptionId, enrichMetadata)
connection.setCollectionFilter(new FilterOpts({
    collectionName: "AlphaBatem", //Filter to collection name
}))
connection.listen()

Top stop the connection run:

connection.close()

7. Filter Options can be used to further filter the inbound datastream (say if you wish for it to be more generic etc) - This also helps for changing dynamically between collections (say on a marketplace, just adjust the collectionFilter to match the current browsed collection)

new FilterOpts({
    collectionName: "AlphaBatem", //Filter sales to only this collection
	minPrice: 0.1 //Filter only sales above this price
})

8. Include the base theme css file & adjust the style to your suiting

import "@alphabatem/solana-sale-toast/css/solana_toast.css";

9. All set!