Update the layout of the JSON RPC page (#383)

* reformat the json rpc api page

* Apply suggestions from code review

Co-authored-by: Nicolás Hussein <[email protected]>

---------

Co-authored-by: Nicolás Hussein <[email protected]>

Author: eshaben

.snippets/code/develop/smart-contracts/evm-toolkit/ethers-js/checkStorage.js

@@ -28,7 +28,7 @@ const interactWithStorageContract = async (
   contractAddress,
   mnemonic,
   providerConfig,
-  numberToSet
+  numberToSet,
 ) => {
   try {
     console.log(`Setting new number in Storage contract: ${numberToSet}`);
@@ -79,5 +79,5 @@ interactWithStorageContract(
   contractAddress,
   mnemonic,
   providerConfig,
-  newNumber
+  newNumber,
 );

.snippets/code/develop/smart-contracts/evm-toolkit/ethers-js/compile.js

@@ -30,7 +30,7 @@ const compileContract = async (solidityFilePath, outputDir) => {
         const bytecodePath = join(outputDir, `${name}.polkavm`);
         writeFileSync(
           bytecodePath,
-          Buffer.from(contract.evm.bytecode.object, 'hex')
+          Buffer.from(contract.evm.bytecode.object, 'hex'),
         );
         console.log(`Bytecode saved to ${bytecodePath}`);
       }

.snippets/code/develop/smart-contracts/evm-toolkit/ethers-js/deploy.js

@@ -17,12 +17,12 @@ const createProvider = (rpcUrl, chainId, chainName) => {
 const getAbi = (contractName) => {
   try {
     return JSON.parse(
-      readFileSync(join(codegenDir, `${contractName}.json`), 'utf8')
+      readFileSync(join(codegenDir, `${contractName}.json`), 'utf8'),
     );
   } catch (error) {
     console.error(
       `Could not find ABI for contract ${contractName}:`,
-      error.message
+      error.message,
     );
     throw error;
   }
@@ -32,12 +32,12 @@ const getAbi = (contractName) => {
 const getByteCode = (contractName) => {
   try {
     return `0x${readFileSync(
-      join(codegenDir, `${contractName}.polkavm`)
+      join(codegenDir, `${contractName}.polkavm`),
     ).toString('hex')}`;
   } catch (error) {
     console.error(
       `Could not find bytecode for contract ${contractName}:`,
-      error.message
+      error.message,
     );
     throw error;
   }
@@ -51,7 +51,7 @@ const deployContract = async (contractName, mnemonic, providerConfig) => {
     const provider = createProvider(
       providerConfig.rpc,
       providerConfig.chainId,
-      providerConfig.name
+      providerConfig.name,
     );
     const walletMnemonic = ethers.Wallet.fromPhrase(mnemonic);
     const wallet = walletMnemonic.connect(provider);
@@ -60,7 +60,7 @@ const deployContract = async (contractName, mnemonic, providerConfig) => {
     const factory = new ethers.ContractFactory(
       getAbi(contractName),
       getByteCode(contractName),
-      wallet
+      wallet,
     );
     const contract = await factory.deploy();
     await contract.waitForDeployment();

.snippets/code/develop/smart-contracts/evm-toolkit/ethers-js/fetchLastBlock.js

@@ -20,7 +20,7 @@ const main = async () => {
     const provider = createProvider(
       PROVIDER_RPC.rpc,
       PROVIDER_RPC.chainId,
-      PROVIDER_RPC.name
+      PROVIDER_RPC.name,
     );
     const latestBlock = await provider.getBlockNumber();
     console.log(`Latest block: ${latestBlock}`);

.snippets/code/develop/smart-contracts/native-evm-contracts/ether-js-server-connection.js

@@ -1,5 +1,5 @@
 import { JsonRpcProvider } from 'ethers';
 
 const provider = new JsonRpcProvider(
-  'https://westend-asset-hub-eth-rpc.polkadot.io'
+  'https://westend-asset-hub-eth-rpc.polkadot.io',
 );

.snippets/code/tutorials/interoperability/xcm-transfers/from-relaychain-to-parachain/reserve-backed-transfer.js

@@ -25,13 +25,13 @@ import { Binary } from 'polkadot-api';
 
 // Create Polkadot client using WebSocket provider for Polkadot chain
 const polkadotClient = createClient(
-  withPolkadotSdkCompat(getWsProvider('ws://127.0.0.1:8001'))
+  withPolkadotSdkCompat(getWsProvider('ws://127.0.0.1:8001')),
 );
 const dotApi = polkadotClient.getTypedApi(dot);
 
 // Create Astar client using WebSocket provider for Astar chain
 const astarClient = createClient(
-  withPolkadotSdkCompat(getWsProvider('ws://localhost:8000'))
+  withPolkadotSdkCompat(getWsProvider('ws://localhost:8000')),
 );
 const astarApi = astarClient.getTypedApi(astar);
 
@@ -42,7 +42,7 @@ const aliceKeyPair = derive('//Alice');
 const alice = getPolkadotSigner(
   aliceKeyPair.publicKey,
   'Sr25519',
-  aliceKeyPair.sign
+  aliceKeyPair.sign,
 );
 
 // Define recipient (Dave) address on Astar chain
@@ -56,7 +56,7 @@ const polkadotAssetId = 340282366920938463463374607431768211455n;
 // Fetch asset balance of recipient (Dave) before transaction
 let assetMetadata = await astarApi.query.Assets.Account.getValue(
   polkadotAssetId,
-  daveAddress
+  daveAddress,
 );
 console.log('Asset balance before tx:', assetMetadata?.balance ?? 0);
 
@@ -65,7 +65,7 @@ const tx = dotApi.tx.XcmPallet.limited_reserve_transfer_assets({
   dest: XcmVersionedLocation.V3({
     parents: 0,
     interior: XcmV3Junctions.X1(
-      XcmV3Junction.Parachain(2006) // Destination is the Astar parachain
+      XcmV3Junction.Parachain(2006), // Destination is the Astar parachain
     ),
   }),
   beneficiary: XcmVersionedLocation.V3({
@@ -75,7 +75,7 @@ const tx = dotApi.tx.XcmPallet.limited_reserve_transfer_assets({
         // Beneficiary address on Astar
         network: undefined,
         id: idBenef,
-      })
+      }),
     ),
   }),
   assets: XcmVersionedAssets.V3([
@@ -110,7 +110,7 @@ await new Promise((resolve) => setTimeout(resolve, 20000));
 // Fetch asset balance of recipient (Dave) after transaction
 assetMetadata = await astarApi.query.Assets.Account.getValue(
   polkadotAssetId,
-  daveAddress
+  daveAddress,
 );
 console.log('Asset balance after tx:', assetMetadata?.balance ?? 0);
 

.snippets/code/tutorials/polkadot-sdk/testing/spawn-basic-chain/connect-to-alice-01.js

@@ -12,7 +12,7 @@ async function main() {
   ]);
 
   console.log(
-    `You are connected to chain ${chain} using ${nodeName} v${nodeVersion}`
+    `You are connected to chain ${chain} using ${nodeName} v${nodeVersion}`,
   );
 }