@loopring-web/web3-provider

Loopring web3-provider

A lite tool to connect web extension & Dapp

Open source and free use

🚀 Quick Start

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

🛒 Support Provider

• Metamask
• WallectConnet
• Coinbase
• GameStop Wallet

🪧Demo

• Vue
• React

Configuration

env.product

• React .env.${DOMAIN}

REACT_APP_RPC_URL_1=https://mainnet.eth.loopring.io
REACT_APP_RPC_URL_5=https://goerli.infura.io/v3/b951a403f3d3426fb2008c6923254dbc
REACT_APP_WALLET_CONNECT_BRIDGE=https://wcbridge.loopring.io
REACT_APP_WALLET_CONNECT_PING=https://wcbridge.loopring.io/hello

• Vue .env.${DOMAIN}

VUE_APP_RPC_URL_1=https://mainnet.eth.loopring.io
VUE_APP_RPC_URL_5=https://goerli.infura.io/v3/b951a403f3d3426fb2008c6923254dbc
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
...

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"),
      ],
      ...
    },
  ...
]

👉 What is Loopring?

🫂 Community

• Loopring Website
• Loopring Exchange
• Loopring Reddit
• Loopring Medium
• Loopring Twitter
• Loopring Telegram

👺 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

• JS SDK
• Python
• APIs

🙋 Protocol & Architecture

• Whitepaper
• Design Docs

❓Help

🔑 Security

• Wallet
• Protocol Audit

Release Process

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