refactor(2918): subsquid for ProfileDetail

components/rmrk/Gallery/PaginatedCardList.vue

@@ -112,6 +112,19 @@ export default class PaginatedCardList extends mixins(
     this.fetchPageData(page)
   }
 
+  get remapSortBy(): string {
+    const remapTable = {
+      BLOCK_NUMBER_DESC: 'blockNumber_DESC',
+      BLOCK_NUMBER_ASC: 'blockNumber_ASC',
+      UPDATED_AT_DESC: 'updatedAt_DESC',
+      UPDATED_AT_ASC: 'updatedAt_ASC',
+      PRICE_DESC: 'price_DESC',
+      PRICE_ASC: 'price_ASC',
+    }
+
+    return remapTable[this.searchQuery.sortBy]
+  }
+
   created() {
     this.fetchPageData(this.startPage)
   }
@@ -123,13 +136,17 @@ export default class PaginatedCardList extends mixins(
     this.isFetchingData = true
     const result = await this.$apollo.query({
       query: this.query,
-      client: this.urlPrefix,
+      manual: true,
+      client: 'subsquid',
+      update: ({ nftEntities }) => nftEntities,
+      loadingKey: 'isLoading',
+      result: this.handleResult,
       variables: {
         account: this.account,
-        orderBy: this.searchQuery.sortBy,
-        search: this.buildSearchParam(),
-        first: this.first,
-        offset: (page - 1) * this.first,
+        orderBy: this.remapSortBy,
+        AND: this.buildSearchParam(),
+        limit: this.first,
+        offset: this.offset,
       },
     })
     await this.handleResult(result, loadDirection)
@@ -139,22 +156,22 @@ export default class PaginatedCardList extends mixins(
 
   protected async handleResult({ data }: any, loadDirection = 'down') {
     if (data) {
-      const { nodes, totalCount } = data.nFTEntities
-      const newNfts = nodes.map((e: any) => ({
-        ...e,
-        emoteCount: e?.emotes?.totalCount,
-      }))
-      await getCloudflareImageLinks(newNfts.map(mapOnlyMetadata)).catch(
+      const {
+        nftEntities,
+        nftEntitiesConnection: { totalCount },
+      } = data
+      await getCloudflareImageLinks(nftEntities.map(mapOnlyMetadata)).catch(
         this.$consola.warn
       )
 
       if (loadDirection === 'up') {
-        this.items = newNfts.concat(this.items)
+        this.items = nftEntities.concat(this.items)
       } else {
-        this.items = this.items.concat(newNfts)
+        this.items = this.items.concat(nftEntities)
       }
 
       this.total = totalCount
+      // this.items = nftEntities
       this.isLoading = false
       this.$emit('change', this.total)
     }

components/rmrk/Profile/ProfileDetail.vue

@@ -178,15 +178,16 @@ import { CollectionWithMeta, Pack } from '@/components/rmrk/service/scheme'
 import isShareMode from '@/utils/isShareMode'
 import shouldUpdate from '@/utils/shouldUpdate'
 import shortAddress from '@/utils/shortAddress'
-import nftListByIssuer from '@/queries/nftListByIssuer.graphql'
-import nftListCollected from '@/queries/nftListCollected.graphql'
-import nftListSold from '@/queries/nftListSold.graphql'
-import firstNftByIssuer from '@/queries/firstNftByIssuer.graphql'
 import PrefixMixin from '@/utils/mixins/prefixMixin'
 import InfiniteScrollMixin from '~/utils/mixins/infiniteScrollMixin'
 import collectionListByAccount from '@/queries/rmrk/subsquid/collectionListByAccount.graphql'
 import { Debounce } from 'vue-debounce-decorator'
 
+import firstNftByIssuer from '@/queries/rmrk/subsquid/general/firstNftByIssuer.graphql'
+import nftListByIssuer from '@/queries/rmrk/subsquid/general/nftListByIssuer.graphql'
+import nftListCollected from '@/queries/rmrk/subsquid/general/nftListCollected.graphql'
+import nftListSold from '@/queries/rmrk/subsquid/general/nftListSold.graphql'
+
 const components = {
   GalleryCardList: () =>
     import('@/components/rmrk/Gallery/GalleryCardList.vue'),
@@ -366,7 +367,7 @@ export default class Profile extends mixins(PrefixMixin, InfiniteScrollMixin) {
 
       this.$apollo.addSmartQuery('firstNft', {
         query: firstNftByIssuer,
-        client: this.urlPrefix,
+        client: 'subsquid',
         manual: true,
         loadingKey: 'isLoading',
         result: this.handleResult,
@@ -377,7 +378,6 @@ export default class Profile extends mixins(PrefixMixin, InfiniteScrollMixin) {
         },
         fetchPolicy: 'cache-and-network',
       })
-
       // this.packs = await rmrkService
       //   .getPackListForAccount(this.id)
       //   .then(defaultSortBy);
@@ -391,7 +391,7 @@ export default class Profile extends mixins(PrefixMixin, InfiniteScrollMixin) {
 
   protected async handleResult({ data }: any) {
     if (!this.firstNFTData.image && data) {
-      const nfts = data.nFTEntities.nodes
+      const nfts = data.nftEntities
       if (nfts?.length) {
         const meta = await fetchNFTMetadata(nfts[0])
         this.firstNFTData = {

queries/rmrk/subsquid/general/firstNftByIssuer.graphql

@@ -0,0 +1,13 @@
+query firstNftByIssuer($account: String!) {
+  nftEntities(
+    where: {
+      issuer_eq: $account
+      name_not_contains: "%Kanaria%"
+      burned_eq: false
+    },
+    orderBy: blockNumber_DESC
+    limit: 1
+  ) {
+    metadata
+  }
+}

queries/rmrk/subsquid/general/nftListByIssuer.graphql

@@ -0,0 +1,43 @@
+query nftListByIssuer(
+  $account: String!
+  $limit: Int!
+  $offset: Int
+  $search: [NFTEntityWhereInput!]
+  $orderBy: NFTEntityOrderByInput = blockNumber_DESC
+) {
+  nftEntities(
+    where: {
+      issuer_eq: $account
+      name_not_contains: "%Kanaria%"
+      burned_eq: false
+      AND: $search
+    }
+    orderBy: [$orderBy, blockNumber_DESC]
+    limit: $limit
+    offset: $offset
+  ) {
+    id
+    metadata
+    issuer
+    currentOwner
+    blockNumber
+    collection {
+      id
+    }
+    burned
+    name
+    sn
+    price
+  }
+  nftEntitiesConnection(
+    where: {
+      issuer_eq: $account
+      name_not_contains: "%Kanaria%"
+      burned_eq: false
+      AND: $search
+    }
+    orderBy: blockNumber_DESC
+  ) {
+    totalCount
+  }
+}

queries/rmrk/subsquid/general/nftListCollected.graphql

@@ -0,0 +1,43 @@
+query nftListCollected(
+  $account: String!
+  $limit: Int!
+  $offset: Int
+  $orderBy: NFTEntityOrderByInput = blockNumber_DESC
+) {
+  nftEntities(
+    where: {
+      issuer_not_eq: $account
+      currentOwner_eq: $account
+      name_not_contains: "%Kanaria%"
+      burned_eq: false
+    }
+    orderBy: [$orderBy, blockNumber_DESC]
+    limit: $limit
+    offset: $offset
+  ) {
+    id
+    burned
+    # diff
+    collection {
+      id
+    }
+    createdAt
+    currentOwner
+    metadata
+    issuer
+    name
+    price
+  }
+  # diff
+  nftEntitiesConnection(
+    where: {
+      issuer_not_eq: $account
+      currentOwner_eq: $account
+      name_not_contains: "%Kanaria%"
+      burned_eq: false
+    }
+    orderBy: blockNumber_DESC
+  ) {
+    totalCount
+  }
+}

queries/rmrk/subsquid/general/nftListSold.graphql

@@ -0,0 +1,43 @@
+query nftListSold(
+  $account: String!
+  $limit: Int!
+  $offset: Int
+  $orderBy: NFTEntityOrderByInput = blockNumber_DESC
+) {
+  nftEntities(
+    where: {
+      issuer_eq: $account
+      currentOwner_not_eq: $account
+      name_not_contains: "%Kanaria%"
+      burned_eq: false
+    }
+    orderBy: [$orderBy, blockNumber_DESC]
+    limit: $limit
+    offset: $offset
+  ) {
+    id
+    burned
+    # diff
+    collection {
+      id
+    }
+    createdAt
+    currentOwner
+    metadata
+    issuer
+    name
+    price
+  }
+  # diff
+  nftEntitiesConnection(
+    where: {
+      issuer_eq: $account
+      currentOwner_not_eq: $account
+      name_not_contains: "%Kanaria%"
+      burned_eq: false
+    }
+    orderBy: blockNumber_DESC
+  ) {
+    totalCount
+  }
+}