\n {context && (\n <>\n {context?.user?.fid && (\n

User

{context?.user?.username}

{context?.user?.fid}

\n )}\n\n {walletAddresses?.length > 0 && (\n

Wallet

{formatAddress(walletAddresses[0])}

\n\n

\n \n fcsdk.wallet?.ethProvider?.request({\n method: 'eth_chainId',\n })\n }\n >\n chainId\n \n \n fcsdk.wallet?.ethProvider?.request({\n method: 'wallet_switchEthereumChain',\n params: [{ chainId: '0x2105' }],\n })\n }\n >\n switchChain (base)\n \n \n fcsdk.wallet?.ethProvider?.request({\n method: 'eth_sendTransaction',\n params: [\n {\n from: walletAddresses[0],\n to: '0x5F77DBc7686327D3BF6eC1887E5a3AdA0aE60841',\n value: '0x' + (100000000000000).toString(16),\n },\n ],\n })\n }\n >\n sendTransaction\n \n

\n )}\n\n

sdk.actions

\n fcsdk.actions.viewProfile?.({ fid: context.user.fid })}>\n viewProfile\n \n fcsdk.actions.viewCast?.({ hash: '0xd81f802e98c1432bb698cb7d4cb6c2ff5057867d' })}\n >\n viewCast\n \n fcsdk.actions.composeCast?.({ text: 'Hello' })}>\n composeCast\n \n fcsdk.actions.openUrl('https://www.youtube.com/watch?v=dQw4w9WgXcQ')}\n >\n openUrl\n \n {/* fcsdk.actions.openUrl('https://warpcast.com/~/compose')}>\n openUrl (warpcast)\n */}\n fcsdk.actions.setPrimaryButton({ text: 'Primary Button' })}>\n setPrimaryButton\n \n fcsdk.actions.addMiniApp()}>addMiniApp\n fcsdk.actions.signIn({})}>signIn\n\n fcsdk.actions.close()}>close\n\n \n fcsdk.actions.swapToken({\n sellToken: 'eip155:8453/erc20:0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913',\n buyToken: 'eip155:8453/native',\n sellAmount: '3000000',\n })\n }\n >\n swapToken\n \n \n fcsdk.actions.sendToken({\n token: 'eip155:8453/erc20:0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913',\n amount: '500000',\n recipientFid: 2073,\n })\n }\n >\n sendToken\n \n \n fcsdk.actions.viewToken({\n token: 'eip155:8453/erc20:0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913',\n })\n }\n >\n viewToken\n \n

\n\n

sdk.experimental

\n fcsdk.experimental.quickAuth?.()}>quickAuth\n fcsdk.getCapabilities?.()}>getCapabilities\n

\n\n

sdk.haptics

\n fcsdk.haptics?.notificationOccurred?.('success')}>\n haptics (success notification)\n \n fcsdk.haptics?.impactOccurred?.('heavy')}>\n haptics (heavy impact)\n \n fcsdk.haptics?.selectionChanged?.()}>\n haptics (selection)\n \n

\n\n {formatJSON(context)}\n \n )}\n\n {!context && (\n

\n Farcaster is an open, programmable social network designed for developers to build mini apps with integrated\n user authentication and financial features. Mini apps on Farcaster can be shared directly within the social\n feed and installed in users' primary Farcaster clients, enabling seamless access and real-time notifications\n from the mini apps themselves.\n
\n
\n Open this web app in{' '}\n \n Farcaster\n {' '}\n to see the Mini App.\n

\n )}\n

\n )\n}\n\nfunction ExpandableSection({ title, children }: { title: string; children: React.ReactNode }) {\n const [expanded, setExpanded] = useState(false)\n\n return (\n

{title}

setExpanded(!expanded)}>\n {expanded ? '▲' : '▼'}\n

\n\n {expanded &&

{children}

}\n

\n )\n}\n","deleted","label",[170,171,152],"frontend","components","permalink","https://www.val.town/x/moe/gif-fc/code/frontend/components/FarcasterMiniApp.tsx","extension","actionData","errors"]