fix(price_feeds/fuel): use HermesClient to fetch update data (#22)

Author: cctdaniel

price_feeds/fuel/fetch-and-update-btc-price/.env.example

@@ -4,4 +4,4 @@ NEXT_PUBLIC_HAS_SCRIPT=true
 NEXT_PUBLIC_DAPP_ENVIRONMENT=testnet
 NEXT_PUBLIC_TESTNET_CONTRACT_ID=0x657ed30041e69a9138caf8ccb27e51be7ff306082a7d7cd2092bad08b8e20d1f
 NEXT_PUBLIC_PYTH_TESTNET_CONTRACT_ID=0x273172b23903a5587d034173f9c607c6473dc55afecec4b9efa3a1f9da5f27f6
-NEXT_PUBLIC_HERMES_BTC_URL="https://hermes.pyth.network/v2/updates/price/latest?ids[]="
+NEXT_PUBLIC_HERMES_URL="https://hermes.pyth.network/"

price_feeds/fuel/fetch-and-update-btc-price/package-lock.json

@@ -13,9 +13,10 @@
   "dependencies": {
     "@fuels/connectors": "^0.2.2",
     "@fuels/react": "^0.18.1",
-    "fuels": "^0.92.1",
+    "@pythnetwork/hermes-client": "^1.0.4",
     "@tanstack/react-query": "^5.29.2",
     "dotenv": "^16.4.5",
+    "fuels": "^0.92.1",
     "next": "14.2.2",
     "react": "^18.2",
     "react-dom": "^18.2",

price_feeds/fuel/fetch-and-update-btc-price/package.json

@@ -11,6 +11,7 @@ import { useActiveWallet } from "@/hooks/useActiveWallet";
 import useAsync from "react-use/lib/useAsync";
 import { CURRENT_ENVIRONMENT } from "@/lib";
 import { PriceOutput } from "@/sway-api/contracts/TestContractAbi";
+import { HermesClient } from "@pythnetwork/hermes-client";
 
 const FUEL_ETH_BASE_ASSET_ID =
   "0xf8f8b6283d7fa5b672b530cbb84fcccb4ff8dc40f8176ef4544ddb1f1952ad07";
@@ -37,13 +38,14 @@ export default function Home() {
   const [price, setPrice] = useState<PriceOutput>();
 
   const fetchPriceUpdateData = async () => {
-    const response = await fetch(hermesUrl + PRICE_FEED_ID);
-    if (!response.ok) {
-      throw new Error("Failed to fetch price");
-    }
-    const data = await response.json();
-    const binaryData = data.binary.data[0];
-    const buffer = Buffer.from(binaryData, "hex");
+    const connection = new HermesClient(hermesUrl);
+
+    // Latest price updates
+    const priceUpdates = await connection.getLatestPriceUpdates([
+      PRICE_FEED_ID,
+    ]);
+
+    const buffer = Buffer.from(priceUpdates.binary.data[0], "hex");
     return buffer;
   };