├── index.js
├── demo.png
├── .gitmodules
├── generator
    ├── template
    │   └── src
    │   │   ├── web3
    │   │       ├── constants.dev.js
    │   │       ├── constants.js
    │   │       ├── tools.js
    │   │       ├── config.js
    │   │       ├── chains.js
    │   │       └── abis.js
    │   │   └── hooks
    │   │       └── useWallte.js
    ├── example
    │   └── src
    │   │   ├── App.vue
    │   │   └── components
    │   │       └── ConnectWallteExample.vue
    └── index.js
├── package.json
├── prompts.js
└── README.md


/index.js:
--------------------------------------------------------------------------------
1 | module.exports = (api, options = {}) => {}
2 | 


--------------------------------------------------------------------------------
/demo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ZHUIMEN/vue-cli-plugin-web3modal/HEAD/demo.png


--------------------------------------------------------------------------------
/.gitmodules:
--------------------------------------------------------------------------------
1 | [submodule "example"]
2 | 	path = example
3 | 	url = git@github.com:ZHUIMEN/vue-web3modal-example.git
4 | 


--------------------------------------------------------------------------------
/generator/template/src/web3/constants.dev.js:
--------------------------------------------------------------------------------
1 | 
2 | // Rinkeby Contract address on testnet
3 | export const USDT_ADDRESS = "";


--------------------------------------------------------------------------------
/generator/template/src/web3/constants.js:
--------------------------------------------------------------------------------
1 | // Contract address on the official website
2 | 
3 | export const USDT_ADDRESS = "";
4 | 


--------------------------------------------------------------------------------
/generator/example/src/App.vue:
--------------------------------------------------------------------------------
 1 | ---
 2 | extend: '@vue/cli-service/generator/template/src/App.vue'
 3 | replace:
 4 |   - !!js/regexp /<template>[^]*?<\/template>/
 5 |   - !!js/regexp /\n<script>[^]*?<\/script>\n/
 6 | ---
 7 | <%_ if (addExample) { _%>
 8 | <%# REPLACE %>
 9 | <template>
10 |   <ConnectWallte/>
11 | </template>
12 | <%# END_REPLACE %>
13 | 
14 | 
15 | <%# REPLACE %>
16 | <script>
17 | import ConnectWallte from './components/ConnectWallteExample.vue';
18 | export default {
19 |     components: {
20 |         ConnectWallte,
21 |   },
22 | }
23 | </script>
24 | <%# END_REPLACE %>
25 | <%_ } _%>


--------------------------------------------------------------------------------
/generator/template/src/web3/tools.js:
--------------------------------------------------------------------------------
 1 | import supportedChains from './chains';
 2 | 
 3 | export function getChainData(chainId) {
 4 |   const chainData = supportedChains.filter((chain) => chain.chain_id === chainId)[0];
 5 |   console.log(chainId);
 6 |   if (!chainData) {
 7 |     throw new Error('ChainId missing or not supported');
 8 |   }
 9 | 
10 |   const API_KEY = process.env.REACT_APP_INFURA_ID;
11 | 
12 |   if (
13 |     chainData.rpc_url.includes('infura.io')
14 |       && chainData.rpc_url.includes('%API_KEY%')
15 |       && API_KEY
16 |   ) {
17 |     const rpcUrl = chainData.rpc_url.replace('%API_KEY%', API_KEY);
18 |     return {
19 |       ...chainData,
20 |       rpc_url: rpcUrl,
21 |     };
22 |   }
23 | 
24 |   return chainData;
25 | }


--------------------------------------------------------------------------------
/generator/index.js:
--------------------------------------------------------------------------------
 1 | module.exports = (api, options = {}, rootOptions = {}) => {
 2 |   api.render("./template",{...options});
 3 |   if(options.addExample){
 4 |     api.render('./example')
 5 |   }
 6 |   const dependencies = {}
 7 |     options.isAddTorus &&(dependencies['@toruslabs/torus-embed'] = "^1.10.15")
 8 |     options.isAddAuthereum &&(dependencies['authereum'] = "^0.1.14")
 9 |     options.isAddBitski &&(dependencies['bitski'] = "^0.11.0-beta.4")
10 |     options.isAddFortmatic &&(dependencies['fortmatic'] = "^2.2.1")
11 | 
12 |   api.extendPackage({
13 |     dependencies: {
14 |       ...dependencies,
15 |       "@walletconnect/web3-provider": "^1.4.1",
16 |       web3: "^1.3.6",
17 |       web3modal: "^1.9.3",
18 |     },
19 |   });
20 | };
21 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "vue-cli-plugin-web3modal",
 3 |   "version": "1.1.0",
 4 |   "description": "vue-cli plugin to add web3modal",
 5 |   "main": "index.js",
 6 |   "author": "cuijiajun <1453475013@qq.com>",
 7 |   "scripts": {
 8 |     "test": "echo \"Error: no test specified\" && exit 1"
 9 |   },
