feat: integrate helia verified fetch

Author: codynhat

.env.mainnet

@@ -3,5 +3,4 @@ VITE_WORLD_ADDRESS =
 VITE_WORLD_BLOCK_NUMBER =
 VITE_GRAPH_URI = https://gateway-arbitrum.network.thegraph.com/api/9841726d5ed39b747fd9b31078e67c3b/subgraphs/id/4DC8D9kNX7sw8ayCNgsWUNcHtJvQiDTwKTkWudWDowKC
 VITE_ANNUALRATE = 0.1
-VITE_IPFS_GATEWAY = https://trustless-gateway.link
 VITE_LIVEPEER_API_KEY=8cdf71bd-3f27-46e8-991b-411a0f75b91f

.env.testnet

@@ -3,5 +3,4 @@ VITE_WORLD_ADDRESS = 0x943e0b3F1926008f2e1bEFCBc55FA2A75CeC2452
 VITE_WORLD_BLOCK_NUMBER = 6992231
 VITE_GRAPH_URI = https://gateway-arbitrum.network.thegraph.com/api/9841726d5ed39b747fd9b31078e67c3b/subgraphs/id/Dv2u1QabAxCxjN59putrh24pLPuBCy8PidbEc4fZBFAo
 VITE_ANNUALRATE = 0.1
-VITE_IPFS_GATEWAY = https://trustless-gateway.link
 VITE_LIVEPEER_API_KEY=8cdf71bd-3f27-46e8-991b-411a0f75b91f

package.json

@@ -11,6 +11,7 @@
     "@geo-web/sdk": "^4.4.0",
     "@geo-web/types": "^0.2.0",
     "@google/model-viewer": "^3.2.1",
+    "@helia/verified-fetch": "^1.3.14",
     "@livepeer/react": "^2.8.3",
     "@material-ui/core": "^4.11.3",
     "@material-ui/icons": "^4.11.2",

src/container/GeoWebSystem/GWS.tsx

@@ -7,8 +7,8 @@ import {
   RPC_URLS_HTTP,
   RPC_URLS_WS,
   NETWORK_ID,
-  IPFS_GATEWAY,
   WORLD,
+  IPFS_GATEWAYS,
 } from "../../lib/constants";
 import { getGeoId, getParcelInfo } from "../../lib/api";
 import { useWorld } from "../../lib/world";
@@ -22,6 +22,7 @@ import {
 import { createPublicClient, getContract, http, Address } from "viem";
 import { MUDChain } from "@latticexyz/common/chains";
 import { useSearchParams } from "react-router-dom";
+import { createVerifiedFetch } from "@helia/verified-fetch";
 
 type BasicProfile = {
   name: string;
@@ -112,9 +113,10 @@ export default function GWS() {
         ])) as string;
 
         if (tokenURI) {
-          const basicProfileRes = await fetch(
-            `${IPFS_GATEWAY}/ipfs/${tokenURI.slice(7)}`
-          );
+          const verifiedFetch = await createVerifiedFetch({
+            gateways: IPFS_GATEWAYS,
+          });
+          const basicProfileRes = await verifiedFetch(tokenURI);
           const basicProfile = await basicProfileRes.json();
 
           setBasicProfile({

src/lib/constants.ts

@@ -6,7 +6,15 @@ export const WORLD = {
 };
 export const SUBGRAPH_URL = import.meta.env.VITE_GRAPH_URI;
 export const GRAPH_URL = import.meta.env.VITE_GRAPH_URI;
-export const IPFS_GATEWAY = import.meta.env.VITE_IPFS_GATEWAY;
+export const IPFS_GATEWAYS = [
+  "https://trustless-gateway.link",
+  "https://gateway.pinata.cloud",
+  "https://storry.tv",
+  "https://cloudflare-ipfs.com",
+  "https://4everland.io",
+  "https://ipfs.runfission.com",
+];
+export const IPFS_GATEWAY = "https://cloudflare-ipfs.com";
 export const PINATA_API_ENDPOINT = "https://api.pinata.cloud/psa";
 export const STORAGE_WORKER_ENDPOINT =
   "https://storage-workers.geo-web.workers.dev";