feat(docs): added constant based on env

Author: aednikanov

src/components/ParserOpenRPC/RequestBox/index.tsx

@@ -6,6 +6,7 @@ import styles from "./styles.module.css";
 import global from "../global.module.css";
 import { Tooltip } from "@site/src/components/Tooltip";
 import { MetamaskProviderContext } from "@site/src/theme/Root";
+import { LINEA_REQUEST_URL } from "@site/src/lib/constants";
 
 interface RequestBoxProps {
   isMetamaskInstalled: boolean;
@@ -32,12 +33,11 @@ export default function RequestBox({
   const exampleRequest = useMemo(() => {
     const preparedParams = JSON.stringify(paramsData, null, 2);
     const preparedShellParams = JSON.stringify(paramsData);
-    const NETWORK_URL = "https://linea-mainnet.infura.io";
     const API_KEY = userAPIKey ? userAPIKey : "<YOUR-API-KEY>";
     if (isMetamaskNetwork) {
       return `await window.ethereum.request({\n "method": "${method}",\n "params": ${preparedParams.replace(/"([^"]+)":/g, '$1:')},\n});`;
     }
-    return `curl ${NETWORK_URL}/v3/${API_KEY} \\\n  -X POST \\\n  -H "Content-Type: application/json" \\\n  -d '{\n    "jsonrpc": "2.0",\n    "method": "${method}",\n    "params": ${preparedShellParams},\n    "id": 1\n  }'`;
+    return `curl ${LINEA_REQUEST_URL}/v3/${API_KEY} \\\n  -X POST \\\n  -H "Content-Type: application/json" \\\n  -d '{\n    "jsonrpc": "2.0",\n    "method": "${method}",\n    "params": ${preparedShellParams},\n    "id": 1\n  }'`;
   }, [userAPIKey, method, paramsData]);
 
   const exampleResponse = useMemo(() => {

src/components/ParserOpenRPC/index.tsx

@@ -18,7 +18,7 @@ import {
 import { AuthBox } from "@site/src/components/ParserOpenRPC/AuthBox";
 import { MetamaskProviderContext } from "@site/src/theme/Root";
 import ProjectsBox from "@site/src/components/ParserOpenRPC/ProjectsBox";
-import { REF_PATH } from "@site/src/lib/constants";
+import { LINEA_REQUEST_URL, REF_PATH } from "@site/src/lib/constants";
 
 interface ParserProps {
   network: NETWORK_NAMES;
@@ -168,8 +168,7 @@ export default function ParserOpenRPC({
         setReqResult(e);
       }
     } else {
-      const NETWORK_URL = "https://linea-mainnet.infura.io";
-      const URL = `${NETWORK_URL}/v3/${userAPIKey}`;
+      const URL = `${LINEA_REQUEST_URL}/v3/${userAPIKey}`;
       let params = {
         method: "POST",
         "Content-Type": "application/json",

src/lib/constants.js

@@ -474,3 +474,8 @@ export const REQUEST_PARAMS = (method = "POST") => ({
 export const AUTH_WALLET_SESSION_NAME = "auth.wallet.session";
 export const AUTH_WALLET_TOKEN = "auth.wallet.token";
 export const AUTH_WALLET_PROJECTS = "auth.wallet.projects";
+export const LINEA_DEV_URL = "https://linea-mainnet.dev.infura.org";
+export const LINEA_PROD_URL = "https://linea-mainnet.infura.io";
+export const LINEA_REQUEST_URL = process.env.VERCEL_ENV === "production"
+    ? LINEA_PROD_URL
+    : LINEA_DEV_URL;