Staging

.github/workflows/build_prod_wb-dashboard.yml

@@ -1,13 +1,13 @@
 name: Build prod WB dashboard
 
 on:
-  pull_request:
-    branches:
-      - "main"
-      - "staging"
-    paths:
-      - '.github/workflows/build_prod_wb-dashboard.yml'
-      - 'webapps/world-builder-dashboard/**'
+    pull_request:
+        branches:
+            - "main"
+            - "staging"
+        paths:
+            - ".github/workflows/build_prod_wb-dashboard.yml"
+            - "webapps/world-builder-dashboard/**"
 
 jobs:
     build_prod_wb-dashboard:
@@ -24,6 +24,9 @@ jobs:
 
             - name: Build frontend
               working-directory: ./webapps/world-builder-dashboard
+              env:
+                  VITE_NB_JSON_RPC_URI: ${{ secrets.VITE_NB_JSON_RPC_URI }}
+                  VITE_NB_WB_DASHBOARD_ACCESS_ID: ${{ secrets.VITE_NB_WB_DASHBOARD_ACCESS_ID }}
               run: |
                   npm install
-                  npm run build
+                  npm run build

.github/workflows/deploy_manual_branch_wb-dashboard.yml

@@ -1,12 +1,12 @@
 name: Manual Deploy branch WB dashboard
 
 on:
-    workflow_dispatch:  # Allow manual trigger
-      inputs:
-        branch:
-          description: "Branch to deploy"
-          required: true
-          default: "staging"
+    workflow_dispatch: # Allow manual trigger
+        inputs:
+            branch:
+                description: "Branch to deploy"
+                required: true
+                default: "staging"
 
 jobs:
     deploy_manual_branch_wb-dashboard:
@@ -15,7 +15,7 @@ jobs:
         steps:
             - name: Show branch name
               run: |
-                echo "Running manual deployment for ${{ github.event.inputs.branch || github.event.pull_request.head.ref }} branch"
+                  echo "Running manual deployment for ${{ github.event.inputs.branch || github.event.pull_request.head.ref }} branch"
 
             - name: Checkout repository and main branch
               uses: actions/checkout@v2
@@ -29,14 +29,18 @@ jobs:
 
             - name: Install and build staging app
               working-directory: ./webapps/world-builder-dashboard
+              env:
+                  VITE_NB_JSON_RPC_URI: ${{ secrets.VITE_NB_JSON_RPC_URI }}
+                  VITE_NB_WB_DASHBOARD_ACCESS_ID: ${{ secrets.VITE_NB_WB_DASHBOARD_ACCESS_ID }}
+                  VITE_BUILD_TARGET: ${{ github.event.inputs.branch || github.event.pull_request.head.ref }}
               run: |
                   npm install
                   npm run build
-            
+
             - name: Update robots.txt, block alpha for crawlers
               working-directory: ./webapps/world-builder-dashboard/dist
               run: |
-                sed -i "s/Disallow:.*/Disallow: \//" robots.txt
+                  sed -i "s/Disallow:.*/Disallow: \//" robots.txt
 
             - name: Upload static site to S3 bucket and invalidate CloudFront cache
               working-directory: ./webapps/world-builder-dashboard

.github/workflows/deploy_prod_wb-dashboard.yml

@@ -2,11 +2,11 @@ name: Deploy prod WB dashboard
 
 on:
     push:
-      branches:
-        - main
-      paths:
-        - '.github/workflows/deploy_prod_wb-dashboard.yml'
-        - 'webapps/world-builder-dashboard/**'
+        branches:
+            - main
+        paths:
+            - ".github/workflows/deploy_prod_wb-dashboard.yml"
+            - "webapps/world-builder-dashboard/**"
 
 jobs:
     deploy_prod_wb-dashboard:
@@ -25,15 +25,18 @@ jobs:
 
             - name: Install and build production app
               working-directory: ./webapps/world-builder-dashboard
+              env:
+                  VITE_NB_JSON_RPC_URI: ${{ secrets.VITE_NB_JSON_RPC_URI }}
+                  VITE_NB_WB_DASHBOARD_ACCESS_ID: ${{ secrets.VITE_NB_WB_DASHBOARD_ACCESS_ID }}
               run: |
                   npm install
                   npm run build
 
             - name: Publish to CloudFlare Page
               uses: cloudflare/pages-action@v1
               with:
