@b3dotfun/sdk 0.0.79-alpha.0 → 0.0.79-alpha.2

package/src/global-account/react/components/IPFSMediaRenderer/IPFSMediaRenderer.tsx

@@ -1,13 +1,10 @@
 "use client";
 
+import { getIpfsUrl } from "@b3dotfun/sdk/shared/utils/ipfs";
 import { client as defaultClient } from "@b3dotfun/sdk/shared/utils/thirdweb";
 import type { ThirdwebClient } from "thirdweb";
 import { MediaRenderer } from "thirdweb/react";
 
-// Primary IPFS gateway URL - matches our allowed list in profileDisplay.ts
-// Note: MediaRenderer expects the base gateway URL without /ipfs path
-// const IPFS_GATEWAY_URL = "https://cloudflare-ipfs.com";
-
 interface IPFSMediaRendererProps {
   /** The source URL - can be IPFS URL (ipfs://...) or HTTP URL */
   src: string | null | undefined;
@@ -66,12 +63,13 @@ export function IPFSMediaRenderer({
     );
   }
 
-  // Convert IPFS URLs to HTTP gateway URLs if needed
-  // This handles both ipfs:// URLs and existing HTTP gateway URLs
+  // Convert IPFS URLs to HTTP gateway URLs using our preferred gateway
+  // This avoids Thirdweb's default cloudflare-ipfs.com which can be unreliable
+  const resolvedSrc = src.startsWith("ipfs://") ? getIpfsUrl(src) : src;
 
   return (
     <MediaRenderer
-      src={src}
+      src={resolvedSrc}
       client={client}
       alt={alt}
       className={className}

package/src/shared/utils/ipfs.ts

@@ -3,23 +3,23 @@
  * These gateways must match the allowed list in profileDisplay.ts validateImageUrl()
  */
 const IPFS_GATEWAYS = [
-  "https://cloudflare-ipfs.com/ipfs", // Primary gateway - fast and reliable
+  "https://dweb.link/ipfs", // Primary gateway - Protocol Labs maintained
+  "https://w3s.link/ipfs", // web3.storage gateway - reliable
+  "https://nftstorage.link/ipfs", // NFT.storage gateway
+  "https://gateway.pinata.cloud/ipfs", // Pinata gateway
   "https://ipfs.io/ipfs", // Fallback gateway
-  "https://gateway.pinata.cloud/ipfs", // Additional option
-  "https://dweb.link/ipfs", // Additional option
-  "https://nftstorage.link/ipfs", // Additional option
-  "https://w3s.link/ipfs", // Additional option
+  "https://cloudflare-ipfs.com/ipfs", // Cloudflare gateway (can be slow/unreliable)
 ] as const;
 
 /**
  * Converts an IPFS URL to a gateway URL
  * @param ipfsUrl - URL in format ipfs://CID/path or just the CID
- * @param gatewayIndex - Optional index to specify which gateway to use (0: Cloudflare, 1: ipfs.io)
+ * @param gatewayIndex - Optional index to specify which gateway to use (0: dweb.link, 1: w3s.link, etc.)
  * @returns HTTP URL using the specified IPFS gateway
  * @example
- * // returns 'https://cloudflare-ipfs.com/ipfs/QmUbJ4p.../2.png'
+ * // returns 'https://dweb.link/ipfs/QmUbJ4p.../2.png'
  * getIpfsUrl('ipfs://QmUbJ4pnHMNXGeWWhBFFSEqCGuc6cEtDyz35wQfv7k2TXy/2.png')
- * // returns 'https://ipfs.io/ipfs/QmUbJ4p.../2.png'
+ * // returns 'https://w3s.link/ipfs/QmUbJ4p.../2.png'
  * getIpfsUrl('ipfs://QmUbJ4pnHMNXGeWWhBFFSEqCGuc6cEtDyz35wQfv7k2TXy/2.png', 1)
  */
 export function getIpfsUrl(ipfsUrl: string, gatewayIndex = 0): string {