feat: add playground endpoints to json-rpc api

Author: 0xshikhar

public/content/developers/docs/apis/json-rpc/index.md

@@ -143,6 +143,8 @@ You can use the [playground tool](https://ethereum-json-rpc.com) to discover and
 
 Returns the current client version.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=web3_clientVersion)
+
 **Parameters**
 
 None
@@ -168,6 +170,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"web3_clientVersion","params":[],
 
 Returns Keccak-256 (_not_ the standardized SHA3-256) of the given data.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=web3_sha3)
+
 **Parameters**
 
 1. `DATA` - The data to convert into a SHA3 hash
@@ -197,6 +201,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"web3_sha3","params":["0x68656c6c
 
 Returns the current network id.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=net_version)
+
 **Parameters**
 
 None
@@ -228,6 +234,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"net_version","params":[],"id":67
 
 Returns `true` if client is actively listening for network connections.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=net_listening)
+
 **Parameters**
 
 None
@@ -253,6 +261,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"net_listening","params":[],"id":
 
 Returns number of peers currently connected to the client.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=net_peerCount)
+
 **Parameters**
 
 None
@@ -278,6 +288,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"net_peerCount","params":[],"id":
 
 Returns the current Ethereum protocol version. Note that this method is [not available in Geth](https://github.com/ethereum/go-ethereum/pull/22064#issuecomment-788682924).
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_protocolVersion)
+
 **Parameters**
 
 None
@@ -303,6 +315,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_protocolVersion","params":[]
 
 Returns an object with data about the sync status or `false`.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_syncing)
+
 **Parameters**
 
 None
@@ -387,6 +401,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_syncing","params":[],"id":1}
 
 Returns the client coinbase address.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_coinbase)
+
 > **Note:** This method has been deprecated as of **v1.14.0** and is no longer supported. Attempting to use this method will result in a "Method not supported" error.
 
 **Parameters**
@@ -414,6 +430,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_coinbase","params":[],"id":6
 
 Returns the chain ID used for signing replay-protected transactions.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_chainId)
+
 **Parameters**
 
 None
@@ -439,6 +457,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_chainId","params":[],"id":67
 
 Returns `true` if client is actively mining new blocks. This can only return `true` for proof-of-work networks and may not be available in some clients since [The Merge](/roadmap/merge/).
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_mining)
+
 **Parameters**
 
 None
@@ -464,6 +484,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_mining","params":[],"id":71}
 
 Returns the number of hashes per second that the node is mining with. This can only return `true` for proof-of-work networks and may not be available in some clients since [The Merge](/roadmap/merge/).
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_hashrate)
+
 **Parameters**
 
 None
@@ -489,6 +511,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_hashrate","params":[],"id":7
 
 Returns an estimate of the current price per gas in wei. For example, the Besu client examines the last 100 blocks and returns the median gas unit price by default.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_gasPrice)
+
 **Parameters**
 
 None
