return metadataUrl

README.md

@@ -56,7 +56,8 @@ function Nft() {
       <img src={nft.image} alt="" />
       <p>{nft.description}</p>
       <p>Owner: {nft.owner}</p>
-    </section>
+      <p>Metadata URL: {nft.metadataUrl}</p>
+</section>
   )
 }
 ```
@@ -125,6 +126,10 @@ result.nft.image
 
 // current owner of the NFT (or empty string)
 result.nft.owner
+
+// url of the json containing the NFT's metadata
+result.nft.metadataUrl
+
 ```
 
 As TypeScript type:
@@ -140,6 +145,7 @@ type NftResult = {
     image: string
     name: string
     owner: string
+    metadataUrl?: string
   }
 }
 ```

src/fetchers/ethereum/index.tsx

@@ -58,7 +58,7 @@ export default function ethereumFetcher(
 
       const metadata = await fetchMetadata(metadataUrl)
 
-      return { ...metadata, owner }
+      return { ...metadata, owner, metadataUrl }
     },
   }
 }

src/fetchers/ethers/index.tsx

@@ -58,7 +58,7 @@ export default function ethersFetcher(
 
       const metadata = await fetchMetadata(metadataUrl)
 
-      return { ...metadata, owner }
+      return { ...metadata, owner, metadataUrl }
     },
   }
 }

src/fetchers/shared/cryptokitties.ts

@@ -4,7 +4,8 @@ import { CRYPTOKITTIES } from "../../known-contracts"
 import { addressesEqual } from "../../utils"
 
 export async function cryptoKittiesMetadata(id: string): Promise<NftMetadata> {
-  const res = await fetch(`https://api.cryptokitties.co/v3/kitties/${id}`)
+  const metadataUrl = `https://api.cryptokitties.co/v3/kitties/${id}`;
+  const res = await fetch(metadataUrl)
   const data = (await res.json()) as {
     name: string
     bio: string
@@ -15,6 +16,7 @@ export async function cryptoKittiesMetadata(id: string): Promise<NftMetadata> {
     image: data?.image_url ?? "",
     name: data?.name ?? "Unknown",
     owner: "",
+    metadataUrl,
   }
 }
 

src/types.ts

@@ -34,6 +34,7 @@ export type NftMetadata = {
   image: string
   name: string
   owner: Address
+  metadataUrl?: string
 }
 
 export type NftJsonMetadata = {