10 |   "keywords": [
11 |     "ethers",
12 |     "web3",
13 |     "vuex",
14 |     "store",
15 |     "vue",
16 |     "cli",
17 |     "plugin",
18 |     "dapp",
19 |     "web3",
20 |     "crypto",
21 |     "ethereum",
22 |     "web3modal",
23 |     "metamask",
24 |     "walletconnect",
25 |     "portis",
26 |     "fortmatic",
27 |     "arkane",
28 |     "torus",
29 |     "authereum",
30 |     "frame"
31 |   ],
32 |   "repository": {
33 |     "type": "git",
34 |     "url": "https://github.com/ZHUIMEN/vue-cli-plugin-web3modal.git"
35 |   },
36 |   "homepage": "https://github.com/ZHUIMEN/vue-cli-plugin-web3modal#readme",
37 |   "license": "MIT"
38 | }
39 | 


--------------------------------------------------------------------------------
/prompts.js:
--------------------------------------------------------------------------------
 1 | module.exports = [
 2 |   {
 3 |     name: `isAddTorus`,
 4 |     type: "confirm",
 5 |     message: "Add Torus web3 provider?",
 6 |     default: false,
 7 |     group: "Torus Wallet",
 8 |     description:
 9 |       "Embeds the Torus Wallet directly in your application via torus-embed. Exposes a Web3 Provider.",
10 |     link: "https://github.com/torusresearch/torus-embed#readme",
11 |   },
12 |   {
13 |     name: `isAddAuthereum`,
14 |     type: "confirm",
15 |     message: "Add  Authereum web3 provider",
16 |     default: false,
17 |     group: "Authereum",
18 |     description:
19 |       "with the Authereum web3 provider",
20 |     link: "https://docs.authereum.com/integration",
21 |   },
22 |   {
23 |     name: `isAddBitski`,
24 |     type: "confirm",
25 |     message: "Add Bitski web3 provider?",
26 |     default: false,
27 |     group: "Bitski",
28 |     description:
29 |       "with the Bitski web3 provider",
30 |     link: "https://docs.bitski.com/",
31 |   },
32 |   {
33 |     name: `isAddFortmatic`,
34 |     type: "confirm",
35 |     message: "Add Fortmatic web3 provider?",
36 |     default: false,
37 |     group: "Fortmatic",
38 |     description:
39 |       "with the Fortmatic web3 provider",
40 |     link: "https://docs.fortmatic.com/",
41 |   },
42 |   {
43 |     name: `addExample`,
44 |     type: "confirm",
45 |     message: "Add example connectWallte?",
46 |     default: false,
47 |   },
48 | ];
49 | 


--------------------------------------------------------------------------------
/generator/example/src/components/ConnectWallteExample.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <button @click="handleWalletConnect">WalletConnect</button>
 4 |     <button @click="resetApp">resetApp</button>
 5 |     <button @click="getAccountAssets">getBalance</button>
 6 |     <button @click="approve">approveUSDTContract</button>
 7 |     <p>
 8 |       Address:
 9 |       {{ userAddress }}
10 |     </p>
11 |     <p>balance:{{ assets }}</p>
12 |     <p>networkId: {{ networkId }}</p>
13 |     <p>chainId: {{ chainId }}</p>
14 |   </div>
15 | </template>
16 | <script setup>
17 | import { computed } from 'vue';
18 | import { utils } from 'web3';
19 | import useWallet from '../hooks/useWallte';
20 | import { USDT_API } from '../web3/abis';
21 | import { USDT_ADDRESS } from '../web3/config';
22 | 
23 | const {
24 |   onConnect,
25 |   connected,
26 |   web3,
27 |   userAddress,
28 |   chainId,
29 |   networkId,
30 |   resetApp,
31 |   assets,
32 |   getAccountAssets,
33 | } = useWallet();
34 | 
35 | const handleWalletConnect = async () => {
36 |   await onConnect();
37 |   if (connected) {
38 |     console.log('afterConnectdWallet', connected);
39 |   }
40 | };
41 | const contract = computed(
42 |   () => new web3.value.eth.Contract(USDT_API, USDT_ADDRESS),
43 | );
44 | function approve() {
45 |   return contract.value.methods
46 |     .approve(USDT_ADDRESS, utils.toHex(utils.toWei('1000000000000000000000000000', 'gwei')))
47 |     .send({ from: userAddress.value });
48 | }
49 | 
50 | // .....
51 | 
52 | </script>
53 | 


