Feat EVM Structure changes

Author: shahbaz17

docusaurus.config.js

@@ -122,7 +122,7 @@ const config = {
   markdown: {
     mermaid: true,
     hooks: {
-      onBrokenMarkdownLinks: 'throw',
+      onBrokenMarkdownLinks: 'warn',
     },
   },
   themes: ['@docusaurus/theme-mermaid'],

sdk-sidebar.js

@@ -49,76 +49,77 @@ const sdkSidebar = {
   ],
   evm: [
     'evm/index',
+    {
+      type: 'category',
+      label: 'Quickstart',
+      collapsible: false,
+      collapsed: false,
+      items: [
+        'evm/connect/quickstart/javascript',
+        'evm/connect/quickstart/wagmi',
+        'evm/connect/quickstart/rainbowkit',
+        'evm/connect/quickstart/connectkit',
+        'evm/connect/quickstart/react-native',
+        'evm/connect/quickstart/dynamic',
+        'evm/connect/quickstart/web3auth',
+      ],
+    },
     {
       type: 'category',
       label: 'Guides',
       collapsible: false,
       collapsed: false,
       items: [
+        'evm/connect/guides/manage-user-accounts',
+        'evm/connect/guides/manage-networks',
         {
           type: 'category',
-          label: 'JavaScript',
+          label: 'Send transactions',
           collapsible: true,
           collapsed: true,
-          link: { type: "doc", id: "evm/connect/guides/javascript/index" },
+          link: { type: "doc", id: "evm/connect/guides/send-transactions/index" },
           items: [
-            'evm/connect/guides/javascript/manage-user-accounts',
-            'evm/connect/guides/javascript/manage-networks',
-            {
-              type: 'category',
-              label: 'Send transactions',
-              collapsible: true,
-              collapsed: true,
-              link: { type: "doc", id: "evm/connect/guides/javascript/send-transactions/index" },
-              items: [
-                'evm/connect/guides/javascript/send-transactions/batch-transactions',
-              ],
-            },
-            {
-              type: 'category',
-              label: 'Sign data',
-              collapsible: true,
-              collapsed: true,
-              link: { type: "doc", id: "evm/connect/guides/javascript/sign-data/index" },
-              items: [
-                'evm/connect/guides/javascript/sign-data/siwe',
-              ],
-            },
-            'evm/connect/guides/javascript/batch-requests',
-            'evm/connect/guides/javascript/interact-with-contracts',
-            'evm/connect/guides/javascript/use-deeplinks',
-            'evm/connect/guides/javascript/display-tokens',
-            {
-              type: 'category',
-              label: 'Best practices',
-              collapsible: true,
-              collapsed: true,
-              items: [
-                'evm/connect/guides/javascript/best-practices/display',
-                'evm/connect/guides/javascript/best-practices/run-devnet',
-                'evm/connect/guides/javascript/best-practices/production-readiness',
-              ],
-            },
+            'evm/connect/guides/send-transactions/batch-transactions',
           ],
         },
         {
           type: 'category',
-          label: 'Wagmi',
+          label: 'Sign data',
           collapsible: true,
           collapsed: true,
-          link: { type: "doc", id: "evm/connect/guides/wagmi/index" },
+          link: { type: "doc", id: "evm/connect/guides/sign-data/index" },
           items: [
-            'evm/connect/guides/wagmi/manage-user-accounts',
-            'evm/connect/guides/wagmi/manage-networks',
-            'evm/connect/guides/wagmi/send-transactions',
-            'evm/connect/guides/wagmi/interact-with-contracts',
+            'evm/connect/guides/sign-data/siwe',
           ],
         },
-        'evm/connect/guides/rainbowkit',
-        'evm/connect/guides/connectkit',
-        'evm/connect/guides/react-native',
-        'evm/connect/guides/dynamic',
-        'evm/connect/guides/web3auth',
+        'evm/connect/guides/interact-with-contracts',
+        {
+          type: 'category',
+          label: 'MetaMask Exclusive',
+          collapsible: true,
+          collapsed: true,
+          items: [
+            'evm/connect/guides/batch-requests',
+            'evm/connect/guides/use-deeplinks',
+            'evm/connect/guides/display-tokens',
+            'evm/connect/guides/best-practices/display',
+            'evm/connect/guides/best-practices/run-devnet',
+            'evm/connect/guides/best-practices/production-readiness',
+          ],
+        },
+        // {
+        //   type: 'category',
+        //   label: 'Wagmi',
+        //   collapsible: true,
+        //   collapsed: true,
+        //   link: { type: "doc", id: "evm/connect/guides/wagmi/index" },
+        //   items: [
+        //     'evm/connect/guides/wagmi/manage-user-accounts',
+        //     'evm/connect/guides/wagmi/manage-networks',
+        //     'evm/connect/guides/wagmi/send-transactions',
+        //     'evm/connect/guides/wagmi/interact-with-contracts',
+        //   ],
+        // },
       ],
     },
     {
@@ -132,7 +133,7 @@ const sdkSidebar = {
           label: "Create a wallet AI agent",
           href: "/tutorials/create-wallet-ai-agent"
         },
-        { 
+        {
           type: "link",
           label: "Upgrade an EOA to a smart account",
           href: "/tutorials/upgrade-eoa-to-smart-account"
@@ -152,7 +153,7 @@ const sdkSidebar = {
           label: "JSON-RPC API",
           collapsible: true,
           collapsed: true,
-          link: { type: "doc",  id: "evm/connect/reference/json-rpc-api/index" },
+          link: { type: "doc", id: "evm/connect/reference/json-rpc-api/index" },
           items: [
             "evm/connect/reference/json-rpc-api/wallet_sendCalls",
             "evm/connect/reference/json-rpc-api/eth_signTypedData_v4",

sdk/evm/connect/_assets/personal_sign.png

@@ -10,7 +10,7 @@ These requests can be contract calls or other JSON-RPC methods (for example, sig
 Despite being batched into one HTTP request, each call still requires individual user approval, and if any request is rejected, the entire batch fails.
 
 :::info
-"Batching" can also refer to [Wagmi contract read batching](../wagmi/interact-with-contracts.md#batch-contract-reads) or
+"Batching" can also refer to [Wagmi contract read batching](./wagmi/interact-with-contracts.md#batch-contract-reads) or
 [sending atomic batch transactions](send-transactions/batch-transactions.md) in MetaMask.
 :::
 
@@ -29,44 +29,44 @@ When using `metamask_batch`, keep in mind the following:
 
 - Even though the requests are batched, each individual request still requires user approval.
 - If any request in the batch is rejected, the entire batch will fail.
-:::
+  :::
 
 The following is an example of batching JSON-RPC requests using `metamask_batch`:
 
 ```js
-import { createEVMClient } from "@metamask/connect/evm";
+import { createEVMClient } from '@metamask/connect/evm'
 
-const evmClient = createEVMClient();
-const provider = evmClient.getProvider();
+const evmClient = createEVMClient()
+const provider = evmClient.getProvider()
 
 async function handleBatchRequests() {
   // Example batch: one personal_sign call and one eth_sendTransaction call.
   const requests = [
-    { method: "personal_sign", params: ["Hello from batch!", "0x1234..."] },
+    { method: 'personal_sign', params: ['Hello from batch!', '0x1234...'] },
     {
-      method: "eth_sendTransaction",
+      method: 'eth_sendTransaction',
       params: [
         {
-          from: "0x1234...",
-          to: "0xABCD...",
+          from: '0x1234...',
+          to: '0xABCD...',
           // Additional transaction parameters.
         },
       ],
     },
-  ];
+  ]
 
   try {
     const results = await provider.request({
-      method: "metamask_batch",
+      method: 'metamask_batch',
       params: [requests],
-    });
-    console.log("Batch Results:", results);
+    })
+    console.log('Batch Results:', results)
   } catch (err) {
-    console.error("Batch request failed:", err);
+    console.error('Batch request failed:', err)
   }
 }
 
-document.getElementById("batchBtn").addEventListener("click", handleBatchRequests);
+document.getElementById('batchBtn').addEventListener('click', handleBatchRequests)
 ```
 
 The following HTML displays a **Send Batch** button:
@@ -76,7 +76,8 @@ The following HTML displays a **Send Batch** button:
 ```
 
 :::tip Tips
+
 - For a better user experience, it's important to use reliable RPC providers instead of public nodes.
   We recommend using services like [MetaMask Developer](https://developer.metamask.io/) to ensure better reliability and performance.
 - Ensure that requests in a batch do not depend on one another's chain context, as mid-batch state changes can affect outcomes.
-:::
+  :::