Refactor: pdate setup for node rpc

apps/staking/.env.development

@@ -1,11 +1,13 @@
 NEXT_PUBLIC_ENVIRONMENT=development
 NEXT_PUBLIC_UNLEASH_PROXY_HOST=https://preview.unleash.cartesi.io/proxy
 NEXT_PUBLIC_UNLEASH_PROXY_CLIENT_KEY=bc1b71da9932b90ccd788d75203fb598c3640cabed3ccccdffd024f341a79d72
-NEXT_PUBLIC_PROJECT_ID=YOUR_INFURA_PROJECT_ID
 NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID=YOUR_WALLETCONNECT_PROJECT_ID
 NEXT_PUBLIC_MAINNET_GRAPHQL_URL=YOUR_MAINNET_SUBGRAPH_GRAPHQL_ENDPOINT
 NEXT_PUBLIC_SEPOLIA_GRAPHQL_URL=YOUR_SEPOLIA_SUBGRAPH_GRAPHQL_ENDPOINT
 NEXT_PUBLIC_DAPP_URL=http://localhost:3000
+NEXT_PUBLIC_RPC_URL_1=YOUR_MAINNET_RPC_NODE_ENDPOINT
+NEXT_PUBLIC_RPC_URL_11155111=YOUR_SEPOLIA_RPC_NODE_ENDPOINT
+NEXT_PUBLIC_RPC_URL_31337=http://localhost:8545
 # SERVER SIDE
 ENS_GRAPHQL_URL=YOUR_SUBGRAPH_ENS_GRAPHQL_ENDPOINT
 # A ethereum mainnet RPC-NODE. Below is a free endpoint (rate-limiting may cause troubles)

apps/staking/.env.production

@@ -2,11 +2,14 @@ NEXT_PUBLIC_ENVIRONMENT=production
 NEXT_PUBLIC_UNLEASH_PROXY_HOST=https://unleash.cartesi.io/proxy
 NEXT_PUBLIC_UNLEASH_PROXY_CLIENT_KEY=bc1b71da9932b90ccd788d75203fb598c3640cabed3ccccdffd024f341a79d72
 NEXT_PUBLIC_GOOGLE_TAG_MANAGER_ID=GTM-MS89D9K
-NEXT_PUBLIC_PROJECT_ID=YOUR_INFURA_PROJECT_ID
 NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID=YOUR_WALLETCONNECT_PROJECT_ID
 NEXT_PUBLIC_MAINNET_GRAPHQL_URL=YOUR_MAINNET_SUBGRAPH_GRAPHQL_ENDPOINT
 NEXT_PUBLIC_SEPOLIA_GRAPHQL_URL=YOUR_SEPOLIA_SUBGRAPH_GRAPHQL_ENDPOINT
 NEXT_PUBLIC_DAPP_URL=https://$NEXT_PUBLIC_VERCEL_URL
+NEXT_PUBLIC_RPC_URL_1=YOUR_MAINNET_RPC_NODE_ENDPOINT
+NEXT_PUBLIC_RPC_URL_11155111=YOUR_SEPOLIA_RPC_NODE_ENDPOINT
+NEXT_PUBLIC_RPC_URL_31337=http://localhost:8545
+
 # SERVER SIDE
 ENS_GRAPHQL_URL=YOUR_SUBGRAPH_ENS_GRAPHQL_ENDPOINT
 HTTP_MAINNET_NODE_RPC=YOUR_PAID_MAINNET_RPC_NODE

apps/staking/additional.d.ts