-                    apiToken: ${{ secrets.CF_API_TOKEN_PROD }}
-                    accountId: ${{ secrets.CF_ACCOUNT_ID_PROD }}
-                    projectName: ${{ secrets.CF_PROJECT_NAME_WB_DASHBOARD_PROD }}
-                    directory: ./webapps/world-builder-dashboard/dist
-                    gitHubToken: ${{ secrets.GITHUB_TOKEN }}
+                  apiToken: ${{ secrets.CF_API_TOKEN_PROD }}
+                  accountId: ${{ secrets.CF_ACCOUNT_ID_PROD }}
+                  projectName: ${{ secrets.CF_PROJECT_NAME_WB_DASHBOARD_PROD }}
+                  directory: ./webapps/world-builder-dashboard/dist
+                  gitHubToken: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/deploy_staging_wb-dashboard.yml

@@ -2,11 +2,11 @@ name: Deploy staging WB dashboard
 
 on:
     push:
-      branches:
-        - staging
-      paths:
-        - '.github/workflows/deploy_staging_wb-dashboard.yml'
-        - 'webapps/world-builder-dashboard/**'
+        branches:
+            - staging
+        paths:
+            - ".github/workflows/deploy_staging_wb-dashboard.yml"
+            - "webapps/world-builder-dashboard/**"
 
 jobs:
     deploy_staging_wb-dashboard:
@@ -25,20 +25,24 @@ jobs:
 
             - name: Install and build staging app
               working-directory: ./webapps/world-builder-dashboard
+              env:
+                  VITE_NB_JSON_RPC_URI: ${{ secrets.VITE_NB_JSON_RPC_URI }}
+                  VITE_NB_WB_DASHBOARD_ACCESS_ID: ${{ secrets.VITE_NB_WB_DASHBOARD_ACCESS_ID }}
+                  VITE_BUILD_TARGET: staging
               run: |
                   npm install
                   npm run build
-            
+
             - name: Update robots.txt, block alpha for crawlers
               working-directory: ./webapps/world-builder-dashboard/dist
               run: |
-                sed -i "s/Disallow:.*/Disallow: \//" robots.txt
+                  sed -i "s/Disallow:.*/Disallow: \//" robots.txt
 
             - name: Publish to CloudFlare Page
               uses: cloudflare/pages-action@v1
               with:
-                    apiToken: ${{ secrets.CF_API_TOKEN_STAGE }}
-                    accountId: ${{ secrets.CF_ACCOUNT_ID_STAGE }}
-                    projectName: ${{ secrets.CF_PROJECT_NAME_WB_DASHBOARD_STAGE }}
-                    directory: ./webapps/world-builder-dashboard/dist
-                    gitHubToken: ${{ secrets.GITHUB_TOKEN }}
+                  apiToken: ${{ secrets.CF_API_TOKEN_STAGE }}
+                  accountId: ${{ secrets.CF_ACCOUNT_ID_STAGE }}
+                  projectName: ${{ secrets.CF_PROJECT_NAME_WB_DASHBOARD_STAGE }}
+                  directory: ./webapps/world-builder-dashboard/dist
+                  gitHubToken: ${{ secrets.GITHUB_TOKEN }}

webapps/world-builder-dashboard/.env.example

@@ -0,0 +1,2 @@
+VITE_NB_JSON_RPC_URI="ADD_URI_HERE"
+VITE_NB_WB_DASHBOARD_ACCESS_ID="ADD_ACCESS_ID_HERE"

webapps/world-builder-dashboard/constants.ts

