@loopring-web/web3-provider
TypeScript icon, indicating that this package has built-in type declarations

1.4.16 • Public • Published

Loopring-website

Loopring web3-provider

A lite tool to connect web extension & Dapp

Open source and free use

license

type-badge

🚀 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

Help

🔑 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

Readme

Keywords

none

Package Sidebar

Install

npm i @loopring-web/web3-provider

Weekly Downloads

52

Version

1.4.16

License

none

Unpacked Size

469 kB

Total Files

27

Last publish

Collaborators

  • dreday
  • ruby_loopring
  • loopring-dev
  • windatang