Access your NFTs using PolkadotJS API

Question

Still very new to this ecosystem. I'm trying to build a ReactApp that can access my NFT's that I have purchased on the Singular App.

High level explanation, how do I do this?

Low level, point me in the right direction?

I'm new and could use a gentle nudge in the right direction.

Thanks

Answer 1

If you want to gain Access to NFTs which you purchased on Singular, then you are dealing with RMRK NFTs which live in Smart Contracts deployed to the Moonriver Network which is a L1 parachchain on Kusama.

While in theory, Polkadot.js should be capable of querying and decoding data from Moonriver contracts, I'd recommend you to check out the SDK which is developed for this purpose: https://github.com/rmrk-team/rmrk-tools

Answer 2

So, thanks to Achim, in the rmrk-tools repo, you can use: https://github.com/rmrk-team/rmrk-tools#fetchremarks

fetchRemarks(api, to, from, prefixes); method call

It's not pretty but it's a start:

async function getRmrks(){
const wsProvider = new WsProvider('wss://kusama-rpc.polkadot.io');
const ADDR = <QUERY_ADDRESS_OF_NFT_MINT>;

const api = await ApiPromise.create({ provider: wsProvider });

const remarkBlocks = fetchRemarks(api, 12128900, 12128990,  [''])
.then( (remarkBlock) => {
    remarkBlock
        .forEach((block)=>{
            block.calls
                .filter((obj) =>{ 
                    if(obj.caller === ADDR) {
                        console.log(obj);
                    }
                });
        });
});