Web3-provider-test NPM

🚀 Quick Start

// with yarn
yarn install @loopring-web/web3-provider

🛒 Support Provider

Metamask
WallectConnet
Coinbase
GameStop Wallet

🪧Demo

Configuration

env.product

React .env.${DOMAIN}

# Get your projectId at https://cloud.walletconnect.com
REACT_APP_WALLET_CONNECT_V2_ID=""
REACT_APP_RPC_URL_1=https://mainnet.eth.loopring.io
REACT_APP_RPC_URL_5=https://goerli.infura.io/v3/b951a403f3d3426fb2008c6923254dbc
#self-rely
#REACT_APP_WALLET_CONNECT_WSS_BRIDGE
#REACT_APP_WALLET_CONNECT_PING
#legacy walletConnect V1
#REACT_APP_WALLET_CONNECT_BRIDGE=https://wcbridge.loopring.io
#REACT_APP_WALLET_CONNECT_PING=https://wcbridge.loopring.io/hello

Vue .env.${DOMAIN}

# Get your projectId at https://cloud.walletconnect.com
VUE_APP_WALLET_CONNECT_V2_ID=""
VUE_APP_RPC_URL_1=https://mainnet.eth.loopring.io
VUE_APP_RPC_URL_5=https://goerli.infura.io/v3/b951a403f3d3426fb2008c6923254dbc
#self-rely
#VUE_APP_WALLET_CONNECT_WSS_BRIDGE
#VUE_APP_WALLET_CONNECT_PING
#legacy walletConnect V1
#VUE_APP_WALLET_CONNECT_BRIDGE=https://wcbridge.loopring.io
#VUE_APP_WALLET_CONNECT_PING=https://wcbridge.loopring.io/hello

 /*DEFAULET is "REACT_APP_" */
ConnectProvides.APP_FRAEWORK = "VUE_APP_";

Network extension

# ${APP_FRAEWORK}RPC_URL_OTHERS
REACT_APP_RPC_OTHERS=${NETWORK_ID1},${NETWORK_ID2}
REACT_APP_RPC_URL_${NETWORK_ID1}=https://xxxx
REACT_APP_RPC_URL_${NETWORK_ID2}=https://xxxx
REACT_APP_RPC_CHAINNAME_${NETWORK_ID1}=xxxx
REACT_APP_RPC_CHAINNAME_${NETWORK_ID2}=xxxx
REACT_APP_WALLET_CONNECT_WSS_BRIDGE
REACT_APP_WALLET_CONNECT_PING
...

webpack

// babelLoader.include = [
//     babelLoader.include,
//     path.resolve(__dirname, "../../node_modules/@walletconnect"),
//     path.resolve(__dirname, "../../node_modules/@web3modal"),
// ];
config.module.rules = [
  ...
    {
      test: /\.(js|mjs|jsx|ts|tsx)$/,
      include: [
        ...
          // add node_modules/@walletconnect and node_modules/@web3modal to babelLoader rules  
          path.resolve(__dirname, "../../node_modules/@walletconnect"),
        path.resolve(__dirname, "../../node_modules/@web3modal"),
      ],
      ...
    },
  ...
]

🫂 Community

👺 For Developer

We appreciate any improvements or initiatives for Loopring Layer2 website, please view the source code in ./packages/component-lib.
The project contains a separate lib "web3-provider", which is a third-party ETH web3 wallet provider service (wallectConnect & metamask),
You are welcome to reuse it or integrate your provider service with our website.
Feel free to leave suggestions or ideas.

📒 API & SDK

🙋 Protocol & Architecture

🔑 Security

Release Process

alpha.loopring.io, beta.loopring.io, static.loopring.io, and loopring.io are now auto deployed using Vercel.

Error Code

700002: Global ethereum is not Coinbase, Please disable other Wallet Plugin 700003: Unknown 700004: User not installed GameStop extension 700202: wallet switch Ethereum Chain is not allowed 700201: user manually closed walletConnect modal, Connection request reset. Please try again