display all aptogotchi holders to demonstrate indexer usage

.github/workflows/move_tests.yaml

@@ -0,0 +1,18 @@
+name: "Move Tests"
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+      - testnet
+      - mainnet
+
+jobs:
+  move-tests:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Install dev dependencies.
+        run: ./move/sh_scripts/dev_setup.sh
+      - name: Runs move tests.
+        run: ./move/sh_scripts/move_tests.sh

frontend/.env

@@ -1,4 +1,4 @@
-NEXT_PUBLIC_CONTRACT_ADDRESS="0xb59fdd48812b24195b47742306ae420a2c78b7833704e6c7f89a41d611054953"
+NEXT_PUBLIC_CONTRACT_ADDRESS="0xe7f3b4e9c597522d45cc26893cfe35f27a20e01c50c2e91ab6ed0e4831a578f1"
 NEXT_PUBLIC_BODY_OPTIONS=5
 NEXT_PUBLIC_EAR_OPTIONS=6
 NEXT_PUBLIC_FACE_OPTIONS=4

frontend/src/app/home/Connected.tsx

@@ -15,23 +15,18 @@ export function Connected() {
   const fetchPet = useCallback(async () => {
     if (!account?.address) return;
 
-    const payload = {
+    const [name, _, energyPoints, parts] = await provider.view({
       function: `${process.env.NEXT_PUBLIC_CONTRACT_ADDRESS}::main::get_aptogotchi`,
       type_arguments: [],
       arguments: [account.address],
-    };
+    });
 
-    const response = await provider.view(payload);
-    const noPet = ["", "0", "0", "0x"];
-
-    if (JSON.stringify(response) !== JSON.stringify(noPet)) {
+    const noPet = { name: "", birthday: 0, energyPoints: 0, parts: "0x" };
+    if (name !== noPet.name) {
       setPet({
-        name: response[0] as unknown as string,
-        energy_points: parseInt(response[2] as unknown as string),
-        parts: (response[3] as unknown as string)
-          .split("0")
-          .slice(2)
-          .map(Number),
+        name: name as string,
+        energy_points: parseInt(energyPoints as string),
+        parts: (parts as string).split("0").slice(2).map(Number),
       });
     }
   }, [account?.address]);

frontend/src/app/home/Pet/Collection.tsx

@@ -0,0 +1,120 @@
+"use client";
+
+import { useCallback, useState, useEffect } from "react";
+import { useWallet } from "@aptos-labs/wallet-adapter-react";
+import { Network, Provider } from "aptos";
+import { padAddressIfNeeded } from "@/utils/address";
+
+export const provider = new Provider(Network.TESTNET);
+
+export type Collection = {
+  collection_id: string;
+  collection_name: string;
+  creator_address: string;
+  uri: string;
+  current_supply: any;
+};
+
+export type CollectionHolder = {
+  owner_address: string;
+};
+
+export type CollectionResponse = {
+  current_collections_v2: Collection[];
+  current_collection_ownership_v2_view: CollectionHolder[];
+};
+
+export function Collection() {
+  const { account, network } = useWallet();
+  const [collection, setCollection] = useState<Collection>();
+  const [collectionHolders, setCollectionHolders] =
+    useState<CollectionHolder[]>();
+
+  const fetchCollection = useCallback(async () => {
+    if (!account?.address) return;
+
+    const getAptogotchiCollectionIDPayload = {
+      function: `${process.env.NEXT_PUBLIC_CONTRACT_ADDRESS}::main::get_aptogotchi_collection_id`,
+      type_arguments: [],
+      arguments: [],
+    };
+
+    const aptogotchiCollectionIDResponse = (await provider.view(
+      getAptogotchiCollectionIDPayload
+    )) as [`0x${string}`];
+
+    const collectionID = aptogotchiCollectionIDResponse[0];
+
+    const getCollectionDataGql = {
+      query: `
+        query MyQuery($collection_id: String) {
+          current_collections_v2(
+            where: { collection_id: { _eq: $collection_id } }
+          ) {
+            collection_id
+            collection_name
+            current_supply
+            description
+            creator_address
+            last_transaction_timestamp
+            max_supply
+            last_transaction_version
+            mutable_description
+            mutable_uri
+            token_standard
+            table_handle_v1
+            total_minted_v2
+            uri
+          }
+          current_collection_ownership_v2_view(
+            where: { collection_id: { _eq: $collection_id } }
+          ) {
+            owner_address
+          }
+        }
+      `,
+      variables: {
+        collection_id: padAddressIfNeeded(collectionID),
+      },
+    };
+
+    const collectionResponse: CollectionResponse =
+      await provider.indexerClient.queryIndexer(getCollectionDataGql);
+
+    setCollection(collectionResponse.current_collections_v2[0]);
+    setCollectionHolders(
+      collectionResponse.current_collection_ownership_v2_view
+    );
+  }, [account?.address]);
+
+  useEffect(() => {
+    if (!account?.address || !network) return;
+
+    fetchCollection();
+  }, [account?.address, fetchCollection, network]);
+
+  const collectionComponent = (
+    <div className="nes-field">
+      <label htmlFor="owner_field">
+        Aptogotchi Minted: {collection?.current_supply}
+      </label>
+      <label htmlFor="owner_field">All Holders</label>
+      <ul className="nes-list is-disc">
+        <label>
+          {/* we should paginate this if there are lots of holders */}
+          {JSON.stringify(
+            collectionHolders?.map(
+              (holder) => holder.owner_address.substring(0, 5) + "..."
+            )
+          )}
+        </label>
+      </ul>
+    </div>
+  );
+
+  return (
+    <div className="flex flex-col gap-8">
+      <div className="flex flex-col gap-2">{collectionComponent}</div>
+    </div>
+  );
+}

frontend/src/app/home/Pet/index.tsx

@@ -5,6 +5,7 @@ import { Actions, PetAction } from "./Actions";
 import { PetDetails } from "./Details";
 import { PetImage, bodies, ears, faces } from "./Image";
 import { Summary } from "./Summary";
+import { Collection } from "./Collection";
 
 export interface Pet {
   name: string;
@@ -34,6 +35,7 @@ export function Pet({ pet, setPet }: PetProps) {
           avatarStyle
         />
         <PetDetails pet={pet} setPet={setPet} />
+        <Collection />
       </div>
       <div className="flex flex-col gap-8 w-[680px] h-full">
         <Actions

frontend/src/utils/address.ts

@@ -0,0 +1,10 @@
+// In some case the leading char is 0 after the 0x and it got truncated
+// This function will add it back if needed cause indexer doesn't auto pad it
+export function padAddressIfNeeded(address: string) {
+  if (address.length === 66) {
+    return address;
+  }
+  const paddingNeeded = 66 - address.length;
+  const padding = "0".repeat(paddingNeeded);
+  return `0x${padding}${address.slice(2)}`;
+}

move/Move.toml

@@ -6,6 +6,10 @@ upgrade_policy = "compatible"
 [addresses]
 aptogotchi = '_'
 
+# used for testing so you don't need to manually pass in the address in cli
+[dev-addresses]
+aptogotchi = "0x100"
+
 [dependencies.AptosFramework]
 git = 'https://github.com/aptos-labs/aptos-core.git'
 rev = 'main'

move/sh_scripts/dev_setup.sh

@@ -0,0 +1,25 @@
+#!/bin/sh
+
+set -e
+
+echo "##### Installing aptos cli dependencies #####"
+sudo apt-get update
+sudo apt-get install libssl-dev
+
+echo "##### Installing aptos cli #####"
+if ! command -v aptos &>/dev/null; then
+    echo "aptos could not be found"
+    echo "installing it..."
+    TARGET=Ubuntu-x86_64
+    VERSION=2.0.2
+    wget https://github.com/aptos-labs/aptos-core/releases/download/aptos-cli-v$VERSION/aptos-cli-$VERSION-$TARGET.zip
+    sha=$(shasum -a 256 aptos-cli-$VERSION-$TARGET.zip | awk '{ print $1 }')
+    [ "$sha" != "1f0ed0d0e042ff8b48b428eaaff9f52e6ff2b246a2054740d017f514c753c6cb" ] && echo "shasum mismatch" && exit 1
+    unzip aptos-cli-$VERSION-$TARGET.zip
+    chmod +x aptos
+else
+    echo "aptos already installed"
+fi
+
+echo "##### Info #####"
+./aptos info

move/sh_scripts/move_publish.sh

@@ -0,0 +1,13 @@
+#!/bin/sh
+
+set -e
+
+echo "##### Publishing module #####"
+
+PROFILE=testnet-2
+ADDR=0x$(aptos config show-profiles --profile=$PROFILE | grep 'account' | sed -n 's/.*"account": \"\(.*\)\".*/\1/p')
+
+aptos move publish \
+	--assume-yes \
+  --profile $PROFILE \
+  --named-addresses aptogotchi=$ADDR

move/sh_scripts/move_tests.sh

@@ -0,0 +1,9 @@
+#!/bin/sh
+
+set -e
+
+echo "##### Running tests #####"
+
+./aptos move test \
+  --package-dir move \
+  --dev