kodadot/nft-gallery

import { useQuery } from '@tanstack/vue-query'
import type { Prefix } from '@kodadot1/static'
import type { Flippers, InteractionWithNFT, Owners } from './types'
import { getFlippers, getOwners } from './helpers'

export const useCollectionActivity = ({
  collectionId,
  prefix,
}: {
  collectionId: ComputedRef<string>
  prefix?: Prefix
}) => {
  const { urlPrefix } = usePrefix()
  const events = ref<InteractionWithNFT[]>([])
  const owners = ref<Owners>()
  const flippers = ref<Flippers>()

  const queryPrefixMap = {
    ksm: 'chain-ksm',
  }

  const queryPrefix = queryPrefixMap[prefix ?? urlPrefix.value] || 'subsquid'
  const variables = computed(() => ({
    id: collectionId.value,
  }))

  const { data, isPending: loading } = useQuery({
    queryKey: ['collection-activity-events', prefix, variables],
    queryFn: async () =>
      collectionId.value
        ? (await useAsyncGraphql({
            query: 'collectionActivityEvents',
            variables: variables.value,
            prefix: queryPrefix,
          })).data.value
        : null,
    staleTime: 1000 * 10,
  })

  watch(
    data,
    (result) => {
      if (result) {
        const nfts
          = result.collection?.nfts.map(nft => ({
            ...nft,
            name: nft?.name,
          })) ?? []
        // flat events for chart
        const interactions: InteractionWithNFT[] = nfts
          .map(nft =>
            nft.events.map(e => ({
              ...e,
              timestamp: new Date(e.timestamp).getTime(),
              nft: {
                ...nft,
                events: undefined,
              },
            })),
          )
          .flat()
        events.value = interactions

        // not to repeat ref names
        const ownersTemp = getOwners(nfts)
        const flippersTemp = getFlippers(interactions)

        const flipperdIds = Object.keys(flippersTemp)
        const OwnersIds = Object.keys(ownersTemp)

        flipperdIds.forEach((id) => {
          if (OwnersIds.includes(id)) {
            ownersTemp[id].totalSold = flippersTemp[id].totalsold
          }
        })

        owners.value = ownersTemp
        flippers.value = flippersTemp
      }
    },
    { immediate: true },
  )
  return {
    events,
    owners,
    flippers,
    loading,
  }
}