add thirdweb openedition

CLAUDE.md

@@ -64,7 +64,7 @@ export function NFTCard(props: NFTCardProps) {
 Always use these shared libraries instead of creating duplicates:
 - **Chains**: `/registry/mini-app/lib/chains.ts` - RPC configuration, chain detection
 - **NFT Standards**: `/registry/mini-app/lib/nft-standards.ts` - ABIs and constants
-- **Manifold Utils**: `/registry/mini-app/lib/manifold-utils.ts` - Manifold-specific logic
+- **NFT Metadata Utils**: `/registry/mini-app/lib/nft-metadata-utils.ts` - NFT metadata fetching with comprehensive fallbacks
 
 ### Component Organization Pattern
 

README.md

@@ -117,7 +117,7 @@ pnpm dlx shadcn@latest add http://localhost:3000/r/nft-card.json --yes
    - Create shared libraries for common patterns
    - `/lib/chains.ts` - Chain configurations
    - `/lib/nft-standards.ts` - ABIs and utilities
-   - `/lib/manifold-utils.ts` - Contract-specific logic
+   - `/lib/nft-metadata-utils.ts` - NFT metadata fetching with comprehensive fallbacks
 
 ### Testing with Real Contracts
 

components/nft-card-examples.tsx

@@ -21,6 +21,15 @@ interface NFTExample {
 }
 
 const nftExamples: NFTExample[] = [
+  {
+    title: "Thirdweb OpenEdition",
+    description: "Thirdweb OpenEditionERC721",
+    contractAddress: "0xD2Ede6B7b1B08B2A8bB36118fBC0F76409719070",
+    tokenId: "1",
+    network: "celo",
+    titlePosition: "outside",
+    networkPosition: "outside",
+  },
   {
     title: "Zora NFT",
     description: "NFT on Zora Network",

components/nft-mint-examples.tsx

@@ -10,9 +10,19 @@ interface NFTMintExample {
   instanceId: string;
   tokenId: string;
   buttonText?: string;
+  chainId?: number;
 }
 
 const nftExamples: NFTMintExample[] = [
+  {
+    title: "Thirdweb OpenEdition",
+    description: "Thirdweb OpenEditionERC721 contract on Celo",
+    contractAddress: "0xD2Ede6B7b1B08B2A8bB36118fBC0F76409719070",
+    instanceId: "",
+    tokenId: "",
+    buttonText: "Mint Thirdweb NFT",
+    chainId: 42220, // Celo
+  },
   {
     title: "Test NFT - No Image",
     description: "Testing NFT processing for contract without metadata",
@@ -101,11 +111,14 @@ export function NFTMintExamples({
                 {example.instanceId && (
                   <div>Instance: {example.instanceId}</div>
                 )}
+                {example.chainId && example.chainId !== 8453 && (
+                  <div>Chain: {example.chainId === 42220 ? "Celo" : `ID ${example.chainId}`}</div>
+                )}
               </div>
 
               <NFTMintButton
                 contractAddress={example.contractAddress}
-                chainId={8453} // Base mainnet
+                chainId={example.chainId || 8453} // Use example chainId or default to Base
                 provider={
                   example.instanceId 
                     ? "manifold" 

public/r/daimo-pay-transfer-button.json

@@ -26,7 +26,7 @@
     },
     {
       "path": "registry/mini-app/blocks/daimo-pay-transfer/components/wagmi-provider.tsx",
-      "content": "\"use client\";\n\nimport { createConfig, http, injected, WagmiProvider } from \"wagmi\";\nimport { base, degen, mainnet, optimism } from \"wagmi/chains\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { farcasterFrame } from \"@farcaster/miniapp-wagmi-connector\";\nimport { DaimoPayProvider, getDefaultConfig } from \"@daimo/pay\";\n\nconst alchemyApiKey = process.env.NEXT_PUBLIC_ALCHEMY_KEY;\n\nexport const config = createConfig(\n  getDefaultConfig({\n    appName: \"hi\",\n    chains: [base, degen, mainnet, optimism],\n    additionalConnectors: [farcasterFrame(), injected()],\n    transports: {\n      [base.id]: http(\n        alchemyApiKey\n          ? `https://base-mainnet.g.alchemy.com/v2/${alchemyApiKey}`\n          : undefined,\n      ),\n    },\n  }),\n);\n\nconst queryClient = new QueryClient();\n\nexport default function OnchainProvider({\n  children,\n}: {\n  children: React.ReactNode;\n}) {\n  return (\n    <WagmiProvider config={config}>\n      <QueryClientProvider client={queryClient}>\n        <DaimoPayProvider>{children}</DaimoPayProvider>\n      </QueryClientProvider>\n    </WagmiProvider>\n  );\n}\n",
+      "content": "\"use client\";\n\nimport { createConfig, http, injected, WagmiProvider } from \"wagmi\";\nimport { base, degen, mainnet, optimism, celo } from \"wagmi/chains\";\nimport { QueryClient, QueryClientProvider } from \"@tanstack/react-query\";\nimport { farcasterFrame } from \"@farcaster/miniapp-wagmi-connector\";\nimport { DaimoPayProvider, getDefaultConfig } from \"@daimo/pay\";\n\nconst alchemyApiKey = process.env.NEXT_PUBLIC_ALCHEMY_KEY;\n\nexport const config = createConfig(\n  getDefaultConfig({\n    appName: \"hi\",\n    chains: [base, degen, mainnet, optimism, celo],\n    additionalConnectors: [farcasterFrame(), injected()],\n    transports: {\n      [base.id]: http(\n        alchemyApiKey\n          ? `https://base-mainnet.g.alchemy.com/v2/${alchemyApiKey}`\n          : undefined,\n      ),\n      [celo.id]: http(), // Use public RPC for Celo\n    },\n  }),\n);\n\nconst queryClient = new QueryClient();\n\nexport default function OnchainProvider({\n  children,\n}: {\n  children: React.ReactNode;\n}) {\n  return (\n    <WagmiProvider config={config}>\n      <QueryClientProvider client={queryClient}>\n        <DaimoPayProvider>{children}</DaimoPayProvider>\n      </QueryClientProvider>\n    </WagmiProvider>\n  );\n}\n",
       "type": "registry:component"
     },
     {