Dynamically import hardware wallet dependencies

Author: lnbc1QWFyb24

src/modules/select/wallets/hd-wallet.ts

@@ -1,7 +1,9 @@
 import HDKey from 'hdkey'
-import { publicToAddress, toChecksumAddress } from 'ethereumjs-util'
+import * as ethUtil from 'ethereumjs-util'
 import buffer from 'buffer'
 
+const { publicToAddress, toChecksumAddress } = ethUtil
+
 const numberToGet = 5
 
 export function generateAddresses(

src/modules/select/wallets/ledger.ts

@@ -4,17 +4,8 @@ import {
   Helpers,
   CommonWalletOptions
 } from '../../../interfaces'
-import ledgerIcon from '../wallet-icons/icon-ledger'
-
-import createProvider from './providerEngine'
-import { generateAddresses, isValidPath } from './hd-wallet'
-
-import TransportU2F from '@ledgerhq/hw-transport-u2f'
-import Eth from '@ledgerhq/hw-app-eth'
-import * as EthereumTx from 'ethereumjs-tx'
-import * as ethUtil from 'ethereumjs-util'
 
-import buffer from 'buffer'
+import ledgerIcon from '../wallet-icons/icon-ledger'
 
 const LEDGER_LIVE_PATH = `m/44'/60'`
 const ACCOUNTS_TO_GET = 5
@@ -81,6 +72,16 @@ async function ledgerProvider(options: {
   BigNumber: any
   networkName: (id: number) => string
 }) {
+  console.log('importing hardware libraries')
+  const { default: createProvider } = await import('./providerEngine')
+  const { generateAddresses, isValidPath } = await import('./hd-wallet')
+  const { default: TransportU2F } = await import('@ledgerhq/hw-transport-u2f')
+  const { default: Eth } = await import('@ledgerhq/hw-app-eth')
+
+  const EthereumTx = await import('ethereumjs-tx')
+  const ethUtil = await import('ethereumjs-util')
+  const buffer = await import('buffer')
+
   const { networkId, rpcUrl, LedgerTransport, BigNumber, networkName } = options
 
   let dPath = ''

src/modules/select/wallets/trezor.ts

@@ -9,12 +9,6 @@ import trezorIcon from '../wallet-icons/icon-trezor'
 import createProvider from './providerEngine'
 import { generateAddresses, isValidPath } from './hd-wallet'
 
-import * as TrezorConnectLibrary from 'trezor-connect'
-import * as EthereumTx from 'ethereumjs-tx'
-import * as ethUtil from 'ethereumjs-util'
-
-const { default: TrezorConnect, DEVICE_EVENT, DEVICE } = TrezorConnectLibrary
-
 const TREZOR_DEFAULT_PATH = "m/44'/60'/0'/0"
 
 function trezor(options: TrezorOptions & CommonWalletOptions): WalletModule {
@@ -82,6 +76,12 @@ async function trezorProvider(options: {
   BigNumber: any
   networkName: (id: number) => string
 }) {
+  const TrezorConnectLibrary = await import('trezor-connect')
+  const EthereumTx = await import('ethereumjs-tx')
+  const ethUtil = await import('ethereumjs-util')
+
+  const { default: TrezorConnect, DEVICE_EVENT, DEVICE } = TrezorConnectLibrary
+
   const { networkId, email, appUrl, rpcUrl, BigNumber, networkName } = options
   let dPath: string = ''