Module exports { default, __esModule }

[hazae41]

When importing the default export from WalletConnect

import WalletConnect from "https://esm.sh/@walletconnect/web3-provider"

console.log(WalletConnect)

Which is a class in my editor

However, when deploying (aleph dev) I get the following object instead

[shadowtime2000]

I think this is kind of expected behaviour, has something to do with the conversion of CJS -> ES though I think this is based on the build system of WalletConnect instead of on ESM's side

[hazae41]

Thanks, any idea how I can reconcile my editor and the browser?

[hazae41]

I did this workaround

import WalletConnectModule from "https://cdn.esm.sh/v15/@walletconnect/web3-provider@1.3.4/esnext/web3-provider.js"
import WalletConnectProvider from "https://cdn.esm.sh/v15/@walletconnect/web3-provider@1.3.4/dist/cjs/index.d.ts"

const WalletConnect: typeof WalletConnectProvider = WalletConnectModule.default

[shadowtime2000]

Yup, it has to do with the fact that WalletConnect isn't shipping ES modules and instead they are using Webpack + TS to convert their ES source code into CJS which is published. This causes export default to be transformed to exports.default which isn't actually a proper conversion though. @hazae41 I'd recommend you open an issue on their repo.

[hazae41]

Okay thanks