feat(wip): render dinamic pages

services/reference/linea/json-rpc-methods-new/index.md

@@ -0,0 +1,8 @@
+---
+description: json-rpc-methods-new
+---
+
+# json-rpc-methods-new
+
+custom
+

src/CustomPage.tsx

@@ -0,0 +1,20 @@
+import Layout from "@theme/Layout";
+import { NETWORK_NAMES } from "@site/src/plugins/plugin-json-rpc";
+import ParserOpenRPC from "@site/src/components/ParserOpenRPC";
+import React from "react";
+
+
+const CustomPage = (props) => {
+  const customData = props.route.customData;
+  return (
+    <Layout>
+
+      <ParserOpenRPC
+        network={NETWORK_NAMES.linea}
+        method={customData.name}
+      />
+    </Layout>
+  );
+};
+
+export default CustomPage;

src/plugins/plugin-json-rpc.ts

@@ -40,18 +40,59 @@ const requests = [
   },
 ];
 
+
+
 export default function useNetworksMethodPlugin() {
   return {
     name: "plugin-json-rpc",
     async contentLoaded({ actions }) {
-      const { setGlobalData } = actions;
+      const { setGlobalData, createData, addRoute } = actions;
+
       await fetchMultipleData(requests)
         .then((responseArray) => {
+
           setGlobalData({ netData: responseArray });
+
+          return Promise.all(responseArray[0].data.methods.map(async (page) => {
+
+            const methodMDXContent = generateMethodMDX(page);
+
+            const filePath = await createData(
+              `services/reference/linea/json-rpc-methods-new/${page.name}.mdx`,
+              methodMDXContent
+            );
+
+            return addRoute({
+              path: `/services/reference/linea/json-rpc-methods-new/${page.name}`,
+              component: require.resolve("../CustomPage.tsx"),
+              exact: true,
+              modules: {
+                methodFile: filePath,
+              },
+              customData: { ...page }
+            });
+          }));
         })
         .catch(() => {
           setGlobalData({ netData: [] });
         });
     },
   };
 }
+
+
+function generateMethodMDX(page) {
+  return `---
+title: '${page.name}'
+---
+
+
+
+# ${page.name}
+
+
+  `;
+}
+
+
+