Merge pull request #8 from Scaffold-Stark/fix/cors-issue

fix cors issue in dev environment when accessing api.coingecko.com

packages/nextjs/app/api/price/[symbol]/route.ts

@@ -0,0 +1,26 @@
+export async function GET(_: Request, { params: { symbol } }: { params: { symbol: string } }) {
+  let apiUrl = "";
+  if (symbol === "ETH") {
+    apiUrl = "https://api.coingecko.com/api/v3/simple/price?ids=ethereum&vs_currencies=usd";
+  } else if (symbol === "STRK") {
+    apiUrl = "https://api.coingecko.com/api/v3/simple/price?ids=starknet&vs_currencies=usd";
+  } else {
+    return Response.json({
+      ethereum: { usd: 0 },
+      starknet: { usd: 0 }
+    });
+  }
+  try {
+    const response = await fetch(apiUrl);
+    if (!response.ok) {
+      throw new Error(`coingecko response status: ${response.status}`);
+    }
+    const json = await response.json();
+    return Response.json(json);
+  } catch (e) {
+    return Response.json({
+      ethereum: { usd: 0 },
+      starknet: { usd: 0 }
+    });
+  }
+}

packages/nextjs/lib/scaffold-stark-2/utils/scaffold-stark/fetchPriceFromCoingecko.ts

@@ -20,13 +20,7 @@ const updatePriceCache = async (symbol: string, retries = 3): Promise<number> =>
   let attempt = 0;
   while (attempt < retries) {
     try {
-      let apiUrl = "";
-      if (symbol === "ETH") {
-        apiUrl = `https://api.coingecko.com/api/v3/simple/price?ids=ethereum&vs_currencies=usd`;
-      } else if (symbol === "STRK") {
-        apiUrl = `https://api.coingecko.com/api/v3/simple/price?ids=starknet&vs_currencies=usd`;
-      }
-      const response = await fetch(apiUrl);
+      const response = await fetch(`/api/price/${symbol}`);
       const data = await response.json();
       const price = symbol === "ETH" ? data.ethereum.usd : data.starknet.usd;
       priceCache[symbol] = price;