Get Deposits To Vault Of Certain Fan Token
In this tutorial, you will learn how to get all the Moxie deposits to the vault contract by 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 Moxie deposits to the vault contract by a certain fan token, you can use the following query:
- Query
- Variable
- Response
query MyQuery($fanTokenAddress: Bytes) {
vaultDepositTxes(where: { subject: $fanTokenAddress }) {
amount
sender
subject
token
totalReserve
txHash
blockInfo {
blockNumber
hash
timestamp
}
}
}
{
"fanTokenAddress": "0xf07fbe409a57c4cf896ed24c5a438058a7abe39c"
}
{
"data": {
"vaultDepositTxes": [
{
"amount": "1003000000000000000000",
"sender": "0x0f0ecb17575c232077075ef9d78fc9afad808b4d",
"subject": "0xf07fbe409a57c4cf896ed24c5a438058a7abe39c",
"token": "0xf80945fc1436b0ae8b86c8835f09870deeaf03d5",
"totalReserve": "1003000000000000000000",
"txHash": "0x027718ba1de18ee5f8d4399c356f7d3ce28535ea2df6c27979972c3dfb63fbff",
"blockInfo": {
"blockNumber": "12513857",
"hash": "0xd09d261c515a20b49d208c0df5b7e9cf4c425082ccd2ded1933463352a67a2e9",
"timestamp": "1720796002"
}
}
]
}
}
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: Bytes) {
vaultDepositTxes(where: { subject: $fanTokenAddress }) {
amount
sender
subject
token
totalReserve
txHash
blockInfo {
blockNumber
hash
timestamp
}
}
}
`;
const variable = {
"fanTokenAddress": "0xf07fbe409a57c4cf896ed24c5a438058a7abe39c"
}
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: Bytes) {
vaultDepositTxes(where: { subject: $fanTokenAddress }) {
amount
sender
subject
token
totalReserve
txHash
blockInfo {
blockNumber
hash
timestamp
}
}
}
`;
const variable = {
"fanTokenAddress": "0xf07fbe409a57c4cf896ed24c5a438058a7abe39c"
}
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": {
"vaultDepositTxes": [
{
"amount": "1003000000000000000000",
"sender": "0x0f0ecb17575c232077075ef9d78fc9afad808b4d",
"subject": "0xf07fbe409a57c4cf896ed24c5a438058a7abe39c",
"token": "0xf80945fc1436b0ae8b86c8835f09870deeaf03d5",
"totalReserve": "1003000000000000000000",
"txHash": "0x027718ba1de18ee5f8d4399c356f7d3ce28535ea2df6c27979972c3dfb63fbff",
"blockInfo": {
"blockNumber": "12513857",
"hash": "0xd09d261c515a20b49d208c0df5b7e9cf4c425082ccd2ded1933463352a67a2e9",
"timestamp": "1720796002"
}
}
]
}
}
Congrats! 🥳🎉 You've just fetched all the Moxie deposits to the vault contract by 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.