/*Component RPCMethodsViewer does not exist.*/ "use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; const CosmosIcon = ({size = 24, color = "currentColor", className = ""}) => { const _components = { path: "path", svg: "svg", ..._provideComponents() }; return _jsx(_components.svg, { width: size, height: size, viewBox: "0 0 102 100", fill: "none", className: className, xmlns: "http://www.w3.org/2000/svg", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M63.4122 29.4633L30.4746 61.7665C30.0498 60.9583 29.6666 60.1161 29.323 59.2428C28.1727 56.3076 27.5976 53.1936 27.5976 49.9048C27.5976 46.6132 28.1727 43.5002 29.323 40.5653C30.4746 37.629 32.0697 35.0816 34.1092 32.9193C36.1486 30.7585 38.5998 29.0494 41.4608 27.7908C44.3233 26.5335 47.4639 25.9041 50.884 25.9041C54.3056 25.9041 57.4636 26.5491 60.3567 27.8404C61.4322 28.3196 62.4507 28.8601 63.4122 29.4633ZM60.5055 72.2104C57.6434 73.469 54.5025 74.0971 51.0824 74.0971C47.6608 74.0971 44.5031 73.4522 41.6086 72.1621C40.5342 71.6816 39.5157 71.1412 38.556 70.5366L71.4921 38.2362C71.9166 39.043 72.3001 39.8837 72.6434 40.7584C73.7937 43.6936 74.3692 46.8076 74.3692 50.0978C74.3692 53.3881 73.7937 56.501 72.6434 59.4373C71.4921 62.3722 69.897 64.9196 67.8572 67.0806C65.8177 69.2415 63.368 70.9517 60.5055 72.2104ZM65.489 82.2262C69.897 80.3551 73.7125 77.8235 76.9357 74.6284C80.1589 71.4361 82.6577 67.7097 84.4341 63.4522C86.2111 59.1946 87.0992 54.6782 87.0992 49.9048C87.0992 45.13 86.2111 40.6136 84.4341 36.3546C83.3807 33.8296 82.084 31.4976 80.5449 29.3576L101.968 8.34836L93.4552 0L71.9671 21.0732C70.0381 19.7833 67.9437 18.6682 65.686 17.7268C61.278 15.8885 56.4106 14.968 51.0824 14.968C45.7531 14.968 40.8857 15.9042 36.4777 17.7752C32.0697 19.6462 28.2539 22.1778 25.0307 25.3715C21.8075 28.5651 19.3072 32.2915 17.5312 36.5491C15.7553 40.807 14.8671 45.323 14.8671 50.0978C14.8671 54.8713 15.7553 59.3862 17.5312 63.6456C18.5857 66.172 19.8823 68.5036 21.4214 70.645L0 91.6517L8.5126 100L29.9992 78.9279C31.9283 80.2181 34.0226 81.333 36.2804 82.2744C40.6888 84.113 45.5562 85.032 50.884 85.032C56.2133 85.032 61.0807 84.0958 65.489 82.2262Z", fill: color }) }); }; const MDXLayout = function RPCMethodsViewerVersionB() { const _components = { button: "button", code: "code", div: "div", h1: "h1", h2: "h2", h3: "h3", input: "input", label: "label", p: "p", path: "path", pre: "pre", span: "span", svg: "svg", ..._provideComponents() }; const [theme, setTheme] = useState('dark'); useEffect(() => { const detectTheme = () => { const isDark = document.documentElement.classList.contains('dark'); setTheme(isDark ? 'dark' : 'light'); }; detectTheme(); const observer = new MutationObserver(detectTheme); observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] }); window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', detectTheme); return () => { observer.disconnect(); window.matchMedia('(prefers-color-scheme: dark)').removeEventListener('change', detectTheme); }; }, []); useEffect(() => { const checkMobile = () => setIsMobile(window.innerWidth < 1024); checkMobile(); window.addEventListener('resize', checkMobile); return () => window.removeEventListener('resize', checkMobile); }, []); const namespaceColors = theme === 'dark' ? { eth: '#3b82f6', web3: '#a855f7', net: '#10b981', txpool: '#22c55e', personal: '#ef4444', debug: '#f59e0b', admin: '#ec4899', miner: '#84cc16', engine: '#f97316', clique: '#14b8a6', les: '#06b6d4' } : { eth: '#3b82f6', web3: '#9333ea', net: '#0891b2', txpool: '#22c55e', personal: '#ef4444', debug: '#f59e0b', admin: '#ec4899', miner: '#84cc16', engine: '#f97316', clique: '#14b8a6', les: '#22d3ee' }; const CodeHighlighter = ({code, language, className = '', theme}) => { return _jsx(_components.pre, { className: `mint-p-4 mint-rounded-lg mint-text-xs mint-overflow-x-auto mint-border ${className} ${theme === 'dark' ? "mint-bg-black mint-border-zinc-800" : "mint-bg-gray-900 mint-border-gray-700"}`, children: _jsx(_components.code, { className: "mint-text-zinc-300 mint-font-mono mint-leading-relaxed", children: code }) }); }; const [selectedNamespace, setSelectedNamespace] = useState('all'); const [searchTerm, setSearchTerm] = useState(''); const [selectedMethod, setSelectedMethod] = useState(null); const [selectedLanguage, setSelectedLanguage] = useState('curl'); const [rpcEndpoint, setRpcEndpoint] = useState('http://localhost:8545'); const [isValidEndpoint, setIsValidEndpoint] = useState(false); const [isInvalidEndpoint, setIsInvalidEndpoint] = useState(false); const [requestResult, setRequestResult] = useState(null); const [isLoading, setIsLoading] = useState(false); const [copied, setCopied] = useState(false); const [isMobile, setIsMobile] = useState(false); const [showMobilePanel, setShowMobilePanel] = useState('list'); const [paramValues, setParamValues] = useState({}); const [debouncedParamValues, setDebouncedParamValues] = useState({}); const [showAllMethods, setShowAllMethods] = useState(false); useEffect(() => { const checkMobile = () => setIsMobile(window.innerWidth < 1024); checkMobile(); window.addEventListener('resize', checkMobile); return () => window.removeEventListener('resize', checkMobile); }, []); useEffect(() => { const timer = setTimeout(() => { setDebouncedParamValues(paramValues); }, 300); return () => clearTimeout(timer); }, [paramValues]); const languages = [{ id: 'curl', name: 'cURL' }, { id: 'javascript', name: 'JavaScript' }, { id: 'python', name: 'Python' }, { id: 'go', name: 'Go' }, { id: 'rust', name: 'Rust' }, { id: 'csharp', name: 'C#' }]; const rpcMethodsData = { eth: { name: "eth", methods: [{ name: "eth_accounts", status: "Y", description: "Returns list of addresses owned by client" }, { name: "eth_getBalance", status: "Y", description: "Returns the balance of an account" }, { name: "eth_getTransactionCount", status: "Y", description: "Returns the number of transactions sent from an address" }, { name: "eth_blockNumber", status: "Y", description: "Returns the current block number" }, { name: "eth_chainId", status: "Y", description: "Returns the chain ID" }, { name: "eth_protocolVersion", status: "Y", description: "Returns the current Ethereum protocol version" }, { name: "eth_gasPrice", status: "Stub", description: "Returns the current gas price (always 0x0)" }, { name: "eth_coinbase", status: "Y", description: "Returns the client coinbase address (deprecated in geth)" }, { name: "eth_maxPriorityFeePerGas", status: "Stub", description: "Returns the max priority fee per gas (always 0x0)" }, { name: "eth_getBlockByNumber", status: "Y", description: "Returns block information by number" }, { name: "eth_getBlockByHash", status: "Y", description: "Returns block information by hash" }, { name: "eth_call", status: "Stub", description: "Executes a message call immediately (returns 0x)" }, { name: "eth_estimateGas", status: "Y", description: "Estimates gas needed for a transaction" }, { name: "eth_sign", status: "Y", description: "Signs data with a given address" }, { name: "eth_feeHistory", status: "Y", description: "Returns fee history" }, { name: "eth_newFilter", status: "Y", description: "Creates a filter object" }, { name: "eth_newBlockFilter", status: "Y", description: "Creates a filter for new blocks" }, { name: "eth_newPendingTransactionFilter", status: "Y", description: "Creates a filter for pending transactions" }, { name: "eth_uninstallFilter", status: "Y", description: "Uninstalls a filter" }, { name: "eth_sendTransaction", status: "N", description: "Sends transaction (not implemented)" }, { name: "eth_sendRawTransaction", status: "Y", description: "Sends signed raw transaction" }, { name: "eth_signTransaction", status: "N", description: "Signs transaction (not implemented)" }, { name: "eth_getTransactionByHash", status: "Stub", description: "Returns transaction by hash (returns null)" }, { name: "eth_getTransactionReceipt", status: "Stub", description: "Returns transaction receipt (returns null)" }, { name: "eth_getTransactionByBlockNumberAndIndex", status: "Stub", description: "Returns transaction by block and index (returns null)" }, { name: "eth_getTransactionByBlockHashAndIndex", status: "Stub", description: "Returns transaction by block hash and index (returns null)" }, { name: "eth_getLogs", status: "Stub", description: "Returns logs matching filter (returns empty array)" }, { name: "eth_getStorageAt", status: "Y", description: "Returns storage value at position" }, { name: "eth_getCode", status: "Stub", description: "Returns code at address (returns 0x)" }, { name: "eth_getFilterChanges", status: "Stub", description: "Returns filter changes (limited)" }, { name: "eth_getFilterLogs", status: "Stub", description: "Returns filter logs (limited)" }, { name: "eth_getProof", status: "Y", description: "Returns merkle proof for account and storage values" }, { name: "eth_pendingTransactions", status: "Stub", description: "Returns pending transactions (returns undefined)" }, { name: "eth_getPendingTransactions", status: "Y", description: "Returns pending transactions (deprecated in geth)" }, { name: "eth_getBlockTransactionCountByNumber", status: "Stub", description: "Returns transaction count in block (returns 0x0)" }, { name: "eth_getBlockTransactionCountByHash", status: "Stub", description: "Returns transaction count in block by hash (returns 0x0)" }, { name: "eth_getBlockReceipts", status: "Stub", description: "Returns all receipts for a block (returns empty array)" }, { name: "eth_getUncleByBlockNumberAndIndex", status: "Stub", description: "Returns uncle by block number (always null)" }, { name: "eth_getUncleByBlockHashAndIndex", status: "Stub", description: "Returns uncle by block hash (always null)" }, { name: "eth_getUncleCountByBlockNumber", status: "Stub", description: "Returns uncle count by number (always 0)" }, { name: "eth_getUncleCountByBlockHash", status: "Stub", description: "Returns uncle count by hash (always 0)" }, { name: "eth_syncing", status: "Stub", description: "Returns sync status (always false)" }, { name: "eth_mining", status: "Y", description: "Returns mining status (deprecated - always false, no PoW)" }, { name: "eth_hashrate", status: "Y", description: "Returns hashrate (deprecated - always 0, no PoW)" }, { name: "eth_getWork", status: "Stub", description: "Returns work array (not applicable)" }, { name: "eth_submitWork", status: "Stub", description: "Submits work (not applicable)" }, { name: "eth_submitHashrate", status: "Stub", description: "Submits hashrate (not applicable)" }, { name: "eth_getTransactionLogs", status: "Stub", description: "Returns transaction logs (Cosmos-specific)" }, { name: "eth_getRawTransactionByHash", status: "Stub", description: "Returns raw transaction by hash" }, { name: "eth_getRawTransactionByBlockNumberAndIndex", status: "Stub", description: "Returns raw transaction by block and index" }, { name: "eth_getRawTransactionByBlockHashAndIndex", status: "Stub", description: "Returns raw transaction by block hash and index" }, { name: "eth_resend", status: "N", description: "Resends transaction with new gas price (requires nonce param)" }, { name: "eth_fillTransaction", status: "N", description: "Fills missing transaction fields (not implemented)" }, { name: "eth_createAccessList", status: "Y", description: "Creates EIP-2930 access list for transactions" }, { name: "eth_blobBaseFee", status: "N", description: "Returns blob base fee (EIP-4844 - not implemented)" }, { name: "eth_getHeaderByHash", status: "Y", description: "Returns block header by hash" }, { name: "eth_getHeaderByNumber", status: "Y", description: "Returns block header by number" }, { name: "eth_simulateV1", status: "N", description: "Simulates arbitrary number of transactions (geth-specific, not implemented)" }, { name: "eth_signTypedData", status: "N", description: "Signs typed structured data (requires domain param)" }, { name: "eth_signTypedData_v3", status: "N", description: "Signs typed structured data v3 (not implemented)" }, { name: "eth_signTypedData_v4", status: "N", description: "Signs typed structured data v4 (not implemented)" }, { name: "eth_subscribe", status: "Y", description: "Creates subscription for events (WebSocket only)" }, { name: "eth_unsubscribe", status: "Y", description: "Cancels subscription (WebSocket only)" }, { name: "eth_getCompilers", status: "Stub", description: "Returns available compilers" }, { name: "eth_compileSolidity", status: "Stub", description: "Compiles Solidity code" }, { name: "eth_compileLLL", status: "Stub", description: "Compiles LLL code" }, { name: "eth_compileSerpent", status: "Stub", description: "Compiles Serpent code" }] }, web3: { name: "web3", color: "purple", methods: [{ name: "web3_clientVersion", status: "Y", description: "Returns the current client version" }, { name: "web3_sha3", status: "Y", description: "Returns Keccak-256 hash of the given data" }] }, net: { name: "net", color: "green", methods: [{ name: "net_version", status: "Y", description: "Returns the current network ID" }, { name: "net_listening", status: "Stub", description: "Returns true if client is actively listening (always true)" }, { name: "net_peerCount", status: "Stub", description: "Returns number of peers (returns 0)" }] }, txpool: { name: "txpool", color: "orange", methods: [{ name: "txpool_content", status: "Y", description: "Returns the content of the transaction pool" }, { name: "txpool_contentFrom", status: "Y", description: "Returns transactions from specific address" }, { name: "txpool_inspect", status: "Y", description: "Returns a summary of the transaction pool" }, { name: "txpool_status", status: "Stub", description: "Returns the number of pending and queued transactions (returns empty object)" }] }, personal: { name: "personal", color: "red", methods: [{ name: "personal_listAccounts", status: "Y", description: "Returns list of accounts" }, { name: "personal_newAccount", status: "Y", description: "Creates new account" }, { name: "personal_sign", status: "Y", description: "Signs data with account" }, { name: "personal_unlockAccount", status: "Stub", description: "Unlocks account (always false)" }, { name: "personal_lockAccount", status: "Stub", description: "Locks account (always false)" }, { name: "personal_sendTransaction", status: "N", description: "Sends transaction (not implemented)" }, { name: "personal_signTransaction", status: "N", description: "Signs transaction (not implemented)" }, { name: "personal_signAndSendTransaction", status: "N", description: "Signs and sends transaction (not implemented)" }, { name: "personal_ecRecover", status: "N", description: "Recovers address (requires 65-byte signature)" }, { name: "personal_importRawKey", status: "N", description: "Imports raw key (requires valid hex key)" }, { name: "personal_listWallets", status: "Stub", description: "Lists wallets (returns null)" }, { name: "personal_openWallet", status: "N", description: "Opens wallet (not implemented)" }, { name: "personal_deriveAccount", status: "N", description: "Derives account (not implemented)" }, { name: "personal_unpair", status: "N", description: "Unpairs device (not implemented)" }, { name: "personal_initializeWallet", status: "N", description: "Initializes wallet (not implemented)" }] }, debug: { name: "debug", color: "yellow", methods: [{ name: "debug_traceTransaction", status: "Y", description: "Traces transaction execution" }, { name: "debug_traceBlock", status: "Y", description: "Traces all transactions in a block" }, { name: "debug_traceBlockByNumber", status: "Y", description: "Traces all transactions in block by number" }, { name: "debug_traceBlockByHash", status: "Y", description: "Traces all transactions in block by hash" }, { name: "debug_traceCall", status: "Y", description: "Traces eth_call execution" }, { name: "debug_traceChain", status: "N", description: "Traces chain between blocks (not implemented)" }, { name: "debug_standardTraceBlockToFile", status: "N", description: "Standard trace to file (not implemented)" }, { name: "debug_standardTraceBadBlockToFile", status: "N", description: "Trace bad block to file (not implemented)" }, { name: "debug_traceBadBlock", status: "N", description: "Traces bad block (not implemented)" }, { name: "debug_intermediateRoots", status: "Y", description: "Returns intermediate state roots (returns empty hash)" }, { name: "debug_getBadBlocks", status: "N", description: "Returns bad blocks (not implemented)" }, { name: "debug_storageRangeAt", status: "N", description: "Returns storage range at block (not implemented)" }, { name: "debug_getModifiedAccountsByNumber", status: "N", description: "Modified accounts by block number (not implemented)" }, { name: "debug_getModifiedAccountsByHash", status: "N", description: "Modified accounts by block hash (not implemented)" }, { name: "debug_accountRange", status: "N", description: "Returns range of accounts (not implemented)" }, { name: "debug_getAccessibleState", status: "N", description: "Returns accessible state range (not implemented)" }, { name: "debug_getRawBlock", status: "N", description: "Returns raw block data (not implemented)" }, { name: "debug_getRawHeader", status: "N", description: "Returns raw header data (not implemented)" }, { name: "debug_getRawReceipts", status: "N", description: "Returns raw receipts (not implemented)" }, { name: "debug_getRawTransaction", status: "N", description: "Returns raw transaction (not implemented)" }, { name: "debug_getHeaderRlp", status: "N", description: "Returns header RLP (requires uint64 param)" }, { name: "debug_getBlockRlp", status: "N", description: "Returns block RLP (requires uint64 param)" }, { name: "debug_printBlock", status: "Y", description: "Pretty prints block" }, { name: "debug_setHead", status: "N", description: "Sets current head of chain (not implemented)" }, { name: "debug_seedHash", status: "N", description: "Returns seed hash (not implemented)" }, { name: "debug_freezeClient", status: "N", description: "Freezes client (not implemented)" }, { name: "debug_chaindbProperty", status: "N", description: "Returns chain database property (not implemented)" }, { name: "debug_chaindbCompact", status: "N", description: "Compacts chain database (not implemented)" }, { name: "debug_dbGet", status: "N", description: "Gets value from database (not implemented)" }, { name: "debug_dbAncient", status: "N", description: "Gets ancient data from database (not implemented)" }, { name: "debug_dbAncients", status: "N", description: "Gets number of ancient items (not implemented)" }, { name: "debug_startCPUProfile", status: "Y", description: "Starts CPU profiling" }, { name: "debug_stopCPUProfile", status: "Y", description: "Stops CPU profiling" }, { name: "debug_startGoTrace", status: "Y", description: "Starts Go execution trace" }, { name: "debug_stopGoTrace", status: "Y", description: "Stops Go execution trace" }, { name: "debug_blockProfile", status: "Y", description: "Writes goroutine blocking profile" }, { name: "debug_cpuProfile", status: "Y", description: "Writes CPU profile" }, { name: "debug_goTrace", status: "Y", description: "Writes Go execution trace" }, { name: "debug_memStats", status: "Y", description: "Returns memory statistics" }, { name: "debug_gcStats", status: "Y", description: "Returns GC statistics" }, { name: "debug_freeOSMemory", status: "Y", description: "Forces garbage collection" }, { name: "debug_setGCPercent", status: "Y", description: "Sets garbage collection percentage" }, { name: "debug_writeBlockProfile", status: "Y", description: "Writes block profile to file" }, { name: "debug_writeMemProfile", status: "Y", description: "Writes memory profile to file" }, { name: "debug_writeMutexProfile", status: "Y", description: "Writes mutex profile to file" }, { name: "debug_mutexProfile", status: "Y", description: "Returns mutex profile" }, { name: "debug_setMutexProfileFraction", status: "Y", description: "Sets mutex profile fraction" }, { name: "debug_getMutexProfileFraction", status: "N", description: "Gets mutex profile fraction (not implemented)" }, { name: "debug_setBlockProfileRate", status: "Y", description: "Sets block profile rate" }, { name: "debug_stacks", status: "Y", description: "Returns stack traces" }, { name: "debug_stacksLimit", status: "N", description: "Returns limited stack traces (not implemented)" }, { name: "debug_nodeInfo", status: "N", description: "Returns node information (not implemented)" }, { name: "debug_peers", status: "N", description: "Returns connected peers (not implemented)" }, { name: "debug_verbosity", status: "N", description: "Sets logging verbosity (not implemented)" }, { name: "debug_vmodule", status: "N", description: "Sets logging vmodule (not implemented)" }, { name: "debug_backtraceAt", status: "N", description: "Sets backtrace location (not implemented)" }, { name: "debug_preimage", status: "N", description: "Returns preimage for hash (not implemented)" }] }, admin: { name: "admin", color: "indigo", methods: [{ name: "admin_addPeer", status: "N", description: "Adds peer (not implemented)" }, { name: "admin_removePeer", status: "N", description: "Removes peer (not implemented)" }, { name: "admin_addTrustedPeer", status: "N", description: "Adds trusted peer (not implemented)" }, { name: "admin_removeTrustedPeer", status: "N", description: "Removes trusted peer (not implemented)" }, { name: "admin_nodeInfo", status: "N", description: "Returns node info (not implemented)" }, { name: "admin_peers", status: "N", description: "Returns peers (not implemented)" }, { name: "admin_datadir", status: "N", description: "Returns data directory (not implemented)" }, { name: "admin_startRPC", status: "N", description: "Starts RPC (not implemented)" }, { name: "admin_stopRPC", status: "N", description: "Stops RPC (not implemented)" }, { name: "admin_startWS", status: "N", description: "Starts WebSocket (not implemented)" }, { name: "admin_stopWS", status: "N", description: "Stops WebSocket (not implemented)" }, { name: "admin_startHTTP", status: "N", description: "Starts HTTP (not implemented)" }, { name: "admin_stopHTTP", status: "N", description: "Stops HTTP (not implemented)" }, { name: "admin_exportChain", status: "N", description: "Exports chain (not implemented)" }, { name: "admin_importChain", status: "N", description: "Imports chain (not implemented)" }, { name: "admin_sleepBlocks", status: "N", description: "Sleeps blocks (not implemented)" }, { name: "admin_clearPeerBanList", status: "N", description: "Clears peer ban list (not implemented)" }, { name: "admin_listPeerBanList", status: "N", description: "Lists peer ban list (not implemented)" }] }, miner: { name: "miner", color: "gray", methods: [{ name: "miner_start", status: "N", description: "Starts mining (not applicable - uses 'CometBFT')" }, { name: "miner_stop", status: "N", description: "Stops mining (not applicable - uses 'CometBFT')" }, { name: "miner_setEtherbase", status: "N", description: "Sets etherbase (not applicable - uses 'CometBFT')" }, { name: "miner_setExtra", status: "N", description: "Sets extra data (not applicable - uses 'CometBFT')" }, { name: "miner_setGasPrice", status: "N", description: "Sets gas price (not applicable - uses 'CometBFT')" }, { name: "miner_setGasLimit", status: "N", description: "Sets gas limit (not applicable - uses 'CometBFT')" }, { name: "miner_setRecommitInterval", status: "N", description: "Sets recommit interval (not applicable - uses 'CometBFT')" }, { name: "miner_getHashrate", status: "N", description: "Returns hashrate (not applicable - uses 'CometBFT')" }] }, engine: { name: "engine", color: "pink", methods: [{ name: "engine_newPayloadV1", status: "N", description: "New payload V1 (not applicable - uses 'CometBFT')" }, { name: "engine_newPayloadV2", status: "N", description: "New payload V2 (not applicable - uses 'CometBFT')" }, { name: "engine_newPayloadV3", status: "N", description: "New payload V3 (not applicable - uses 'CometBFT')" }, { name: "engine_forkchoiceUpdatedV1", status: "N", description: "Fork choice updated V1 (not applicable - uses 'CometBFT')" }, { name: "engine_forkchoiceUpdatedV2", status: "N", description: "Fork choice updated V2 (not applicable - uses 'CometBFT')" }, { name: "engine_forkchoiceUpdatedV3", status: "N", description: "Fork choice updated V3 (not applicable - uses 'CometBFT')" }, { name: "engine_getPayloadV1", status: "N", description: "Get payload V1 (not applicable - uses 'CometBFT')" }, { name: "engine_getPayloadV2", status: "N", description: "Get payload V2 (not applicable - uses 'CometBFT')" }, { name: "engine_getPayloadV3", status: "N", description: "Get payload V3 (not applicable - uses 'CometBFT')" }, { name: "engine_getPayloadBodiesByHashV1", status: "N", description: "Get payload bodies by hash (not applicable - uses 'CometBFT')" }, { name: "engine_getPayloadBodiesByRangeV1", status: "N", description: "Get payload bodies by range (not applicable - uses 'CometBFT')" }, { name: "engine_exchangeTransitionConfigurationV1", status: "N", description: "Exchange transition configuration (not applicable - uses 'CometBFT')" }, { name: "engine_exchangeCapabilities", status: "N", description: "Exchange capabilities (not applicable - uses 'CometBFT')" }, { name: "engine_getBlobsV1", status: "N", description: "Get blobs V1 (not applicable - uses 'CometBFT')" }] }, clique: { name: "clique", color: "teal", methods: [{ name: "clique_getSnapshot", status: "N", description: "Get snapshot at block (not applicable - uses 'CometBFT')" }, { name: "clique_getSnapshotAtHash", status: "N", description: "Get snapshot at hash (not applicable - uses 'CometBFT')" }, { name: "clique_getSigners", status: "N", description: "Get authorized signers (not applicable - uses 'CometBFT')" }, { name: "clique_getSignersAtHash", status: "N", description: "Get signers at hash (not applicable - uses 'CometBFT')" }, { name: "clique_propose", status: "N", description: "Propose new signer (not applicable - uses 'CometBFT')" }, { name: "clique_discard", status: "N", description: "Discard signer proposal (not applicable - uses 'CometBFT')" }, { name: "clique_status", status: "N", description: "Get clique status (not applicable - uses 'CometBFT')" }, { name: "clique_getSigner", status: "N", description: "Get current signer (not applicable - uses 'CometBFT')" }] }, les: { name: "les", color: "cyan", methods: [{ name: "les_serverInfo", status: "N", description: "Server information (not implemented)" }, { name: "les_clientInfo", status: "N", description: "Client information (not implemented)" }, { name: "les_priorityClientInfo", status: "N", description: "Priority client info (not implemented)" }, { name: "les_addBalance", status: "N", description: "Add balance to client (not implemented)" }, { name: "les_setClientParams", status: "N", description: "Set client parameters (not implemented)" }, { name: "les_setDefaultParams", status: "N", description: "Set default parameters (not implemented)" }, { name: "les_latestCheckpoint", status: "N", description: "Latest checkpoint (not implemented)" }, { name: "les_getCheckpoint", status: "N", description: "Get checkpoint by index (not implemented)" }, { name: "les_getCheckpointContractAddress", status: "N", description: "Get checkpoint contract (not implemented)" }] } }; const namespaces = Object.entries(rpcMethodsData).reduce((acc, [key, value]) => { acc[key] = { name: value.name, methods: value.methods.map(method => ({ name: method.name, description: method.description, implemented: method.status === 'Y', partial: method.status === 'Stub', notImplemented: method.status === 'N', status: method.status, params: [], cosmosSpecific: method.description.includes('Cosmos-specific'), private: method.description.includes('Private') || method.description.includes('private') })) }; return acc; }, {}); const methodParams = { web3_sha3: [{ name: 'data', type: 'string', description: 'The data to hash (hex encoded)', example: '0x68656c6c6f20776f726c64' }], eth_getBalance: [{ name: 'address', type: 'address', description: 'Address to check', example: '0x407d73d8a49eeb85d32cf465507dd71d507100c1' }, { name: 'block', type: 'string', description: 'Block number or tag', example: 'latest' }], eth_getTransactionCount: [{ name: 'address', type: 'address', description: 'Address', example: '0x407d73d8a49eeb85d32cf465507dd71d507100c1' }, { name: 'block', type: 'string', description: 'Block number or tag', example: 'latest' }], eth_sendRawTransaction: [{ name: 'data', type: 'hex', description: 'Signed transaction data', example: '0xd46e8dd67c5d32be8d46e8dd67c5d32be8058bb8eb970870f072445675058bb8eb970870f072445675' }], eth_call: [{ name: 'callObject', type: 'object', description: 'Call data' }, { name: 'block', type: 'string', description: 'Block number or tag', example: 'latest' }], eth_estimateGas: [{ name: 'callObject', type: 'object', description: 'Transaction data' }], eth_getStorageAt: [{ name: 'address', type: 'address', description: 'Storage address', example: '0x295a70b2de5e3953354a6a8344e616ed314d7251' }, { name: 'position', type: 'hex', description: 'Storage position', example: '0x0' }, { name: 'block', type: 'string', description: 'Block number or tag', example: 'latest' }], eth_getCode: [{ name: 'address', type: 'address', description: 'Contract address', example: '0xa94f5374fce5edbc8e2a8697c15331677e6ebf0b' }, { name: 'block', type: 'string', description: 'Block number or tag', example: 'latest' }], eth_getBlockByNumber: [{ name: 'block', type: 'string', description: 'Block number or tag', example: '0x1b4' }, { name: 'fullTx', type: 'boolean', description: 'Return full transactions', example: true }], eth_getBlockByHash: [{ name: 'blockHash', type: 'hash', description: 'Block hash', example: '0xdc0818cf78f21a8e70579cb46a43643f78291264dda342ae31049421c82d21ae' }, { name: 'fullTx', type: 'boolean', description: 'Return full transactions', example: false }], eth_getTransactionByHash: [{ name: 'txHash', type: 'hash', description: 'Transaction hash', example: '0x88df016429689c079f3b2f6ad39fa052532c56795b733da78a91ebe6a713944b' }], eth_getTransactionReceipt: [{ name: 'txHash', type: 'hash', description: 'Transaction hash', example: '0xb903239f8543d04b5dc1ba6579132b143087c68db1b2168786408fcbce568238' }], eth_getLogs: [{ name: 'filterOptions', type: 'object', description: 'Filter parameters' }], eth_getTransactionLogs: [{ name: 'txHash', type: 'hash', description: 'Transaction hash', example: '0x88df016429689c079f3b2f6ad39fa052532c56795b733da78a91ebe6a713944b' }], personal_newAccount: [{ name: 'passphrase', type: 'string', description: 'Passphrase for encryption', example: 'This is the passphrase' }], personal_unlockAccount: [{ name: 'address', type: 'address', description: 'Account address to unlock', example: '0x...' }, { name: 'passphrase', type: 'string', description: 'Account passphrase', example: 'mypassword' }, { name: 'duration', type: 'number', description: 'Unlock duration in seconds (0 = indefinite)', example: 300 }], personal_sign: [{ name: 'data', type: 'string', description: 'Data to sign', example: '0xdeadbeef' }, { name: 'address', type: 'address', description: 'Signing account', example: '0x...' }, { name: 'passphrase', type: 'string', description: 'Account passphrase', example: 'mypassword' }], txpool_contentFrom: [{ name: 'address', type: 'address', description: 'Address to get transactions from', example: '0x1234567890abcdef1234567890abcdef12345678' }], eth_createAccessList: [{ name: 'callObject', type: 'object', description: 'Transaction call object containing at minimum "from" and "to" addresses', example: '{"from": "0x...", "to": "0x...", "data": "0x..."}' }, { name: 'blockNumber', type: 'string', description: 'Block number or tag ("latest", "earliest", "pending")', example: 'latest' }], eth_getHeaderByHash: [{ name: 'blockHash', type: 'hash', description: 'Block hash', example: '0xdc0818cf78f21a8e70579cb46a43643f78291264dda342ae31049421c82d21ae' }], eth_getHeaderByNumber: [{ name: 'blockNumber', type: 'string', description: 'Block number or tag ("latest", "earliest", "pending")', example: '0x1b4' }], debug_traceCall: [{ name: 'callObject', type: 'object', description: 'Transaction call object', example: '{"from": "0x...", "to": "0x...", "data": "0x..."}' }, { name: 'blockNumber', type: 'string', description: 'Block number or tag', example: 'latest' }, { name: 'traceConfig', type: 'object', description: 'Tracer configuration (optional)', example: '{"tracer": "callTracer"}' }] }; Object.keys(namespaces).forEach(ns => { namespaces[ns].methods.forEach(method => { if (methodParams[method.name]) { method.params = methodParams[method.name]; } }); }); const generateCodeExample = useCallback((method, params = [], language = 'curl') => { const endpoint = rpcEndpoint; const jsonRpcBody = { jsonrpc: '2.0', id: 1, method: method, params: params }; if (language === 'javascript') { return ['// Using Fetch API', `const response = await fetch('${endpoint}', {`, ` method: 'POST',`, ` headers: { 'Content-Type': 'application/json' },`, ` body: JSON.stringify({`, ` jsonrpc: '2.0',`, ` id: 1,`, ` method: '${method}',`, ` params: ${JSON.stringify(params)}`, ` })`, `});`, `const data = await response.json();`, `console.log(data.result);`, '', '// Using ethers.js v6', `import { JsonRpcProvider } from 'ethers';`, `const provider = new JsonRpcProvider('${endpoint}');`, `const result = await provider.send('${method}', ${JSON.stringify(params)});`, `console.log(result);`, '', '// Using web3.js v4', `import { Web3 } from 'web3';`, `const web3 = new Web3('${endpoint}');`, `const result = await web3.currentProvider.request({`, ` method: '${method}',`, ` params: ${JSON.stringify(params)}`, `});`, `console.log(result);`].join('\n'); } if (language === 'python') { return ['# Using requests library', 'import requests', 'import json', '', `url = "${endpoint}"`, `headers = {"Content-Type": "application/json"}`, `payload = {`, ` "jsonrpc": "2.0",`, ` "id": 1,`, ` "method": "${method}",`, ` "params": ${JSON.stringify(params)}`, `}`, '', `response = requests.post(url, json=payload, headers=headers)`, `data = response.json()`, `print(data.get('result'))`, '', '# Using web3.py', 'from web3 import Web3', '', `w3 = Web3(Web3.HTTPProvider("${endpoint}"))`, `result = w3.provider.make_request("${method}", ${JSON.stringify(params)})`, `print(result['result'])`].join('\n'); } if (language === 'go') { return ['package main', '', 'import (', ' "bytes"', ' "encoding/json"', ' "fmt"', ' "net/http"', ')', '', 'func main() {', ' payload := map[string]interface{}{', ' "jsonrpc": "2.0",', ' "id": 1,', ' "method": "' + method + '",', ' "params": []interface{}{' + params.map(p => { if (typeof p === 'string') return '"' + p + '"'; return JSON.stringify(p); }).join(', ') + '},', ' }', '', ' jsonData, _ := json.Marshal(payload)', ' resp, _ := http.Post("' + endpoint + '", "application/json", bytes.NewBuffer(jsonData))', ' defer resp.Body.Close()', '', ' var result map[string]interface{}', ' json.NewDecoder(resp.Body).Decode(&result)', ' fmt.Printf("Result: %+v\\n", result["result"])', '}'].join('\n'); } if (language === 'rust') { return `use serde::{Deserialize, Serialize}; use serde_json::json; #[derive(Debug, Serialize)] struct JsonRpcRequest { jsonrpc: String, id: u64, method: String, params: Vec, } #[derive(Debug, Deserialize)] struct JsonRpcResponse { jsonrpc: String, id: u64, result: Option, error: Option, } #[derive(Debug, Deserialize)] struct JsonRpcError { code: i32, message: String, } #[tokio::main] async fn main() -> Result<(), Box> { let client = reqwest::Client::new(); let request = JsonRpcRequest { jsonrpc: "2.0".to_string(), id: 1, method: "${method}".to_string(), params: vec![${params.map(p => typeof p === 'string' ? `json!("${p}")` : `json!(${JSON.stringify(p)})`).join(', ')}], }; let response = client .post("${endpoint}") .json(&request) .send() .await? .json::() .await?; match response.error { Some(error) => eprintln!("Error {}: {}", error.code, error.message), None => println!("Result: {:#?}", response.result), } Ok(()) } // Cargo.toml dependencies: // [dependencies] // reqwest = { version = "0.11", features = ["json"] } // serde = { version = "1.0", features = ["derive"] } // serde_json = "1.0" // tokio = { version = "1", features = ["full"] }`; } if (language === 'csharp') { return `using System; using System.Net.Http; using System.Text; using System.Text.Json; using System.Text.Json.Serialization; using System.Threading.Tasks; public class JsonRpcRequest { [JsonPropertyName("jsonrpc")] public string JsonRpc { get; set; } = "2.0"; [JsonPropertyName("id")] public int Id { get; set; } = 1; [JsonPropertyName("method")] public string Method { get; set; } [JsonPropertyName("params")] public object[] Params { get; set; } } public class JsonRpcResponse { [JsonPropertyName("jsonrpc")] public string JsonRpc { get; set; } [JsonPropertyName("id")] public int Id { get; set; } [JsonPropertyName("result")] public T Result { get; set; } [JsonPropertyName("error")] public JsonRpcError Error { get; set; } } public class JsonRpcError { [JsonPropertyName("code")] public int Code { get; set; } [JsonPropertyName("message")] public string Message { get; set; } } class Program { static async Task Main(string[] args) { using var httpClient = new HttpClient(); var request = new JsonRpcRequest { Method = "${method}", Params = new object[] { ${params.map(p => typeof p === 'string' ? `"${p}"` : JSON.stringify(p)).join(', ')} } }; var json = JsonSerializer.Serialize(request); var content = new StringContent(json, Encoding.UTF8, "application/json"); try { var response = await httpClient.PostAsync("${endpoint}", content); response.EnsureSuccessStatusCode(); var responseBody = await response.Content.ReadAsStringAsync(); var jsonResponse = JsonSerializer.Deserialize>(responseBody); if (jsonResponse?.Error != null) { Console.Error.WriteLine($"Error {jsonResponse.Error.Code}: {jsonResponse.Error.Message}"); } else { Console.WriteLine($"Result: {jsonResponse?.Result}"); } } catch (Exception ex) { Console.Error.WriteLine($"Request failed: {ex.Message}"); } } }`; } return `curl -X POST ${endpoint} \\\n` + ` -H "Content-Type: application/json" \\\n` + ` -d '${JSON.stringify(jsonRpcBody, null, 2)}'`; }, [rpcEndpoint]); const executeRpcRequest = async () => { if (!selectedMethod) return; setIsLoading(true); setRequestResult(null); const params = selectedMethod.params.map(param => paramValues[param.name] || param.example || ''); try { const response = await fetch(rpcEndpoint, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ jsonrpc: '2.0', id: 1, method: selectedMethod.name, params: params }) }); const data = await response.json(); setRequestResult(data); } catch (error) { setRequestResult({ error: { message: error.message, code: -1 } }); } finally { setIsLoading(false); } }; const handleCopy = text => { navigator.clipboard.writeText(text); setCopied(true); setTimeout(() => setCopied(false), 2000); }; const validateEndpoint = async () => { try { const response = await fetch(rpcEndpoint, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ jsonrpc: '2.0', id: 1, method: 'web3_clientVersion', params: [] }) }); setIsValidEndpoint(response.ok); setIsInvalidEndpoint(!response.ok); } catch { setIsValidEndpoint(false); setIsInvalidEndpoint(true); } }; useEffect(() => { validateEndpoint(); }, []); const allMethods = useMemo(() => { const methods = []; Object.entries(namespaces).forEach(([key, namespace]) => { namespace.methods.forEach(method => { methods.push({ ...method, namespace: key, namespaceName: namespace.name }); }); }); return methods; }, [namespaces]); const filteredMethods = useMemo(() => { let methods = allMethods; if (searchTerm) { methods = methods.filter(method => method.name.toLowerCase().includes(searchTerm.toLowerCase()) || method.description.toLowerCase().includes(searchTerm.toLowerCase())); } if (selectedNamespace !== 'all') { methods = methods.filter(method => method.namespace === selectedNamespace); } if (!showAllMethods) { methods = methods.filter(method => method.status === 'Y'); } return methods; }, [selectedNamespace, searchTerm, allMethods, showAllMethods]); const visibleNamespaces = useMemo(() => { const visible = new Set(); allMethods.forEach(method => { if (showAllMethods || method.status === 'Y') { visible.add(method.namespace); } }); return visible; }, [allMethods, showAllMethods]); const codeExample = useMemo(() => { if (!selectedMethod) return ''; const params = selectedMethod.params.map(p => debouncedParamValues[p.name] || p.example || ''); return generateCodeExample(selectedMethod.name, params, selectedLanguage); }, [selectedMethod, debouncedParamValues, selectedLanguage, generateCodeExample]); return _jsx(_components.div, { className: `mint-min-h-[600px] mint-h-[80vh] not-prose mint-flex mint-flex-col mint-relative ${theme === 'dark' ? "mint-bg-black mint-text-white" : "mint-bg-gray-50 mint-text-gray-900"}`, children: _jsxs(_components.div, { className: "mint-max-w-7xl mint-mx-auto mint-w-full mint-flex mint-flex-col mint-h-full mint-p-4", children: [_jsx(_components.div, { className: `mint-rounded-t-lg mint-px-6 mint-py-4 mint-flex-shrink-0 ${theme === 'dark' ? "mint-bg-black mint-border-b mint-border-zinc-800" : "mint-bg-white mint-border-b mint-border-gray-200"}`, children: _jsxs(_components.div, { className: "mint-flex mint-items-center mint-justify-between mint-gap-6", children: [_jsxs(_components.div, { className: "mint-flex-1", children: [_jsx(_components.h1, { className: "mint-text-2xl mint-font-bold", children: "Ethereum JSON-RPC Explorer" }), _jsx(_components.p, { className: `mint-text-sm mint-mt-1 ${theme === 'dark' ? "mint-text-zinc-400" : "mint-text-gray-600"}`, children: "Interactive method testing for Cosmos EVM" })] }), _jsx(_components.div, { className: `${isMobile ? "mint-w-full" : "mint-w-[40%] mint-max-w-md"}`, children: _jsxs(_components.div, { className: "mint-flex mint-flex-col mint-gap-1", children: [_jsx(_components.label, { className: `mint-text-xs ${theme === 'dark' ? "mint-text-zinc-500" : "mint-text-gray-500"}`, children: "RPC URL" }), _jsxs(_components.div, { className: "mint-flex mint-items-center mint-gap-2", children: [_jsx(_components.input, { type: "text", placeholder: "http://localhost:8545", className: `mint-flex-1 mint-px-3 mint-py-2 mint-rounded-lg mint-text-sm mint-border focus:mint-outline-none focus:mint-ring-2 focus:mint-ring-blue-500 ${theme === 'dark' ? "mint-bg-zinc-800 mint-text-white mint-border-zinc-700" : "mint-bg-white mint-text-gray-900 mint-border-gray-300"}`, value: rpcEndpoint, onChange: e => { setRpcEndpoint(e.target.value); setIsValidEndpoint(false); setIsInvalidEndpoint(false); }, onBlur: validateEndpoint }), isValidEndpoint && _jsxs(_components.span, { className: "mint-text-xs mint-text-green-500 mint-flex mint-items-center mint-gap-1", children: [_jsx(_components.div, { className: "mint-w-2 mint-h-2 mint-bg-green-500 mint-rounded-full mint-animate-pulse" }), "Connected"] }), isInvalidEndpoint && _jsx(_components.span, { className: "mint-text-xs mint-text-red-500", children: "Failed" })] })] }) })] }) }), _jsxs(_components.div, { className: "mint-flex-1 mint-flex mint-overflow-hidden mint-rounded-b-lg", children: [_jsxs(_components.div, { className: `${isMobile ? "mint-w-full" : "mint-w-80"} ${isMobile && showMobilePanel !== 'list' ? "mint-hidden" : ''} mint-flex mint-flex-col mint-h-full mint-overflow-hidden ${theme === 'dark' ? "mint-border-r mint-border-zinc-800 mint-bg-black" : "mint-border-r mint-border-gray-200 mint-bg-white"}`, children: [_jsxs(_components.div, { className: `mint-p-4 ${theme === 'dark' ? "mint-border-b mint-border-zinc-800" : "mint-border-b mint-border-gray-200"}`, children: [_jsxs(_components.div, { className: "mint-relative", children: [_jsx(_components.svg, { className: `mint-absolute mint-left-3 mint-top-1/2 mint-transform mint--translate-y-1/2 mint-w-4 mint-h-4 ${theme === 'dark' ? "mint-text-zinc-400" : "mint-text-gray-400"}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx(_components.path, { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }), _jsx(_components.input, { type: "text", placeholder: "Search methods...", className: `mint-w-full mint-pl-9 mint-pr-3 mint-py-2 mint-rounded-lg mint-text-sm focus:mint-outline-none focus:mint-ring-2 focus:mint-ring-blue-500 ${theme === 'dark' ? "mint-bg-zinc-800 mint-text-white" : "mint-bg-gray-100 mint-text-gray-900"}`, value: searchTerm, onChange: e => setSearchTerm(e.target.value) })] }), _jsxs(_components.div, { className: "mint-flex mint-flex-wrap mint-gap-1 mint-mt-3", children: [_jsx(_components.button, { onClick: () => setSelectedNamespace('all'), style: { boxShadow: selectedNamespace === 'all' ? `0 0 0 2px ${theme === 'dark' ? 'rgba(255,255,255,0.3)' : 'rgba(0,0,0,0.2)'}` : 'none' }, className: `mint-px-3 mint-py-1 mint-text-xs mint-rounded-full mint-transition-all mint-font-medium ${selectedNamespace === 'all' ? theme === 'dark' ? "mint-bg-zinc-500 mint-text-white" : "mint-bg-gray-500 mint-text-white" : theme === 'dark' ? "mint-bg-zinc-700 mint-text-zinc-300 hover:mint-bg-zinc-600" : "mint-bg-gray-300 mint-text-gray-700 hover:mint-bg-gray-400"}`, children: "All" }), Object.entries(namespaces).filter(([key]) => visibleNamespaces.has(key)).map(([key, namespace]) => _jsx(_components.button, { onClick: () => setSelectedNamespace(key), style: { backgroundColor: theme === 'dark' ? selectedNamespace === key ? namespaceColors[key] : 'transparent' : namespaceColors[key], borderColor: namespaceColors[key], borderWidth: '2px', color: 'white', opacity: theme === 'light' ? selectedNamespace === key ? 1 : 0.7 : 1, boxShadow: selectedNamespace === key ? `0 0 0 2px ${theme === 'dark' ? 'rgba(255,255,255,0.3)' : 'rgba(0,0,0,0.2)'}` : 'none' }, className: "mint-px-3 mint-py-1 mint-text-xs mint-rounded-full mint-transition-all mint-font-medium hover:mint-opacity-100", children: namespace.name }, key))] }), _jsx(_components.div, { className: "mint-flex mint-items-center mint-gap-2 mint-mt-3", children: _jsxs(_components.label, { className: "mint-flex mint-items-center mint-cursor-pointer mint-text-xs mint-gap-2", children: [_jsx(_components.input, { type: "checkbox", checked: showAllMethods, onChange: e => setShowAllMethods(e.target.checked), className: "mint-mr-2" }), _jsx(_components.span, { className: theme === 'dark' ? 'text-zinc-400' : 'text-gray-600', children: "Show all methods (including unsupported)" })] }) })] }), _jsx(_components.div, { className: "mint-flex-1 mint-overflow-y-auto", children: filteredMethods.map(method => _jsx(_components.button, { onClick: () => { setSelectedMethod(method); setParamValues({}); setRequestResult(null); if (isMobile) setShowMobilePanel('details'); }, className: `mint-w-full mint-px-4 mint-py-3 mint-text-left mint-transition-colors ${selectedMethod?.name === method.name ? theme === 'dark' ? "mint-bg-zinc-800/50" : "mint-bg-gray-100" : ''} ${theme === 'dark' ? "hover:mint-bg-zinc-800/50" : "hover:mint-bg-gray-50"}`, style: { borderLeft: `3px solid ${namespaceColors[method.namespace]}`, borderTop: `1px solid ${namespaceColors[method.namespace]}33`, borderRight: `1px solid ${namespaceColors[method.namespace]}33`, borderBottom: `1px solid ${namespaceColors[method.namespace]}33`, borderRadius: '0 4px 4px 0', marginBottom: '2px' }, children: _jsx(_components.div, { className: "mint-flex mint-items-start mint-gap-2", children: _jsxs(_components.div, { className: "mint-flex-1 mint-min-w-0", children: [_jsxs(_components.div, { className: "mint-flex mint-items-center mint-gap-2", children: [_jsx(_components.code, { className: "mint-text-sm mint-font-mono mint-text-blue-400 mint-truncate", children: method.name }), method.status === 'Stub' && _jsx(_components.span, { className: "mint-text-[10px] mint-px-1.5 mint-py-0.5 mint-rounded mint-bg-yellow-500/30 mint-text-yellow-400", children: "stub" }), method.status === 'N' && _jsx(_components.span, { className: "mint-text-[10px] mint-px-1.5 mint-py-0.5 mint-rounded mint-bg-red-500/30 mint-text-red-400", children: "not impl" }), method.cosmosSpecific && _jsxs(_components.span, { className: "mint-inline-flex mint-items-center mint-gap-0.5 mint-text-[10px] mint-px-1.5 mint-py-0.5 mint-rounded mint-bg-purple-500/30", children: [_jsx(CosmosIcon, { size: 10, color: theme === 'dark' ? '#c084fc' : '#9333ea' }), _jsx(_components.span, { className: theme === 'dark' ? 'text-purple-400' : 'text-purple-700', children: "Cosmos" })] }), method.private && _jsx(_components.span, { className: `mint-text-[10px] mint-px-1.5 mint-py-0.5 mint-rounded ${theme === 'dark' ? "mint-bg-amber-500/30 mint-text-amber-400" : "mint-bg-amber-100 mint-text-amber-700"}`, children: "Private" })] }), _jsx(_components.p, { className: `mint-text-xs mint-mt-1 mint-line-clamp-2 ${theme === 'dark' ? "mint-text-zinc-500" : "mint-text-gray-600"}`, children: method.description })] }) }) }, method.name)) })] }), _jsx(_components.div, { className: `${isMobile && showMobilePanel !== 'details' ? "mint-hidden" : ''} mint-flex-1 mint-flex mint-flex-col mint-overflow-y-auto ${theme === 'dark' ? "mint-bg-black" : "mint-bg-white"}`, children: selectedMethod ? _jsxs(_Fragment, { children: [_jsxs(_components.div, { className: `mint-p-6 ${theme === 'dark' ? "mint-border-b mint-border-zinc-800" : "mint-border-b mint-border-gray-200"}`, children: [_jsxs(_components.div, { className: "mint-flex mint-items-center", children: [_jsx(_components.h2, { className: `mint-text-2xl mint-font-mono mint-font-bold ${theme === 'dark' ? "mint-text-white" : "mint-text-gray-900"}`, children: selectedMethod.name }), _jsx(_components.div, { className: "mint-flex-1 mint-ml-4 mint-h-0.5", style: { backgroundColor: namespaceColors[selectedMethod.namespace] } })] }), _jsx(_components.p, { className: `mint-mt-1 ${theme === 'dark' ? "mint-text-zinc-400" : "mint-text-gray-600"}`, children: selectedMethod.description }), _jsxs(_components.div, { className: `mint-mt-4 mint-flex mint-flex-wrap mint-gap-3 mint-text-xs ${theme === 'dark' ? "mint-text-zinc-500" : "mint-text-gray-500"}`, children: [selectedMethod.status === 'Stub' && _jsxs(_components.div, { className: "mint-flex mint-items-center mint-gap-1.5", children: [_jsx(_components.span, { className: "mint-px-1.5 mint-py-0.5 mint-rounded mint-bg-yellow-500/30 mint-text-yellow-400 mint-text-[10px]", children: "stub" }), _jsx(_components.span, { children: "Returns empty/null for compatibility" })] }), selectedMethod.status === 'N' && _jsxs(_components.div, { className: "mint-flex mint-items-center mint-gap-1.5", children: [_jsx(_components.span, { className: "mint-px-1.5 mint-py-0.5 mint-rounded mint-bg-red-500/30 mint-text-red-400 mint-text-[10px]", children: "not impl" }), _jsx(_components.span, { children: "Not implemented in Cosmos EVM" })] }), selectedMethod.cosmosSpecific && _jsxs(_components.div, { className: "mint-flex mint-items-center mint-gap-1.5", children: [_jsxs(_components.span, { className: "mint-inline-flex mint-items-center mint-gap-0.5 mint-px-1.5 mint-py-0.5 mint-rounded mint-bg-purple-500/30 mint-text-[10px]", children: [_jsx(CosmosIcon, { size: 10, color: theme === 'dark' ? '#c084fc' : '#9333ea' }), _jsx(_components.span, { className: theme === 'dark' ? 'text-purple-400' : 'text-purple-700', children: "Cosmos" })] }), _jsx(_components.span, { children: "Cosmos-specific extension" })] }), selectedMethod.private && _jsxs(_components.div, { className: "mint-flex mint-items-center mint-gap-1.5", children: [_jsx(_components.span, { className: `mint-px-1.5 mint-py-0.5 mint-rounded mint-text-[10px] ${theme === 'dark' ? "mint-bg-amber-500/30 mint-text-amber-400" : "mint-bg-amber-100 mint-text-amber-700"}`, children: "Private" }), _jsx(_components.span, { children: "Requires authentication" })] })] })] }), selectedMethod.params && selectedMethod.params.length > 0 && _jsxs(_components.div, { className: `mint-p-6 ${theme === 'dark' ? "mint-border-b mint-border-zinc-800" : "mint-border-b mint-border-gray-200"}`, children: [_jsxs(_components.h3, { className: `mint-text-lg mint-font-semibold mint-mb-4 mint-flex mint-items-center mint-gap-2 ${theme === 'dark' ? "mint-text-white" : "mint-text-gray-900"}`, children: [_jsx(_components.svg, { className: "mint-w-5 mint-h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx(_components.path, { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" }) }), "Parameters"] }), _jsx(_components.div, { className: "mint-space-y-3", children: selectedMethod.params.map((param, i) => _jsxs(_components.div, { className: `mint-rounded-lg mint-p-4 ${theme === 'dark' ? "mint-bg-zinc-800" : "mint-bg-gray-100"}`, children: [_jsx(_components.code, { className: "mint-text-sm mint-font-mono mint-text-blue-400", children: param.name }), _jsx(_components.span, { className: `mint-ml-2 mint-text-xs mint-px-2 mint-py-1 mint-rounded ${theme === 'dark' ? "mint-bg-zinc-700 mint-text-zinc-300" : "mint-bg-gray-200 mint-text-gray-700"}`, children: param.type }), _jsx(_components.p, { className: `mint-mt-2 mint-text-sm ${theme === 'dark' ? "mint-text-zinc-400" : "mint-text-gray-600"}`, children: param.description })] }, i)) })] })] }) : _jsx(_components.div, { className: `mint-flex-1 mint-flex mint-items-center mint-justify-center ${theme === 'dark' ? "mint-text-zinc-500" : "mint-text-gray-500"}`, children: _jsx(_components.p, { children: "Select a method to view details" }) }) }), _jsx(_components.div, { className: `${isMobile ? "mint-w-full" : "mint-w-96"} ${isMobile && showMobilePanel !== 'execute' ? "mint-hidden" : ''} mint-flex mint-flex-col mint-h-full mint-overflow-hidden ${theme === 'dark' ? "mint-border-l mint-border-zinc-800 mint-bg-black" : "mint-border-l mint-border-gray-200 mint-bg-white"}`, children: selectedMethod ? _jsxs(_components.div, { className: "mint-flex-1 mint-overflow-y-auto", children: [selectedMethod.params && selectedMethod.params.length > 0 && _jsxs(_components.div, { className: `mint-p-4 ${theme === 'dark' ? "mint-border-b mint-border-zinc-800" : "mint-border-b mint-border-gray-200"}`, children: [_jsx(_components.h3, { className: `mint-text-sm mint-font-semibold mint-mb-3 ${theme === 'dark' ? "mint-text-white" : "mint-text-gray-900"}`, children: "Parameters" }), _jsx(_components.div, { className: "mint-space-y-3", children: selectedMethod.params.map(param => _jsxs(_components.div, { children: [_jsxs(_components.label, { className: `mint-text-xs mint-block mint-mb-1 ${theme === 'dark' ? "mint-text-zinc-400" : "mint-text-gray-600"}`, children: [param.name, " (", param.type, ")"] }), _jsx(_components.input, { type: "text", placeholder: param.example || `Enter ${param.name}`, className: `mint-w-full mint-px-3 mint-py-2 mint-rounded mint-text-sm mint-border focus:mint-outline-none focus:mint-ring-2 focus:mint-ring-blue-500 ${theme === 'dark' ? "mint-bg-zinc-800 mint-text-white mint-border-zinc-700" : "mint-bg-gray-100 mint-text-gray-900 mint-border-gray-300"}`, value: paramValues[param.name] || '', onChange: e => setParamValues(prev => ({ ...prev, [param.name]: e.target.value })) })] }, param.name)) })] }), _jsx(_components.div, { className: `mint-p-4 ${theme === 'dark' ? "mint-border-b mint-border-zinc-800" : "mint-border-b mint-border-gray-200"}`, children: _jsxs(_components.button, { onClick: executeRpcRequest, disabled: isLoading || !isValidEndpoint, className: "mint-w-full mint-py-2 mint-bg-blue-600 mint-text-white mint-rounded-lg mint-font-medium hover:mint-bg-blue-700 disabled:mint-opacity-50 disabled:mint-cursor-not-allowed mint-flex mint-items-center mint-justify-center mint-gap-2", children: [_jsxs(_components.svg, { className: "mint-w-4 mint-h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: [_jsx(_components.path, { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" }), _jsx(_components.path, { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })] }), isLoading ? 'Executing...' : 'Execute Request'] }) }), _jsxs(_components.div, { className: `mint-p-4 ${theme === 'dark' ? "mint-border-b mint-border-zinc-800" : "mint-border-b mint-border-gray-200"}`, children: [_jsxs(_components.div, { className: "mint-flex mint-items-center mint-justify-between mint-mb-3", children: [_jsx(_components.h3, { className: `mint-text-sm mint-font-semibold ${theme === 'dark' ? "mint-text-white" : "mint-text-gray-900"}`, children: "Code Example" }), _jsx(_components.button, { onClick: () => handleCopy(codeExample), className: `mint-p-1 ${theme === 'dark' ? "mint-text-zinc-400 hover:mint-text-white" : "mint-text-gray-500 hover:mint-text-gray-700"}`, children: _jsx(_components.svg, { className: "mint-w-4 mint-h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx(_components.path, { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" }) }) })] }), _jsx(_components.div, { className: "mint-flex mint-flex-wrap mint-gap-1 mint-mb-3", children: languages.map(lang => _jsx(_components.button, { onClick: () => setSelectedLanguage(lang.id), className: `mint-px-2 mint-py-1 mint-text-xs mint-rounded mint-transition-colors ${selectedLanguage === lang.id ? "mint-bg-blue-600 mint-text-white" : theme === 'dark' ? "mint-bg-zinc-800 mint-text-zinc-400 hover:mint-bg-zinc-700" : "mint-bg-gray-200 mint-text-gray-600 hover:mint-bg-gray-300"}`, children: lang.name }, lang.id)) }), _jsx(CodeHighlighter, { code: codeExample, language: selectedLanguage, theme: theme })] }), requestResult && _jsxs(_components.div, { className: "mint-p-4", children: [_jsx(_components.h3, { className: `mint-text-sm mint-font-semibold mint-mb-3 ${theme === 'dark' ? "mint-text-white" : "mint-text-gray-900"}`, children: "Response" }), _jsx(CodeHighlighter, { code: JSON.stringify(requestResult, null, 2), language: "json", theme: theme })] })] }) : _jsx(_components.div, { className: `mint-flex-1 mint-flex mint-items-center mint-justify-center ${theme === 'dark' ? "mint-text-zinc-500" : "mint-text-gray-500"}`, children: _jsx(_components.p, { children: "Select a method to execute" }) }) })] }), isMobile && _jsx(_components.div, { className: `mint-border-t mint-flex-shrink-0 ${theme === 'dark' ? "mint-border-zinc-800 mint-bg-black" : "mint-border-gray-200 mint-bg-white"}`, children: _jsxs(_components.div, { className: "mint-flex", children: [_jsx(_components.button, { onClick: () => setShowMobilePanel('list'), className: `mint-flex-1 mint-py-3 mint-text-sm mint-font-medium mint-transition-colors ${showMobilePanel === 'list' ? theme === 'dark' ? "mint-text-blue-400 mint-bg-zinc-800/50" : "mint-text-blue-600 mint-bg-gray-100" : theme === 'dark' ? "mint-text-zinc-400" : "mint-text-gray-600"}`, children: "Methods" }), _jsx(_components.button, { onClick: () => setShowMobilePanel('details'), className: `mint-flex-1 mint-py-3 mint-text-sm mint-font-medium mint-transition-colors ${showMobilePanel === 'details' ? theme === 'dark' ? "mint-text-blue-400 mint-bg-zinc-800/50" : "mint-text-blue-600 mint-bg-gray-100" : theme === 'dark' ? "mint-text-zinc-400" : "mint-text-gray-600"}`, disabled: !selectedMethod, children: "Details" }), _jsx(_components.button, { onClick: () => setShowMobilePanel('execute'), className: `mint-flex-1 mint-py-3 mint-text-sm mint-font-medium mint-transition-colors ${showMobilePanel === 'execute' ? theme === 'dark' ? "mint-text-blue-400 mint-bg-zinc-800/50" : "mint-text-blue-600 mint-bg-gray-100" : theme === 'dark' ? "mint-text-zinc-400" : "mint-text-gray-600"}`, disabled: !selectedMethod, children: "Execute" })] }) })] }) }); }; function _createMdxContent(props) { return _jsx(_Fragment, {}); } function MDXContent(props = {}) { return _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }); } return { CosmosIcon, default: MDXContent };