@@ -1,10 +1,11 @@
-import { NetworkInterface, HighNetworkInterface } from '@/contexts/BlockchainContext'
+import { TokenAddressMap } from 'game7-bridge-sdk'
+import { NetworkInterface, HighNetworkInterface, NetworkType } from '@/contexts/BlockchainContext'
 
 export const L1_NETWORK: NetworkInterface = {
   chainId: 11155111,
   name: 'sepolia',
   displayName: 'Sepolia',
-  rpcs: ['https://ethereum-sepolia-rpc.publicnode.com'],
+  rpcs: [`${import.meta.env.VITE_NB_JSON_RPC_URI}/sepolia/jsonrpc/${import.meta.env.VITE_NB_WB_DASHBOARD_ACCESS_ID}`],
   blockExplorerUrls: ['https://sepolia.etherscan.io'],
   nativeCurrency: {
     decimals: 18,
@@ -20,7 +21,7 @@ export const L2_NETWORK: HighNetworkInterface = {
   chainId: 421614,
   name: 'arbitrumSepolia',
   displayName: 'Arbitrum Sepolia',
-  rpcs: ['https://sepolia-rollup.arbitrum.io/rpc'],
+  rpcs: [`${import.meta.env.VITE_NB_JSON_RPC_URI}/arbitrum-sepolia/jsonrpc/${import.meta.env.VITE_NB_WB_DASHBOARD_ACCESS_ID}`],
   blockExplorerUrls: ['https://sepolia.arbiscan.io'],
   nativeCurrency: {
     decimals: 18,
@@ -37,8 +38,8 @@ export const L2_NETWORK: HighNetworkInterface = {
 
 export const L3_NETWORK: HighNetworkInterface = {
   chainId: 13746,
-  name: 'conduit-orbit-deployer',
-  displayName: 'Game7 Testnet', 
+  name: 'game7Testnet',
+  displayName: 'G7 Sepolia',
   rpcs: ['https://testnet-rpc.game7.io'],
   blockExplorerUrls: ['https://testnet.game7.io'],
   nativeCurrency: {
@@ -52,11 +53,65 @@ export const L3_NETWORK: HighNetworkInterface = {
   staker: '0xa6B0461b7E54Fa342Be6320D4938295A81f82Cd3'
 }
 
-export const ALL_NETWORKS = [L1_NETWORK, L2_NETWORK, L3_NETWORK]
+export const L1_MAIN_NETWORK: NetworkInterface = {
+  chainId: 1,
+  name: 'ethereum',
+  displayName: 'Ethereum',
+  rpcs: [`${import.meta.env.VITE_NB_JSON_RPC_URI}/ethereum/jsonrpc/${import.meta.env.VITE_NB_WB_DASHBOARD_ACCESS_ID}`],
+  blockExplorerUrls: ['https://etherscan.io'],
+  nativeCurrency: {
+    decimals: 18,
+    name: 'ETH',
+    symbol: 'ETH'
+  },
+  g7TokenAddress: '0x12c88a3C30A7AaBC1dd7f2c08a97145F5DCcD830',
+  routerSpender: '0x902b3e5f8f19571859f4ab1003b960a5df693aff',
+  retryableCreationTimeout: 15 * 60
+}
+
+export const L2_MAIN_NETWORK: NetworkInterface = {
+  chainId: 42161,
+  name: 'arbitrumOne',
+  displayName: 'Arbitrum One',
+  rpcs: [`${import.meta.env.VITE_NB_JSON_RPC_URI}/arbitrum-one/jsonrpc/${import.meta.env.VITE_NB_WB_DASHBOARD_ACCESS_ID}`],
+  blockExplorerUrls: ['https://arbiscan.io'],
+  nativeCurrency: {
+    decimals: 18,
+    name: 'ETH',
+    symbol: 'ETH'
+  },
+  g7TokenAddress: '0xF18e4466F26B4cA55bbAb890b314a54976E45B17',
+  retryableCreationTimeout: 15 * 60
+}
+
+export const L3_MAIN_NETWORK: NetworkInterface = {
+  chainId: 2187,
+  name: 'game7',
+  displayName: 'G7 Network',
+  rpcs: ['https://mainnet-rpc.game7.io'],
+  blockExplorerUrls: ['https://mainnet.game7.io'],
+  nativeCurrency: {
+    decimals: 18,
+    name: 'Game7 Token',
+    symbol: 'G7T'
+  },
+  g7TokenAddress: '0x0000000000000000000000000000000000000000',
+  retryableCreationTimeout: 15 * 60,
+  wrappedG7TokenAddress: '0xfa3ed70386b9255fC04aA008A8ad1B0CDa816Fac'
+}
+
+export const ALL_TESTNET_NETWORKS = [L1_NETWORK, L2_NETWORK, L3_NETWORK]
+export const ALL_MAINNET_NETWORKS = [L1_MAIN_NETWORK, L2_MAIN_NETWORK, L3_MAIN_NETWORK]
+export const ALL_HIGH_TESTNET_NETWORKS = [L2_NETWORK, L3_NETWORK]
+export const ALL_LOW_TESTNET_NETWORKS = [L1_NETWORK, L2_NETWORK]
+export const ALL_HIGH_MAINNET_NETWORKS = [L2_MAIN_NETWORK, L3_MAIN_NETWORK]
+export const ALL_LOW_MAINNET_NETWORKS = [L1_MAIN_NETWORK, L2_MAIN_NETWORK]
 
 export const L3_NATIVE_TOKEN_SYMBOL = 'TG7T'
 export const DEFAULT_LOW_NETWORK = L1_NETWORK
 export const DEFAULT_HIGH_NETWORK = L2_NETWORK
+export const DEFAULT_LOW_MAINNET_NETWORK = L1_MAIN_NETWORK
+export const DEFAULT_HIGH_MAINNET_NETWORK = L2_MAIN_NETWORK
 
 export const LOW_NETWORKS = [L1_NETWORK, L2_NETWORK]
 export const HIGH_NETWORKS = [L2_NETWORK, L3_NETWORK]
@@ -70,4 +125,63 @@ export const FIVE_MINUTES = 1000 * 60 * 5
 
 export const DEFAULT_STAKE_NATIVE_POOL_ID = '1'
 
-export const MAX_ALLOWANCE_ACCOUNT = '0x9ed191DB1829371F116Deb9748c26B49467a592A'
+export const TG7T: TokenAddressMap = {
+  13746: '0x0000000000000000000000000000000000000000',
+  421614: '0x10adbf84548f923577be12146eac104c899d1e75',
+  11155111: '0xe2ef69e4af84dbefb0a75f8491f27a52bf047b01'
+}
+
+export const ETH: TokenAddressMap = {
+  421614: '0x0000000000000000000000000000000000000000',
+  11155111: '0x0000000000000000000000000000000000000000'
+}
+
+export const USDC: TokenAddressMap = {
+  13746: '0xf2B58E3519C5b977a254993A4A6EaD581A8989A0',
+  421614: '0x75faf114eafb1BDbe2F0316DF893fd58CE46AA4d',
+  11155111: '0x1c7D4B196Cb0C7B01d743Fbc6116a902379C7238'
+}
+
+export const G7T_MAINNET: TokenAddressMap = {
+  2187: '0x0000000000000000000000000000000000000000',
+  42161: '0xF18e4466F26B4cA55bbAb890b314a54976E45B17',
+  1: '0x12c88a3C30A7AaBC1dd7f2c08a97145F5DCcD830'
+}
+
+export const ETH_MAINNET: TokenAddressMap = {
+  42161: '0x0000000000000000000000000000000000000000',
+  1: '0x0000000000000000000000000000000000000000'
+}
+
+export const USDC_MAINNET: TokenAddressMap = {
+  2187: '0x401eCb1D350407f13ba348573E5630B83638E30D',
+  42161: '0xaf88d065e77c8cC2239327C5EDb3A432268e5831',
+  1: '0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48'
+}
+
+export const getNetworks = (selectedNetworkType: NetworkType) => {
+  switch (selectedNetworkType) {
+    case 'Mainnet':
+      return ALL_MAINNET_NETWORKS
+    case 'Testnet':
+      return ALL_TESTNET_NETWORKS
+  }
+}
+
+export const getHighNetworks = (selectedNetworkType: NetworkType) => {
+  switch (selectedNetworkType) {
+    case 'Mainnet':
+      return ALL_HIGH_MAINNET_NETWORKS
+    case 'Testnet':
+      return ALL_HIGH_TESTNET_NETWORKS
+  }
+}
+
+export const getLowNetworks = (selectedNetworkType: NetworkType) => {
+  switch (selectedNetworkType) {
+    case 'Mainnet':
+      return ALL_LOW_MAINNET_NETWORKS
+    case 'Testnet':
+      return ALL_LOW_TESTNET_NETWORKS
+  }
+}