include token metadata call

packages/builder-utils/src/hooks/index.ts

@@ -8,4 +8,5 @@ export * from './useInterval'
 export * from './useMinBidAmount'
 export * from './useSettle'
 export * from './useTokenExplorer'
+export * from './useTokenMetadata'
 export * from './useVote'

packages/builder-utils/src/hooks/useTokenMetadata.ts

@@ -0,0 +1,35 @@
+import parseBase64String from '../lib/parseBase64String'
+import { tokenAbi } from '../abi'
+import { useTokenContext } from '../context'
+import { useEffect, useState } from 'react'
+import { useContractRead } from 'wagmi'
+
+type TokenMetadata = {
+  description: string
+  image: string
+  name: string
+  properties?: string
+}
+
+export function useTokenMetadata({ tokenId }: { tokenId: number }) {
+  const [json, setJson] = useState<TokenMetadata>()
+
+  const { tokenAddress } = useTokenContext()
+
+  const { data: tokenUri } = useContractRead({
+    address: tokenAddress,
+    abi: tokenAbi,
+    functionName: 'tokenURI',
+    args: [BigInt(tokenId)],
+  })
+
+  useEffect(() => {
+    if (tokenUri) {
+      setJson(parseBase64String(tokenUri))
+    }
+  }, [tokenId])
+
+  return {
+    json: json as TokenMetadata,
+  }
+}

packages/builder-utils/src/lib/index.ts

@@ -1,3 +1,4 @@
 export * from './etherscanLink'
 export * from './formatFromUnix'
+export * from './parseBase64String'
 export * from './shortenAddress'

packages/builder-utils/src/lib/parseBase64String.ts

@@ -0,0 +1,7 @@
+const parseBase64String = (val: string) => {
+  const clean: string = val?.substring(29)
+  const json = Buffer.from(clean, 'base64').toString()
+  return JSON.parse(json)
+}
+
+export default parseBase64String