Get Holders Of Certain Fan Token
In this tutorial, you will learn how to get all the holders of a certain fan token by calling the Moxie Protocol Subgraph API.
Pre-requisites
Install dependenciesgraphql
and graphql-request
to your project :- npm
- yarn
- pnpm
- bun
npm install graphql graphql-request
yarn add graphql graphql-request
pnpm add graphql graphql-request
bun install graphql graphql graphql-request
Step 1: Add The API Query To Your Code
To get all the holders of a certain fan token, you can use the following query:
- Query
- Variable
- Response
query MyQuery($fanTokenAddress: ID) {
subjectTokens(where: {id: $fanTokenAddress}) {
portfolio {
balance
user {
id
}
}
}
}
{
"fanTokenAddress": "0x00e7d5fad22a375568d03b0688abbdfa4ec3b729"
}
{
"data": {
"subjectTokens": [
{
"portfolio": [
{
"balance": "10000000000000000000",
"user": {
"id": "0x00d620def6ccb76c92dbfc87bc2bebab7637ec53"
}
}
]
}
]
}
}
graphql-request
library:- TypeScript
- JavaScript
index.ts
import { gql, GraphQLClient } from "graphql-request";
const graphQLClient = new GraphQLClient(
"https://api.studio.thegraph.com/query/23537/moxie_protocol_stats_mainnet/version/latest"
);
const query = gql`
query MyQuery($fanTokenAddress: ID) {
subjectTokens(where: {id: $fanTokenAddress}) {
portfolio {
balance
user {
id
}
}
}
}
`;
const variable = {
"fanTokenAddress": "0x00e7d5fad22a375568d03b0688abbdfa4ec3b729"
}
try {
const data = await graphQLClient.request(query, variable);
console.log(data);
} catch (e) {
throw new Error(e);
}
index.js
const { gql, GraphQLClient } = require("graphql-request");
const graphQLClient = new GraphQLClient(
"https://api.studio.thegraph.com/query/23537/moxie_protocol_stats_mainnet/version/latest"
);
const query = gql`
query MyQuery($fanTokenAddress: ID) {
subjectTokens(where: {id: $fanTokenAddress}) {
portfolio {
balance
user {
id
}
}
}
}
`;
const variable = {
"fanTokenAddress": "0x00e7d5fad22a375568d03b0688abbdfa4ec3b729"
}
try {
const data = await graphQLClient.request(query, variable);
console.log(data);
} catch (e) {
throw new Error(e);
}
Step 2: Execute Your Code
Once you have your code ready, you can execute it by running the following command:
- TypeScript
- JavaScript
ts-node index.ts
node index.js
If it runs successfully, you should see the data returned in the terminal:
{
"data": {
"subjectTokens": [
{
"portfolio": [
{
"balance": "10000000000000000000",
"user": {
"id": "0x00d620def6ccb76c92dbfc87bc2bebab7637ec53"
}
}
]
}
]
}
}
Congrats! 🥳🎉 You've just fetched all the holders of a certain fan token!
Developer Support
If you have any questions or need help with other use cases, feel free to join the /airstack Warpcast channel and ask your questions there.
Our team is always ready to help you with any questions you may have.