feat: support custom testnet

.eslintrc

@@ -1,10 +1,7 @@
 {
   "root": true,
   "parser": "@typescript-eslint/parser",
-  "plugins": [
-    "@typescript-eslint",
-    "react"
-  ],
+  "plugins": ["@typescript-eslint", "react"],
   "extends": [
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",
@@ -15,6 +12,7 @@
     "@typescript-eslint/explicit-module-boundary-types": "off",
     "@typescript-eslint/no-explicit-any": "off",
     "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/no-unused-vars": "off",
     "prettier/prettier": [
       "error",
       {

_raw/locales/en/messages.json

@@ -1029,7 +1029,8 @@
           "currentLanguage": "Current Language",
           "enableTestnets": "Enable Testnets",
           "toggleThemeMode": "Theme Mode",
-          "themeMode": "Theme Mode"
+          "themeMode": "Theme Mode",
+          "customTestnet": "Custom Testnet"
         },
         "aboutUs": "About us",
         "currentVersion": "Current Version",
@@ -1103,7 +1104,18 @@
         "customLinkText": "Search address to add custom token",
         "customDescription": "Custom token added by you will be shown here",
         "comingSoon": "Coming Soon...",
-        "searchPlaceholder": "Tokens"
+        "searchPlaceholder": "Tokens",
+        "AddTestnetToken": {
+          "title": "Add Testnet Token",
+          "selectChain": "Select chain",
+          "searching": "Searching Token",
+          "tokenAddress": "Token Address",
+          "notFound": "Token not found"
+        },
+        "TestnetAssetListContainer": {
+          "add": "add token"
+        },
+        "noTestnetAssets": "No Testnet Assets"
       },
       "hd": {
         "howToConnectLedger": "How to Connect Ledger",
@@ -1587,6 +1599,10 @@
         "title": "Edit RPC",
         "rpcUrl": "RPC URL",
         "rpcUrlPlaceholder": "Enter the RPC URL"
+      },
+      "EditCustomTestnetModal": {
+        "title": "Add Testnet",
+        "quickAdd": "Quick add from Chainlist"
       }
     },
     "requestDebankTestnetGasToken": {
@@ -1820,6 +1836,34 @@
         }
       },
       "code-set-successfully": "Referral code set successfully"