--------------------------------------------------------------------------------
/generator/template/src/web3/config.js:
--------------------------------------------------------------------------------
 1 | import WalletConnectProvider from '@walletconnect/web3-provider';
 2 | <%_ if (isAddTorus) { _%>
 3 | import Torus from '@toruslabs/torus-embed';
 4 | <%_ } _%> 
 5 | <%_ if (isAddAuthereum) { _%>
 6 | import Authereum from 'authereum';
 7 | <%_ } _%> 
 8 | 
 9 | <%_ if (isAddBitski) { _%>
10 | import { Bitski } from 'bitski';
11 | <%_ } _%> 
12 | 
13 | <%_ if (isAddFortmatic) { _%>
14 |   import Fortmatic from 'fortmatic';
15 | <%_ } _%> 
16 | // eslint-disable-next-line global-require
17 | const { USDT_ADDRESS } = process.env.NODE_ENV === 'production'
18 |   ? require('./constants')
19 |   : require('./constants.dev');
20 | // 
21 | const providerOptions = {
22 |   //https://docs.walletconnect.org/
23 |   walletconnect: {
24 |     package: WalletConnectProvider,
25 |     options: {
26 |       infuraId: 'xxxxxxxxxx', // TODO infuraId
27 |     },
28 |   },
29 |   <%_ if (isAddTorus) { _%>
30 |     // https://github.com/torusresearch/torus-embed#readme
31 |   torus: {
32 |     package: Torus,
33 |   },
34 |   <%_ } _%> 
35 |   <%_ if (isAddFortmatic) { _%>
36 |     // https://docs.fortmatic.com/
37 |   fortmatic: {
38 |     package: Fortmatic,
39 |     options: {
40 |       key: 'xxxxxxxxxx', // TODO key
41 |     },
42 |   },
43 |   <%_ } _%> 
44 |   <%_ if (isAddAuthereum) { _%>
45 |     // https://docs.authereum.com/integration
46 |   authereum: {
47 |     package: Authereum,
48 |   },
49 |   <%_ } _%>
50 |   <%_ if (isAddBitski) { _%>
51 |     //https://docs.bitski.com/
52 |   bitski: {
53 |     package: Bitski,
54 |     options: {
55 |       clientId: 'xxxxxxxxxx', // TODO
56 |       callbackUrl: `${window.location.href}bitski-callback.html`,
57 |     },
58 |   },
59 |   <%_ } _%>
60 | };
61 | 
62 | export { USDT_ADDRESS, providerOptions };
63 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # vue-cli-plugin-web3modal
  2 | vue3-cli-plugin A single Web3 / Ethereum provider solution for all Wallets
  3 | ## example
  4 | ``` bash
  5 |  cd example && npm install && npm serve
  6 |  ```
  7 | ## Introduction
  8 | vue-cli-plugin-web3modal It is based on [web3modal](https://web3modal.com/) for vuejs  help developers add support for multiple providers in their apps with a simple customizable configuration.
  9 | ![preview](./demo.png)
 10 | 
 11 | ## Usage
 12 | ``` bash
 13 | vue add vue-cli-plugin-web3modal 
 14 | ```
 15 |  OR
 16 | 
 17 | 1. Install vue-cli-plugin-web3modal NPM package
 18 | 
 19 | ```bash
 20 | npm install --save-dev vue-cli-plugin-web3modal
 21 | 
 22 | # OR
 23 | 
 24 | yarn add vue-cli-plugin-web3modal --dev
 25 | ```
 26 | 
 27 | 2. vue add plugin
 28 | ```bash
 29 |  vue invoke vue-cli-plugin-web3modal
 30 | ```
 31 | 
 32 | 
 33 | 
 34 | ## Using in vanilla vue
 35 | If you add Exanple's directory structure in the configuration:
 36 | ```
 37 | src
 38 | │   ├── App.vue
 39 | │   ├── assets
 40 | │   │   └── logo.png
 41 | │   ├── components
 42 | │   │   ├── ConnectWallteExample.vue
 43 | │   │   └── HelloWorld.vue
 44 | │   ├── hooks
 45 | │   │   └── useWallte.js
 46 | │   ├── main.js
 47 | │   ├── registerServiceWorker.js
 48 | │   └── web3
 49 | │       ├── abis.js
 50 | │       ├── chains.js
 51 | │       ├── config.js
 52 | │       ├── constants.dev.js
 53 | │       ├── constants.js
 54 | │       └── tools.js
 55 | ```
 56 | 
 57 | -  src/web3/config.js,
 58 | providerOptions Configuration can refer to https://github.com/Web3Modal/web3modal#custom-display
 59 | ``` js
 60 | const providerOptions = {
 61 |   // Example with injected providers
 62 |   injected: {
 63 |     display: {
 64 |       logo: "data:image/gif;base64,INSERT_BASE64_STRING",
 65 |       name: "Injected",
 66 |       description: "Connect with the provider in your Browser"
 67 |     },
 68 |     package: null
 69 |   },
 70 |   // Example with WalletConnect provider
 71 |   walletconnect: {
 72 |     display: {
 73 |       logo: "data:image/gif;base64,INSERT_BASE64_STRING",
 74 |       name: "Mobile",
 75 |       description: "Scan qrcode with your mobile wallet"
 76 |     },
 77 |     package: WalletConnectProvider,
 78 |     options: {
 79 |       infuraId: "INFURA_ID" // required
 80 |     }
 81 |   }
 82 | };
 83 | ```
 84 | - src/hooks/useWallte.js
 85 | Here will provide web3、userAddress、chainId、networkId、resetApp、assets、getAccountAssets Wait,
 86 | Please use ConnectWallteExample.vue 
 87 | ``` js
 88 | <script setup>
 89 | const {
 90 |   onConnect,
 91 |   connected,
 92 |   web3,
 93 |   userAddress,
 94 |   chainId,
 95 |   networkId,
 96 |   resetApp,
 97 |   assets,
 98 |   getAccountAssets,
 99 | } = useWallet();
100 | 
101 | const handleWalletConnect = async () => {
102 |   await onConnect();
103 |   if (connected) {
104 |     console.log('afterConnectdWallet', connected);
105 |   }
106 | };
107 | const contract = computed(
108 |   () => new web3.value.eth.Contract(USDT_API, USDT_ADDRESS),
109 | );
110 | function approve() {
111 |   return contract.value.methods
112 |     .approve(USDT_ADDRESS, utils.toHex(utils.toWei('1000000000000000000000000000', 'gwei')))
113 |     .send({ from: userAddress.value });
114 | }
115 | 
116 | // .....
117 | </script>
118 | ```
119 | 


--------------------------------------------------------------------------------
/generator/template/src/hooks/useWallte.js:
--------------------------------------------------------------------------------
  1 | import {
  2 |   ref, reactive, getCurrentInstance, toRefs,
  3 | } from 'vue';
  4 | import Web3, { utils } from 'web3';
  5 | import Web3Modal from 'web3modal';
  6 | import { getChainData } from '@/web3/tools';
  7 | import { providerOptions } from '@/web3/config';
  8 | 
  9 | const INITIAL_STATE = {
 10 |   web3: null,
 11 |   provider: null,
 12 |   userAddress: '',
 13 |   connected: false,
 14 |   chainId: 1,
 15 |   networkId: 1,
 16 | };
 17 | export default function UseWallet() {
 18 |   const { ctx: _this } = getCurrentInstance();
 19 | 
 20 |   const walletObj = reactive({ ...INITIAL_STATE });
 21 |   const fetching = ref(false);
 22 |   const assets = ref(0);
 23 |   //https://github.com/Web3Modal/web3modal#web3modal
 24 |   const web3Modal = new Web3Modal({
 25 |     theme: 'dark',
 26 |     network: getChainData(walletObj.chainId).network,
 27 |     cacheProvider: true,
 28 |     providerOptions,
 29 |   });
 30 |   // methods wallte.js
 31 |   const resetApp = async () => {
 32 |     const { web3 } = walletObj;
 33 |     if (web3 && web3.currentProvider && web3.currentProvider.close) {
 34 |       await web3.currentProvider.close();
 35 |     }
 36 | 
 37 |     web3Modal.clearCachedProvider();
 38 |     assets.value = 0;
 39 |     Object.keys(INITIAL_STATE).forEach((e) => {
 40 |       walletObj[e] = INITIAL_STATE[e];
 41 |     });
 42 |     _this.$forceUpdate();
 43 |   };
 44 |   const getUserBalance = () => walletObj.web3.eth
 45 |     .getBalance(walletObj.userAddress)
 46 |     .then((res) => (res ? utils.fromWei(res.toString(), 'ether') : 0));
 47 | 
 48 |   const getAccountAssets = async () => {
 49 |     fetching.value = true;
 50 |     // get account balances
 51 | 
 52 |     assets.value = await getUserBalance();
 53 |   };
 54 |   const subscribeProvider = async (provider) => {
 55 |     if (!provider.on) {
 56 |       return;
 57 |     }
 58 |     provider.on('close', () => resetApp());
 59 |     provider.on('accountsChanged', async (accounts) => {
 60 |       // eslint-disable-next-line prefer-destructuring
 61 |       walletObj.userAddress = accounts[0];
 62 |       await getAccountAssets();
 63 |     });
 64 |     provider.on('chainChanged', async (chainId) => {
 65 |       console.log('333', chainId);
 66 |       const networkId = await walletObj?.web3?.eth?.net.getId();
 67 |       walletObj.chainId = chainId;
 68 |       walletObj.networkId = networkId;
 69 |       await getAccountAssets();
 70 |     });
 71 |   };
 72 | 
 73 |   const onConnect = async () => {
 74 |     const provider = await web3Modal.connect();
 75 | 
 76 |     await subscribeProvider(provider);
 77 | 
 78 |     const web3 = new Web3(provider);
 79 |     const accounts = await web3.eth.getAccounts();
 80 | 
 81 |     const address = accounts[0];
 82 | 
 83 |     const networkId = await web3.eth.net.getId();
 84 | 
 85 |     const chainId = await web3.eth.getChainId(); // 坑逼 注意版本 chainId
 86 | 
 87 |     walletObj.web3 = web3;
 88 |     walletObj.provider = provider;
 89 |     walletObj.connected = true;
 90 |     walletObj.userAddress = address;
 91 |     walletObj.chainId = chainId;
 92 |     walletObj.networkId = networkId;
 93 |     await getAccountAssets();
 94 |   };
 95 | 
 96 |   return {
 97 |     ...toRefs(walletObj),
 98 |     fetching,
 99 |     assets,
100 |     resetApp,
101 |     getAccountAssets,
102 |     //
103 |     web3Modal,
104 |     // methods
105 |     onConnect,
106 |   };
107 | }
108 | 


--------------------------------------------------------------------------------
/generator/template/src/web3/chains.js:
--------------------------------------------------------------------------------
  1 | const supportedChains = [
  2 |   {
  3 |     name: 'Ethereum Mainnet',
  4 |     short_name: 'eth',
  5 |     chain: 'ETH',
  6 |     network: 'mainnet',
  7 |     chain_id: 1,
  8 |     network_id: 1,
  9 |     rpc_url: 'https://mainnet.infura.io/v3/%API_KEY%',
 10 |     native_currency: {
 11 |       symbol: 'ETH',
 12 |       name: 'Ethereum',
 13 |       decimals: '18',
 14 |       contractAddress: '',
 15 |       balance: '',
 16 |     },
 17 |   },
 18 |   {
 19 |     name: 'Ethereum Ropsten',
 20 |     short_name: 'rop',
 21 |     chain: 'ETH',
 22 |     network: 'ropsten',
 23 |     chain_id: 3,
 24 |     network_id: 3,
 25 |     rpc_url: 'https://ropsten.infura.io/v3/%API_KEY%',
 26 |     native_currency: {
 27 |       symbol: 'ETH',
 28 |       name: 'Ethereum',
 29 |       decimals: '18',
 30 |       contractAddress: '',
 31 |       balance: '',
 32 |     },
 33 |   },
 34 |   {
 35 |     name: 'Ethereum Rinkeby',
 36 |     short_name: 'rin',
 37 |     chain: 'ETH',
 38 |     network: 'rinkeby',
 39 |     chain_id: 4,
 40 |     network_id: 4,
 41 |     rpc_url: 'https://rinkeby.infura.io/v3/%API_KEY%',
 42 |     native_currency: {
 43 |       symbol: 'ETH',
 44 |       name: 'Ethereum',
 45 |       decimals: '18',
 46 |       contractAddress: '',
 47 |       balance: '',
 48 |     },
 49 |   },
 50 |   {
 51 |     name: 'Ethereum Görli',
 52 |     short_name: 'gor',
 53 |     chain: 'ETH',
 54 |     network: 'goerli',
 55 |     chain_id: 5,
 56 |     network_id: 5,
 57 |     rpc_url: 'https://goerli.infura.io/v3/%API_KEY%',
 58 |     native_currency: {
 59 |       symbol: 'ETH',
 60 |       name: 'Ethereum',
 61 |       decimals: '18',
 62 |       contractAddress: '',
 63 |       balance: '',
 64 |     },
 65 |   },
 66 |   {
 67 |     name: 'RSK Mainnet',
 68 |     short_name: 'rsk',
 69 |     chain: 'RSK',
 70 |     network: 'mainnet',
 71 |     chain_id: 30,
 72 |     network_id: 30,
 73 |     rpc_url: 'https://public-node.rsk.co',
 74 |     native_currency: {
 75 |       symbol: 'RSK',
 76 |       name: 'RSK',
 77 |       decimals: '18',
 78 |       contractAddress: '',
 79 |       balance: '',
 80 |     },
 81 |   },
 82 |   {
 83 |     name: 'Ethereum Kovan',
 84 |     short_name: 'kov',
 85 |     chain: 'ETH',
 86 |     network: 'kovan',
 87 |     chain_id: 42,
 88 |     network_id: 42,
 89 |     rpc_url: 'https://kovan.infura.io/v3/%API_KEY%',
 90 |     native_currency: {
 91 |       symbol: 'ETH',
 92 |       name: 'Ethereum',
 93 |       decimals: '18',
 94 |       contractAddress: '',
 95 |       balance: '',
 96 |     },
 97 |   },
 98 |   {
 99 |     name: 'Ethereum Classic Mainnet',
100 |     short_name: 'etc',
101 |     chain: 'ETC',
102 |     network: 'mainnet',
103 |     chain_id: 61,
104 |     network_id: 1,
105 |     rpc_url: 'https://ethereumclassic.network',
106 |     native_currency: {
107 |       symbol: 'ETH',
108 |       name: 'Ethereum',
109 |       decimals: '18',
110 |       contractAddress: '',
111 |       balance: '',
112 |     },
113 |   },
114 |   {
115 |     name: 'POA Network Sokol',
116 |     short_name: 'poa',
117 |     chain: 'POA',
118 |     network: 'sokol',
119 |     chain_id: 77,
120 |     network_id: 77,
121 |     rpc_url: 'https://sokol.poa.network',
122 |     native_currency: {
123 |       symbol: 'POA',
124 |       name: 'POA',
125 |       decimals: '18',
126 |       contractAddress: '',
127 |       balance: '',
128 |     },
129 |   },
130 |   {
131 |     name: 'POA Network Core',
132 |     short_name: 'skl',
133 |     chain: 'POA',
134 |     network: 'core',
135 |     chain_id: 99,
136 |     network_id: 99,
137 |     rpc_url: 'https://core.poa.network',
138 |     native_currency: {
139 |       symbol: 'POA',
140 |       name: 'POA',
141 |       decimals: '18',
142 |       contractAddress: '',
143 |       balance: '',
144 |     },
145 |   },
146 |   {
147 |     name: 'xDAI Chain',
148 |     short_name: 'xdai',
149 |     chain: 'POA',
150 |     network: 'dai',
151 |     chain_id: 100,
152 |     network_id: 100,
153 |     rpc_url: 'https://dai.poa.network',
154 |     native_currency: {
155 |       symbol: 'xDAI',
156 |       name: 'xDAI',
157 |       decimals: '18',
158 |       contractAddress: '',
159 |       balance: '',
160 |     },
161 |   },
162 |   {
163 |     name: 'Callisto Mainnet',
164 |     short_name: 'clo',
165 |     chain: 'callisto',
166 |     network: 'mainnet',
167 |     chain_id: 820,
168 |     network_id: 1,
169 |     rpc_url: 'https://clo-geth.0xinfra.com/',
170 |     native_currency: {
171 |       symbol: 'CLO',
172 |       name: 'CLO',
173 |       decimals: '18',
174 |       contractAddress: '',
175 |       balance: '',
176 |     },
177 |   },
178 |   {
179 |     name: 'Binance Smart Chain',
180 |     short_name: 'bsc',
181 |     chain: 'smartchain',
182 |     network: 'mainnet',
183 |     chain_id: 56,
184 |     network_id: 56,
185 |     rpc_url: 'https://bsc-dataseed1.defibit.io/',
186 |     native_currency: {
187 |       symbol: 'BNB',
188 |       name: 'BNB',
189 |       decimals: '18',
190 |       contractAddress: '',
191 |       balance: '',
192 |     },
193 |   },
194 | ];
195 | 
196 | export default supportedChains;
197 | 


--------------------------------------------------------------------------------
/generator/template/src/web3/abis.js:
--------------------------------------------------------------------------------
  1 | export const USDT_API = [
  2 |   {
  3 |     constant: true,
  4 |     inputs: [],
  5 |     name: "name",
  6 |     outputs: [{ name: "", type: "string" }],
  7 |     payable: false,
  8 |     stateMutability: "view",
  9 |     type: "function",
 10 |   },
 11 |   {
 12 |     constant: false,
 13 |     inputs: [{ name: "_upgradedAddress", type: "address" }],
 14 |     name: "deprecate",
 15 |     outputs: [],
 16 |     payable: false,
 17 |     stateMutability: "nonpayable",
 18 |     type: "function",
 19 |   },
 20 |   {
 21 |     constant: false,
 22 |     inputs: [
 23 |       { name: "_spender", type: "address" },
 24 |       { name: "_value", type: "uint256" },
 25 |     ],
 26 |     name: "approve",
 27 |     outputs: [],
 28 |     payable: false,
 29 |     stateMutability: "nonpayable",
 30 |     type: "function",
 31 |   },
 32 |   {
 33 |     constant: true,
 34 |     inputs: [],
 35 |     name: "deprecated",
 36 |     outputs: [{ name: "", type: "bool" }],
 37 |     payable: false,
 38 |     stateMutability: "view",
 39 |     type: "function",
 40 |   },
 41 |   {
 42 |     constant: false,
 43 |     inputs: [{ name: "_evilUser", type: "address" }],
 44 |     name: "addBlackList",
 45 |     outputs: [],
 46 |     payable: false,
 47 |     stateMutability: "nonpayable",
 48 |     type: "function",
 49 |   },
 50 |   {
 51 |     constant: true,
 52 |     inputs: [],
 53 |     name: "totalSupply",
 54 |     outputs: [{ name: "", type: "uint256" }],
 55 |     payable: false,
 56 |     stateMutability: "view",
 57 |     type: "function",
 58 |   },
 59 |   {
 60 |     constant: false,
 61 |     inputs: [
 62 |       { name: "_from", type: "address" },
 63 |       { name: "_to", type: "address" },
 64 |       { name: "_value", type: "uint256" },
 65 |     ],
 66 |     name: "transferFrom",
 67 |     outputs: [],
 68 |     payable: false,
 69 |     stateMutability: "nonpayable",
 70 |     type: "function",
 71 |   },
 72 |   {
 73 |     constant: true,
 74 |     inputs: [],
 75 |     name: "upgradedAddress",
 76 |     outputs: [{ name: "", type: "address" }],
 77 |     payable: false,
 78 |     stateMutability: "view",
 79 |     type: "function",
 80 |   },
 81 |   {
 82 |     constant: true,
 83 |     inputs: [{ name: "", type: "address" }],
 84 |     name: "balances",
 85 |     outputs: [{ name: "", type: "uint256" }],
 86 |     payable: false,
 87 |     stateMutability: "view",
 88 |     type: "function",
 89 |   },
 90 |   {
 91 |     constant: true,
 92 |     inputs: [],
 93 |     name: "decimals",
 94 |     outputs: [{ name: "", type: "uint256" }],
 95 |     payable: false,
 96 |     stateMutability: "view",
 97 |     type: "function",
 98 |   },
 99 |   {
100 |     constant: true,
101 |     inputs: [],
102 |     name: "maximumFee",
103 |     outputs: [{ name: "", type: "uint256" }],
104 |     payable: false,
105 |     stateMutability: "view",
106 |     type: "function",
107 |   },
108 |   {
109 |     constant: true,
110 |     inputs: [],
111 |     name: "_totalSupply",
112 |     outputs: [{ name: "", type: "uint256" }],
113 |     payable: false,
114 |     stateMutability: "view",
115 |     type: "function",
116 |   },
117 |   {
118 |     constant: false,
119 |     inputs: [],
120 |     name: "unpause",
121 |     outputs: [],
122 |     payable: false,
123 |     stateMutability: "nonpayable",
124 |     type: "function",
125 |   },
126 |   {
127 |     constant: true,
128 |     inputs: [{ name: "_maker", type: "address" }],
129 |     name: "getBlackListStatus",
130 |     outputs: [{ name: "", type: "bool" }],
131 |     payable: false,
132 |     stateMutability: "view",
133 |     type: "function",
134 |   },
135 |   {
136 |     constant: true,
137 |     inputs: [
138 |       { name: "", type: "address" },
139 |       { name: "", type: "address" },
140 |     ],
141 |     name: "allowed",
142 |     outputs: [{ name: "", type: "uint256" }],
143 |     payable: false,
144 |     stateMutability: "view",
145 |     type: "function",
146 |   },
147 |   {
148 |     constant: true,
149 |     inputs: [],
150 |     name: "paused",
151 |     outputs: [{ name: "", type: "bool" }],
152 |     payable: false,
153 |     stateMutability: "view",
154 |     type: "function",
155 |   },
156 |   {
157 |     constant: true,
158 |     inputs: [{ name: "who", type: "address" }],
159 |     name: "balanceOf",
160 |     outputs: [{ name: "", type: "uint256" }],
161 |     payable: false,
162 |     stateMutability: "view",
163 |     type: "function",
164 |   },
165 |   {
166 |     constant: false,
167 |     inputs: [],
168 |     name: "pause",
169 |     outputs: [],
170 |     payable: false,
171 |     stateMutability: "nonpayable",
172 |     type: "function",
173 |   },
174 |   {
175 |     constant: true,
176 |     inputs: [],
177 |     name: "getOwner",
178 |     outputs: [{ name: "", type: "address" }],
179 |     payable: false,
180 |     stateMutability: "view",
181 |     type: "function",
182 |   },
183 |   {
184 |     constant: true,
185 |     inputs: [],
186 |     name: "owner",
187 |     outputs: [{ name: "", type: "address" }],
188 |     payable: false,
189 |     stateMutability: "view",
190 |     type: "function",
191 |   },
192 |   {
193 |     constant: true,
194 |     inputs: [],
195 |     name: "symbol",
196 |     outputs: [{ name: "", type: "string" }],
197 |     payable: false,
198 |     stateMutability: "view",
199 |     type: "function",
200 |   },
201 |   {
202 |     constant: false,
203 |     inputs: [
204 |       { name: "_to", type: "address" },
205 |       { name: "_value", type: "uint256" },
206 |     ],
207 |     name: "transfer",
208 |     outputs: [],
209 |     payable: false,
210 |     stateMutability: "nonpayable",
211 |     type: "function",
212 |   },
213 |   {
214 |     constant: false,
215 |     inputs: [
216 |       { name: "newBasisPoints", type: "uint256" },
217 |       { name: "newMaxFee", type: "uint256" },
218 |     ],
219 |     name: "setParams",
220 |     outputs: [],
221 |     payable: false,
222 |     stateMutability: "nonpayable",
223 |     type: "function",
224 |   },
225 |   {
226 |     constant: false,
227 |     inputs: [{ name: "amount", type: "uint256" }],
228 |     name: "issue",
229 |     outputs: [],
230 |     payable: false,
231 |     stateMutability: "nonpayable",
232 |     type: "function",
233 |   },
234 |   {
235 |     constant: false,
236 |     inputs: [{ name: "amount", type: "uint256" }],
237 |     name: "redeem",
238 |     outputs: [],
239 |     payable: false,
240 |     stateMutability: "nonpayable",
241 |     type: "function",
242 |   },
243 |   {
244 |     constant: true,
245 |     inputs: [
246 |       { name: "_owner", type: "address" },
247 |       { name: "_spender", type: "address" },
248 |     ],
249 |     name: "allowance",
250 |     outputs: [{ name: "remaining", type: "uint256" }],
251 |     payable: false,
252 |     stateMutability: "view",
253 |     type: "function",
254 |   },
255 |   {
256 |     constant: true,
257 |     inputs: [],
258 |     name: "basisPointsRate",
259 |     outputs: [{ name: "", type: "uint256" }],
260 |     payable: false,
261 |     stateMutability: "view",
262 |     type: "function",
263 |   },
264 |   {
265 |     constant: true,
266 |     inputs: [{ name: "", type: "address" }],
267 |     name: "isBlackListed",
268 |     outputs: [{ name: "", type: "bool" }],
269 |     payable: false,
270 |     stateMutability: "view",
271 |     type: "function",
272 |   },
273 |   {
274 |     constant: false,
275 |     inputs: [{ name: "_clearedUser", type: "address" }],
276 |     name: "removeBlackList",
277 |     outputs: [],
278 |     payable: false,
279 |     stateMutability: "nonpayable",
280 |     type: "function",
281 |   },
282 |   {
283 |     constant: true,
284 |     inputs: [],
285 |     name: "MAX_UINT",
286 |     outputs: [{ name: "", type: "uint256" }],
287 |     payable: false,
288 |     stateMutability: "view",
289 |     type: "function",
290 |   },
291 |   {
292 |     constant: false,
293 |     inputs: [{ name: "newOwner", type: "address" }],
294 |     name: "transferOwnership",
295 |     outputs: [],
296 |     payable: false,
297 |     stateMutability: "nonpayable",
298 |     type: "function",
299 |   },
300 |   {
301 |     constant: false,
302 |     inputs: [{ name: "_blackListedUser", type: "address" }],
303 |     name: "destroyBlackFunds",
304 |     outputs: [],
305 |     payable: false,
306 |     stateMutability: "nonpayable",
307 |     type: "function",
308 |   },
309 |   {
310 |     inputs: [
311 |       { name: "_initialSupply", type: "uint256" },
312 |       { name: "_name", type: "string" },
313 |       { name: "_symbol", type: "string" },
314 |       { name: "_decimals", type: "uint256" },
315 |     ],
316 |     payable: false,
317 |     stateMutability: "nonpayable",
318 |     type: "constructor",
319 |   },
320 |   {
321 |     anonymous: false,
322 |     inputs: [{ indexed: false, name: "amount", type: "uint256" }],
323 |     name: "Issue",
324 |     type: "event",
325 |   },
326 |   {
327 |     anonymous: false,
328 |     inputs: [{ indexed: false, name: "amount", type: "uint256" }],
329 |     name: "Redeem",
330 |     type: "event",
331 |   },
332 |   {
333 |     anonymous: false,
334 |     inputs: [{ indexed: false, name: "newAddress", type: "address" }],
335 |     name: "Deprecate",
336 |     type: "event",
337 |   },
338 |   {
339 |     anonymous: false,
340 |     inputs: [
341 |       { indexed: false, name: "feeBasisPoints", type: "uint256" },
342 |       { indexed: false, name: "maxFee", type: "uint256" },
343 |     ],
344 |     name: "Params",
345 |     type: "event",
346 |   },
347 |   {
348 |     anonymous: false,
349 |     inputs: [
350 |       { indexed: false, name: "_blackListedUser", type: "address" },
351 |       { indexed: false, name: "_balance", type: "uint256" },
352 |     ],
353 |     name: "DestroyedBlackFunds",
354 |     type: "event",
355 |   },
356 |   {
357 |     anonymous: false,
358 |     inputs: [{ indexed: false, name: "_user", type: "address" }],
359 |     name: "AddedBlackList",
360 |     type: "event",
361 |   },
362 |   {
363 |     anonymous: false,
364 |     inputs: [{ indexed: false, name: "_user", type: "address" }],
365 |     name: "RemovedBlackList",
366 |     type: "event",
367 |   },
368 |   {
369 |     anonymous: false,
370 |     inputs: [
371 |       { indexed: true, name: "owner", type: "address" },
372 |       { indexed: true, name: "spender", type: "address" },
373 |       { indexed: false, name: "value", type: "uint256" },
374 |     ],
375 |     name: "Approval",
376 |     type: "event",
377 |   },
378 |   {
379 |     anonymous: false,
380 |     inputs: [
381 |       { indexed: true, name: "from", type: "address" },
382 |       { indexed: true, name: "to", type: "address" },
383 |       { indexed: false, name: "value", type: "uint256" },
384 |     ],
385 |     name: "Transfer",
386 |     type: "event",
387 |   },
388 |   { anonymous: false, inputs: [], name: "Pause", type: "event" },
389 |   { anonymous: false, inputs: [], name: "Unpause", type: "event" },
390 | ];
391 | 


--------------------------------------------------------------------------------