Fix: Add extension to relative imports (#1227)

* Add js extension to relative imports

* Increment package versions

Author: lnbc1QWFyb24

packages/coinbase/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/coinbase",
-  "version": "2.1.0",
+  "version": "2.1.1-alpha.1",
   "description": "Coinbase SDK wallet module for connecting to Web3-Onboard. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised spec compliant web3 providers for all supported wallets, framework agnostic modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
   "keywords": [
     "Ethereum",
@@ -59,6 +59,6 @@
   },
   "dependencies": {
     "@coinbase/wallet-sdk": "^3.0.5",
-    "@web3-onboard/common": "^2.2.0"
+    "@web3-onboard/common": "^2.2.1-alpha.1"
   }
 }

packages/common/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/common",
-  "version": "2.2.0",
+  "version": "2.2.1-alpha.1",
   "description": "Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised spec compliant web3 providers for all supported wallets, framework agnostic modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
   "keywords": [
     "Ethereum",

packages/common/src/eip-1193.ts

@@ -4,8 +4,8 @@ import type {
   ChainId,
   EIP1193Provider,
   ProviderAccounts
-} from './types'
-import { ProviderRpcError } from './errors'
+} from './types.js'
+import { ProviderRpcError } from './errors.js'
 
 /**
  * Takes a provider instance along with events

packages/common/src/errors.ts

@@ -1,4 +1,4 @@
-import type { ProviderRpcErrorCode } from './types'
+import type { ProviderRpcErrorCode } from './types.js'
 
 export class ProviderRpcError extends Error {
   message: string

packages/common/src/index.ts

@@ -1,7 +1,7 @@
-export { ProviderRpcError } from './errors'
-export { createEIP1193Provider } from './eip-1193'
-export { SofiaProLight, SofiaProRegular, SofiaProSemiBold } from './fonts'
-export { weiToEth } from './utils'
+export { ProviderRpcError } from './errors.js'
+export { createEIP1193Provider } from './eip-1193.js'
+export { SofiaProLight, SofiaProRegular, SofiaProSemiBold } from './fonts.js'
+export { weiToEth } from './utils.js'
 
-export * from './types'
-export * from './validation'
+export * from './types.js'
+export * from './validation.js'

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/core",
-  "version": "2.8.0",
+  "version": "2.8.1-alpha.1",
   "description": "Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardized spec compliant web3 providers for all supported wallets, framework agnostic modern javascript UI with code splitting, CSS customization, multi-chain and multi-account support, reactive wallet state subscriptions and real-time transaction state change notifications.",
   "keywords": [
     "Ethereum",
@@ -82,7 +82,7 @@
     "typescript": "^4.5.5"
   },
   "dependencies": {
-    "@web3-onboard/common": "^2.2.0",
+    "@web3-onboard/common": "^2.2.1-alpha.1",
     "bignumber.js": "^9.0.0",
     "bnc-sdk": "^4.4.1",
     "bowser": "^2.11.0",

packages/core/src/chain.ts

@@ -1,12 +1,12 @@
 import { firstValueFrom } from 'rxjs'
 import { filter, map } from 'rxjs/operators'
 import { ProviderRpcErrorCode } from '@web3-onboard/common'
-import { addNewChain, switchChain } from './provider'
-import { state } from './store'
-import { switchChainModal$ } from './streams'
-import { validateSetChainOptions } from './validation'
-import type { WalletState } from './types'
-import { toHexString } from './utils'
+import { addNewChain, switchChain } from './provider.js'
+import { state } from './store/index.js'
+import { switchChainModal$ } from './streams.js'
+import { validateSetChainOptions } from './validation.js'
+import type { WalletState } from './types.js'
+import { toHexString } from './utils.js'
 
 async function setChain(options: {
   chainId: string | number

packages/core/src/configuration.ts

@@ -1,5 +1,5 @@
-import type { Configuration } from './types'
-import { getDevice } from './utils'
+import type { Configuration } from './types.js'
+import { getDevice } from './utils.js'
 
 export let configuration: Configuration = {
   svelteInstance: null,

packages/core/src/connect.ts

@@ -1,12 +1,16 @@
 import { firstValueFrom } from 'rxjs'
 import { filter, withLatestFrom, pluck } from 'rxjs/operators'
-import { configuration } from './configuration'
-import { state } from './store'
-import { setWalletModules } from './store/actions'
-import { connectWallet$, wallets$ } from './streams'
-import type { ConnectOptions, ConnectOptionsString, WalletState } from './types'
-import { wait } from './utils'
-import { validateConnectOptions } from './validation'
+import { configuration } from './configuration.js'
+import { state } from './store/index.js'
+import { setWalletModules } from './store/actions.js'
+import { connectWallet$, wallets$ } from './streams.js'
+import type {
+  ConnectOptions,
+  ConnectOptionsString,
+  WalletState
+} from './types.js'
+import { wait } from './utils.js'
+import { validateConnectOptions } from './validation.js'
 
 async function connect(
   options?: ConnectOptions | ConnectOptionsString
@@ -25,8 +29,8 @@ async function connect(
   if (!chains.length)
     throw new Error(
       'At least one chain must be set before attempting to connect a wallet'
-  )
-  
+    )
+
   const { autoSelect } = options || {
     autoSelect: { label: '', disableModals: false }
   }

packages/core/src/constants.ts

@@ -1,5 +1,5 @@
-import { configuration } from './configuration'
-import type { AppState } from './types'
+import { configuration } from './configuration.js'
+import type { AppState } from './types.js'
 
 export const APP_INITIAL_STATE: AppState = {
   wallets: [],
@@ -25,7 +25,7 @@ export const APP_INITIAL_STATE: AppState = {
   },
   notifications: [],
   locale: '',
-  connect : {
+  connect: {
     showSidebar: true
   }
 }