+    },
+    "customTestnet": {
+      "title": "Custom Testnet",
+      "desc": "Rabby cannot verify the security of custom testnets. Please add trusted networks only.",
+      "add": "Add Testnet",
+      "empty": "No Custom Testnet",
+      "currency": "Currency",
+      "id": "ID",
+      "CustomTestnetForm": {
+        "id": "Chain ID",
+        "name": "Network name",
+        "rpcUrl": "RPC URL",
+        "idRequired": "Please input chain id",
+        "nameRequired": "Please input network name",
+        "rpcUrlRequired": "Please input RPC URL",
+        "nativeTokenSymbol": "Currency symbol",
+        "nativeTokenSymbolRequired": "Please input currency symbol",
+        "blockExplorerUrl": "Block explorer URL (Optional)"
+      },
+      "AddFromChainList": {
+        "title": "Quick add from Chainlist",
+        "search": "Search Testnet name or ID",
+        "empty": "No chains found",
+        "tips": {
+          "added": "You've already added this chain",
+          "supported": "Chain already supported by Rabby Wallet"
+        }
+      }
     }
   },
   "component": {
@@ -1913,7 +1957,8 @@
     },
     "ChainSelectorModal": {
       "searchPlaceholder": "Search chain",
-      "noChains": "No chains"
+      "noChains": "No chains",
+      "addTestnet": "Custom Testnet"
     },
     "TokenSelector": {
       "listTableHead": {

_raw/locales/zh_CN/messages.json

@@ -222,7 +222,8 @@
           "enableTestnets": "启用测试网",
           "currentLanguage": "当前语言",
           "toggleThemeMode": "主题模式",
-          "themeMode": "主题模式"
+          "themeMode": "主题模式",
+          "customTestnet": "自定义测试网"
         },
         "supportedChains": "支持的链",
         "testnetBackendServiceUrl": "测试网后端服务 URL",

changeLogs/09260.md

@@ -0,0 +1 @@
+- Supported custom testnet in "More" > "Custom Testnet"

changeLogs/zh_CN/09260.md

@@ -0,0 +1 @@
+- 支持添加自定义测试网，点击"更多">"自定义测试网"添加

package.json

@@ -15,10 +15,11 @@
     "build:pro": "cross-env ENABLE_MV3=true npm run build:pro:default",
     "build:debug": "cross-env ENABLE_MV3=true npm run build:debug:default",
     "build:sourcemap": "npm run clean && npm run make-theme && webpack --progress --env config=sourcemap",
+    "sync-chain": "node ./scripts/sync-support-chain.js",
     "lint:fix": "eslint --fix --ext .js,.jsx,.ts,.tsx ./src",
     "test": "jest",
     "pub": "node build/release.js",
-    "postinstall": "patch-package"
+    "postinstall": "patch-package && npm run sync-chain"
   },
   "dependencies": {
     "@coinbase/wallet-sdk": "3.8.0-beta.3",
@@ -54,8 +55,8 @@
     "@rabby-wallet/eth-walletconnect-keyring": "2.1.1",
     "@rabby-wallet/eth-watch-keyring": "1.0.0",
     "@rabby-wallet/gnosis-sdk": "1.3.6",
-    "@rabby-wallet/page-provider": "^0.3.0",
-    "@rabby-wallet/rabby-api": "0.7.9",
+    "@rabby-wallet/page-provider": "0.3.1",
+    "@rabby-wallet/rabby-api": "0.7.11",
     "@rabby-wallet/rabby-security-engine": "1.1.18",
     "@rabby-wallet/rabby-swap": "0.0.32",
     "@rabby-wallet/widgets": "1.0.9",
@@ -136,6 +137,7 @@
     "ts-toolbelt": "9.6.0",
     "url": "0.11.3",
     "uuid": "9.0.0",
+    "viem": "2.9.4",
     "web3-eth-abi": "1.7.0",
     "web3-utils": "1.7.0",
     "webextension-polyfill": "0.7.0"
@@ -155,8 +157,9 @@
     "@types/semver-compare": "1.0.1",
     "@types/sinon": "10.0.13",
     "@types/webextension-polyfill": "0.10.2",
-    "@typescript-eslint/eslint-plugin": "5.13.0",
-    "@typescript-eslint/parser": "4.22.1",
+    "@typescript-eslint/eslint-plugin": "7.1.1",
+    "@typescript-eslint/parser": "7.1.1",
+    "@typescript-eslint/typescript-estree": "7.1.1",
     "@welldone-software/why-did-you-render": "6.2.1",
     "antd-dayjs-webpack-plugin": "1.0.6",
     "autoprefixer": "latest",
@@ -165,7 +168,7 @@
     "cross-env": "^7.0.3",
     "css-loader": "5.1.3",
     "enquirer": "2.3.6",
-    "eslint": "8.10.0",
+    "eslint": "8.57.0",
     "eslint-config-prettier": "8.3.0",
     "eslint-config-react-app": "6.0.0",
     "eslint-plugin-import": "2.22.1",
@@ -198,9 +201,9 @@
     "ts-jest": "29.1.1",
     "ts-loader": "9.1.1",
     "tsconfig-paths-webpack-plugin": "3.5.1",
-    "typescript": "4.5.4",
+    "typescript": "5.3.3",
     "typescript-plugin-styled-components": "2.0.0",
-    "typescript-transform-paths": "3.0.0",
+    "typescript-transform-paths": "^3.4.7",
     "url-loader": "4.1.1",
     "webpack": "5.76.0",
     "webpack-bundle-analyzer": "4.4.0",

scripts/sync-support-chain.js

@@ -0,0 +1,24 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+
+const child_process = require('child_process');
+const targetPath = path.join(
+  __dirname,
+  '../src/constant/default-support-chains.json'
+);
+
+const res = child_process.execSync(
+  'curl -s https://static.debank.com/supported_chains.json'
+);
+let supported_chains_list = [];
+try {
+  supported_chains_list = JSON.parse(res);
+} catch (err) {
+  console.error('parse remote chain data failed:', err);
+}
+
+fs.writeFileSync(targetPath, res);
+
+console.info('finished.');

src/@types/i18next.d.ts

@@ -10,7 +10,7 @@ declare module 'i18next' {
     defaultNS: 'translations';
     // custom resources type
     resources: {
-      translations: typeof translations;
+      translations: typeof translations & Record<string, string>;
     };
     // other
   }