@@ -510,10 +534,14 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_gasPrice","params":[],"id":7
 }
 ```
 
+
+
 ### eth_accounts {#eth_accounts}
 
 Returns a list of addresses owned by client.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_accounts)
+
 **Parameters**
 
 None
@@ -538,6 +566,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_accounts","params":[],"id":1
 ### eth_blockNumber {#eth_blocknumber}
 
 Returns the number of most recent block.
+  
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_blockNumber)
 
 **Parameters**
 
@@ -564,6 +594,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_blockNumber","params":[],"id
 
 Returns the balance of the account of given address.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getBalance)
+
 **Parameters**
 
 1. `DATA`, 20 Bytes - address to check for balance.
@@ -594,6 +626,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getBalance","params":["0x407
 
 Returns the value from a storage position at a given address.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getStorageAt)
+
 **Parameters**
 
 1. `DATA`, 20 Bytes - address of the storage.
@@ -695,6 +729,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getTransactionCount","params
 
 Returns the number of transactions in a block from a block matching the given block hash.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getBlockTransactionCountByHash)
+
 **Parameters**
 
 1. `DATA`, 32 Bytes - hash of a block
@@ -724,6 +760,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getBlockTransactionCountByHa
 
 Returns the number of transactions in a block matching the given block number.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getBlockTransactionCountByNumber)
+
 **Parameters**
 
 1. `QUANTITY|TAG` - integer of a block number, or the string `"earliest"`, `"latest"`, `"pending"`, `"safe"` or `"finalized"`, as in the [default block parameter](/developers/docs/apis/json-rpc/#default-block).
@@ -755,6 +793,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getBlockTransactionCountByNu
 
 Returns the number of uncles in a block from a block matching the given block hash.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getUncleCountByBlockHash)
+
 **Parameters**
 
 1. `DATA`, 32 Bytes - hash of a block
@@ -784,6 +824,7 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getUncleCountByBlockHash","p
 
 Returns the number of uncles in a block from a block matching the given block number.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getUncleCountByBlockNumber)
 **Parameters**
 
 1. `QUANTITY|TAG` - integer of a block number, or the string `"latest"`, `"earliest"`, `"pending"`, `"safe"` or `"finalized"`, see the [default block parameter](/developers/docs/apis/json-rpc/#default-block)
@@ -815,6 +856,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getUncleCountByBlockNumber",
 
 Returns code at a given address.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getCode)
+
 **Parameters**
 
 1. `DATA`, 20 Bytes - address
@@ -994,6 +1037,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_sendRawTransaction","params"
 
 Executes a new message call immediately without creating a transaction on the blockchain. Often used for executing read-only smart contract functions, for example the `balanceOf` for an ERC-20 contract.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_call)
+
 **Parameters**
 
 1. `Object` - The transaction call object
@@ -1028,6 +1073,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_call","params":[{see above}]
 
 Generates and returns an estimate of how much gas is necessary to allow the transaction to complete. The transaction will not be added to the blockchain. Note that the estimate may be significantly more than the amount of gas actually used by the transaction, for a variety of reasons including EVM mechanics and node performance.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_estimateGas)
+
 **Parameters**
 
 See [eth_call](#eth_call) parameters, except that all properties are optional. If no gas limit is specified geth uses the block gas limit from the pending block as an upper bound. As a result the returned estimate might not be enough to executed the call/transaction when the amount of gas is higher than the pending block gas limit.
@@ -1053,6 +1100,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_estimateGas","params":[{see
 
 Returns information about a block by hash.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getBlockByHash)
+
 **Parameters**
 
 1. `DATA`, 32 Bytes - Hash of a block.
@@ -1105,7 +1154,7 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getBlockByHash","params":["0
     "gasLimit": "0x1388",
     "gasUsed": "0x0",
     "hash": "0xdc0818cf78f21a8e70579cb46a43643f78291264dda342ae31049421c82d21ae",
-    "logsBloom": "0x00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000",
+    "logsBloom": "0x00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000",
     "miner": "0xbb7b8287f3f0a933474a79eae42cbca977791171",
     "mixHash": "0x4fffe9ae21f1c9e15207b1f472d5bbdd68c9595d461666602f2be20daf5e7843",
     "nonce": "0x689056015818adbe",
@@ -1130,6 +1179,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getBlockByHash","params":["0
 
 Returns information about a block by block number.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getBlockByNumber)
+
 **Parameters**
 
 1. `QUANTITY|TAG` - integer of a block number, or the string `"earliest"`, `"latest"`, `"pending"`, `"safe"` or `"finalized"`, as in the [default block parameter](/developers/docs/apis/json-rpc/#default-block).
@@ -1158,6 +1209,8 @@ Result see [eth_getBlockByHash](#eth_getblockbyhash)
 
 Returns the information about a transaction requested by transaction hash.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getTransactionByHash)
+
 **Parameters**
 
 1. `DATA`, 32 Bytes - hash of a transaction
@@ -1217,6 +1270,7 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getTransactionByHash","param
 
 Returns information about a transaction by block hash and transaction index position.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getTransactionByBlockHashAndIndex)
 **Parameters**
 
 1. `DATA`, 32 Bytes - hash of a block.
@@ -1245,6 +1299,8 @@ Result see [eth_getTransactionByHash](#eth_gettransactionbyhash)
 
 Returns information about a transaction by block number and transaction index position.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getTransactionByBlockNumberAndIndex)
+
 **Parameters**
 
 1. `QUANTITY|TAG` - a block number, or the string `"earliest"`, `"latest"`, `"pending"`, `"safe"` or `"finalized"`, as in the [default block parameter](/developers/docs/apis/json-rpc/#default-block).
@@ -1341,6 +1397,8 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getTransactionReceipt","para
 
 Returns information about a uncle of a block by hash and uncle index position.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getUncleByBlockHashAndIndex)
+
 **Parameters**
 
 1. `DATA`, 32 Bytes - The hash of a block.
@@ -1371,6 +1429,8 @@ Result see [eth_getBlockByHash](#eth_getblockbyhash)
 
 Returns information about a uncle of a block by number and uncle index position.
 
+[![Try this endpoint](./playground.svg)](https://ethereum-json-rpc.com/?method=eth_getUncleByBlockNumberAndIndex)
+
 **Parameters**
 
 1. `QUANTITY|TAG` - a block number, or the string `"earliest"`, `"latest"`, `"pending"`, `"safe"`, `"finalized"`, as in the [default block parameter](/developers/docs/apis/json-rpc/#default-block).
@@ -1589,6 +1649,7 @@ curl -X POST --data '{"jsonrpc":"2.0","method":"eth_getFilterChanges","params":[
 
 Returns an array of all logs matching filter with given id.
 
+
 **Parameters**
 
 1. `QUANTITY` - The filter id.