feat(ref): added support bold text & list in md

MetaMask · Sep 27, 2024 · b887b94 · b887b94
1 parent b1b4766
commit b887b94
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 4 deletions.
diff --git a/src/components/ParserOpenRPC/DetailsBox/MDContent.tsx b/src/components/ParserOpenRPC/DetailsBox/MDContent.tsx
@@ -1,9 +1,51 @@
 import React from "react";
 
+const parseLists = (content: string) => {
+  const lines = content.split('\n');
+  let result = '';
+  let isFirstLevelOpen = false;
+  let isSecondLevelOpen = false;
+  lines.forEach((line) => {
+    if (line.match(/^ {2}-\s+/)) {
+      if (!isSecondLevelOpen) {
+        result += '<ul>';
+        isSecondLevelOpen = true;
+      }
+      result += `<li>${line.trim().substring(4)}</li>`;
+    } else if (line.match(/^ -\s+/)) {
+      if (isSecondLevelOpen) {
+        result += '</ul>';
+        isSecondLevelOpen = false;
+      }
+      if (!isFirstLevelOpen) {
+        result += '<ul>';
+        isFirstLevelOpen = true;
+      }
+      result += `<li>${line.trim().substring(2)}</li>`;
+    } else {
+      if (isSecondLevelOpen) {
+        result += '</ul>';
+        isSecondLevelOpen = false;
+      }
+      if (isFirstLevelOpen) {
+        result += '</ul>';
+        isFirstLevelOpen = false;
+      }
+      result += line;
+    }
+  });
+  if (isSecondLevelOpen) result += '</ul>';
+  if (isFirstLevelOpen) result += '</ul>';
+  return result;
+};
+
 const parseMarkdown = (content: string) => {
-  return content
-    .replace(/\[(.*?)\]\((.*?)\)/g, '<a href="$2">$1</a>')
-    .replace(/`(.*?)`/g, "<code>$1</code>");
+  return parseLists(
+    content
+      .replace(/\[(.*?)\]\((.*?)\)/g, '<a href="$2">$1</a>')
+      .replace(/`(.*?)`/g, '<code>$1</code>')
+      .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
+  );
 };
 
 interface MDContentProps {

diff --git a/wallet/reference/new-reference.mdx b/wallet/reference/new-reference.mdx
@@ -10,5 +10,5 @@ import { NETWORK_NAMES } from "@site/src/plugins/plugin-json-rpc"
 
 <ParserOpenRPC
   network={NETWORK_NAMES.linea}
-  method="eth_blockNumber"
+  method="eth_sendRawTransaction"
 />