Currently walletconnect uses web3-provider-engine that has mixed imports

[ShravanSunder]

need to find a solution for building mixed es6 and commonjs files due to web3-provider-engine.

See:

• talks about issues with vite/webpack5/snowpack: Properly declare "main" and "browser" entrypoints in package.json WalletConnect/walletconnect-monorepo#341
• [portis-web3] Move away from web3-provider-engine portis-project/web-sdk#75
• Snowpack / webpack 5 compatibility aragon/use-wallet#73
• Migrate away from web3-provider-engine WalletConnect/walletconnect-monorepo#310

Notes:

Shravan, [04.10.21 16:42]
looks like the web3-provider-engine is a problem in many places

Shravan, [04.10.21 16:42]
portis-project/web-sdk#75

Shravan, [04.10.21 16:42]
WalletConnect/walletconnect-monorepo#310

Shravan, [04.10.21 16:42]
aragon/use-wallet#73

Shravan, [04.10.21 16:43]
i think it impacts webpack 5 as well. mostly because walletconnect depends on web3-provider-engine and its not maintained

Shravan, [04.10.21 16:46]
i think the solution is to use esm imports for any external providers like wallet connect, portis etc

[ShravanSunder]

see PR #2 for commits