@@ -8,10 +8,24 @@ declare namespace NodeJS {
         NEXT_PUBLIC_UNLEASH_PROXY_HOST: string;
         NEXT_PUBLIC_UNLEASH_PROXY_CLIENT_KEY: string;
         NEXT_PUBLIC_GOOGLE_TAG_MANAGER_ID: string;
-        NEXT_PUBLIC_PROJECT_ID: string;
         NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID: string;
         NEXT_PUBLIC_MAINNET_GRAPHQL_URL: string;
         NEXT_PUBLIC_SEPOLIA_GRAPHQL_URL: string;
+        /**
+         * the node-rpc endpoint to access ethereum mainnet network.
+         * Default to https://rpc.ankr.com/eth
+         */
+        NEXT_PUBLIC_RPC_URL_1: string;
+        /**
+         * the node-rpc endpoint to access ethereum sepolia network.
+         * Default to 'https://rpc.ankr.com/eth_sepolia'
+         */
+        NEXT_PUBLIC_RPC_URL_11155111: string;
+        /**
+         * the node-rpc endpoint to your local node (e.g. foundry).
+         * Default to http://localhost:8545
+         */
+        NEXT_PUBLIC_RPC_URL_31337: string;
         /**
          * The fully-qualifies domain name of your deployed DAPP.
          * @description It is strongly recommended to supply a dappUrl to the WalletConnect initial config
@@ -36,7 +50,7 @@ declare namespace NodeJS {
         TURSO_AUTH_TOKEN?: string;
 
         /**
-         * A node to fetch mainnet blockchain information. e.g. Alchemy / Infura.
+         * A node to fetch mainnet blockchain information. e.g. Alchemy / Infura. Not exposed to the client.
          */
         HTTP_MAINNET_NODE_RPC: string;
 

packages/wallet/src/useOnboard.tsx

@@ -32,13 +32,22 @@ import { CartesiIcon, CartesiLogo } from './cartesi-images-as-string';
 import { WalletType } from './definitions';
 import { UnsupportedNetworkError } from './errors/UnsupportedNetworkError';
 
+type NetworkName = keyof typeof Network;
+
 const SELECTED_WALLETS = 'SELECTED_WALLETS_V2';
-const PROJECT_ID = process.env.NEXT_PUBLIC_PROJECT_ID;
 const dappUrl = process.env.NEXT_PUBLIC_DAPP_URL;
 const WC_PROJECT_ID = process.env
     .NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID as string;
-const getRPC = (networkName: string): string =>
-    `https://${networkName}.infura.io/v3/${PROJECT_ID}`;
+
+const rpcs = {
+    MAINNET: process.env.NEXT_PUBLIC_RPC_URL_1 || 'https://rpc.ankr.com/eth',
+    SEPOLIA:
+        process.env.NEXT_PUBLIC_RPC_URL_11155111 ||
+        'https://rpc.ankr.com/eth_sepolia',
+    LOCAL: process.env.NEXT_PUBLIC_RPC_URL_31337 || 'http://localhost:8545',
+} as const;
+
+const getRPC = (networkName: NetworkName): string => rpcs[networkName];
 
 console.info(`dapp-url: ${dappUrl}`);
 
@@ -71,19 +80,19 @@ export const buildConfig = (
             label: 'Ethereum Mainnet',
             rpcUrl: ankrEnabled
                 ? 'https://rpc.ankr.com/eth'
-                : getRPC('mainnet'),
+                : getRPC('MAINNET'),
         },
         {
             id: `0x${convertToHex(Network.LOCAL)}`,
             token: 'ETH',
             label: 'localhost',
-            rpcUrl: 'http://localhost:8545',
+            rpcUrl: getRPC('LOCAL'),
         },
         {
             id: `0x${convertToHex(Network.SEPOLIA)}`,
             token: 'ETH',
             label: 'Sepolia Testnet',
-            rpcUrl: getRPC('sepolia'),
+            rpcUrl: getRPC('SEPOLIA'),
         },
     ].filter((c) => chainIds.includes(c.id));
 

turbo.json

@@ -5,11 +5,13 @@
         "NEXT_PUBLIC_UNLEASH_PROXY_HOST",
         "NEXT_PUBLIC_UNLEASH_PROXY_CLIENT_KEY",
         "NEXT_PUBLIC_GOOGLE_TAG_MANAGER_ID",
-        "NEXT_PUBLIC_PROJECT_ID",
         "NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID",
         "NEXT_PUBLIC_MAINNET_GRAPHQL_URL",
         "NEXT_PUBLIC_SEPOLIA_GRAPHQL_URL",
         "NEXT_PUBLIC_DAPP_URL",
+        "NEXT_PUBLIC_RPC_URL_1",
+        "NEXT_PUBLIC_RPC_URL_11155111",
+        "NEXT_PUBLIC_RPC_URL_31337",
         "ENS_GRAPHQL_URL",
         "ENS_ENTRY_TTL",
         "TURSO_DATABASE_URL",