Release 2.28.0 (docs)

README.md

@@ -106,38 +106,38 @@ For full documentation, check out the README.md for each package or the [docs pa
 **SDK Wallets**
 
 - [Arcana](packages/arcana-auth/README.md)
+- [Bitget](packages/bitget/README.md)
+- [Blocto](packages/blocto/README.md)
+- [Capsule](packages/capsule/README.md)
 - [Coinbase](packages/coinbase/README.md)
-- [Trust](packages/trust/README.md)
-- [OKX](packages/okx/README.md)
-- [WalletConnect](packages/walletconnect/README.md)
-- [Safe](packages/gnosis/README.md)
-- [Magic](packages/magic/README.md)
+- [Enkrypt](packages/enkrypt/README.md)
+- [FinoaConnect](packages/finoaconnect/README.md)
 - [Fortmatic](packages/fortmatic/README.md)
-- [Portis](packages/portis/README.md)
+- [Frame](packages/frame/README.md)
+- [Frontier](packages/frontier/README.md)
+- [Infinity Wallet](packages/infinity-wallet/README.md)
+- [Magic](packages/magic/README.md)
+- [MetaMask](packages/metamask/README.md)
 - [MEW-Wallet](packages/mew-wallet/README.md)
-- [Web3Auth](packages/web3auth/README.md)
-- [Capsule](packages/capsule/README.md)
+- [OKX](packages/okx/README.md)
+- [Particle Network](packages/particle-network/README.md)
+- [Portis](packages/portis/README.md)
+- [Safe](packages/gnosis/README.md)
 - [Sequence](packages/sequence/README.md)
 - [Taho (previously Tally Ho)](packages/tallyho/README.md)
-- [Enkrypt](packages/enkrypt/README.md)
+- [Trust](packages/trust/README.md)
 - [Unstoppable Domains](packages/uauth/README.md)
-- [Frontier](packages/frontier/README.md)
+- [WalletConnect](packages/walletconnect/README.md)
+- [Web3Auth](packages/web3auth/README.md)
 - [XDEFI](packages/xdefi/README.md)
-- [Infinity Wallet](packages/infinity-wallet/README.md)
-- [Frame](packages/frame/README.md)
-- [Blocto](packages/blocto/README.md)
-- [Particle Network](packages/particle-network/README.md)
-- [MetaMask](packages/metamask/README.md)
-- [Bitget](packages/bitget/README.md)
-- [FinoaConnect](packages/finoaconnect/README.md)
 
 **Hardware Wallets**
 
+- [D'CENT](packages/dcent/README.md)
+- [KeepKey](packages/keepkey/README.md)
+- [Keystone](packages/keystone/README.md)
 - [Ledger](packages/ledger/README.md)
 - [Trezor](packages/trezor/README.md)
-- [Keystone](packages/keystone/README.md)
-- [KeepKey](packages/keepkey/README.md)
-- [D'CENT](packages/dcent/README.md)
 
 **Frameworks**
 

docs/package.json

@@ -57,7 +57,7 @@
     "@web3-onboard/capsule": "^2.3.0",
     "@web3-onboard/cede-store": "^2.3.1",
     "@web3-onboard/coinbase": "^2.3.1",
-    "@web3-onboard/core": "^2.22.1",
+    "@web3-onboard/core": "^2.22.3-alpha.2",
     "@web3-onboard/dcent": "^2.2.8",
     "@web3-onboard/enkrypt": "^2.1.1",
     "@web3-onboard/finoaconnect": "^2.0.0",

docs/src/lib/services/onboard.js

@@ -1,7 +1,7 @@
 import blocknativeIcon from '../components/icons/blocknative-icon'
 
 let onboard
-const getOnboard = async (passedTheme) => {
+const getOnboard = async passedTheme => {
   const key = 'svelteness::color-scheme'
   const scheme = localStorage[key]
   let theme = passedTheme || scheme
@@ -10,8 +10,8 @@ const getOnboard = async (passedTheme) => {
   return onboard
 }
 
-const classMutationsCheck = (mutationsList) => {
-  mutationsList.forEach((mutation) => {
+const classMutationsCheck = mutationsList => {
+  mutationsList.forEach(mutation => {
     if (onboard && mutation.attributeName === 'class') {
       if (mutation.target.className.includes('dark')) {
         onboard.state.actions.updateTheme('dark')
@@ -28,7 +28,7 @@ const classMutationListener = () => {
   mutationObserver.observe(document.querySelector('html'), { attributes: true })
 }
 
-const intiOnboard = async (theme) => {
+const intiOnboard = async theme => {
   const { default: Onboard } = await import('@web3-onboard/core')
   const { default: injectedModule } = await import('@web3-onboard/injected-wallets')
   const { default: trezorModule } = await import('@web3-onboard/trezor')
@@ -114,8 +114,8 @@ const intiOnboard = async (theme) => {
   }
   const trezor = trezorModule(trezorOptions)
 
-  const finoaConnectOptions = {};
-  const finoaconnect = finoaConnectModule(finoaConnectOptions);
+  const finoaConnectOptions = {}
+  const finoaconnect = finoaConnectModule(finoaConnectOptions)
 
   const uauthOptions = {
     clientID: 'a25c3a65-a1f2-46cc-a515-a46fe7acb78c',
@@ -139,7 +139,7 @@ const intiOnboard = async (theme) => {
 
   const capsule = capsuleModule({
     environment: Environment.DEVELOPMENT,
-    apiKey: '992bbd9146d5de8ad0419f141d9a7ca7' 
+    apiKey: '992bbd9146d5de8ad0419f141d9a7ca7'
   })
 
   const particle = particleAuthModule({
@@ -253,6 +253,12 @@ const intiOnboard = async (theme) => {
         token: 'DEGEN',
         label: 'Degen',
         rpcUrl: 'https://rpc.degen.tips'
+      },
+      {
+        id: 2192,
+        token: 'SNAXETH',
+        label: 'SNAX Chain',
+        rpcUrl: 'https://mainnet.snaxchain.io'
       }
     ],
     appMetadata: {

docs/src/routes/docs/[...1]overview/[...1]introduction/+page.md

@@ -46,6 +46,7 @@ Web3 Onboard supports all EVM networks. Supporting a new network is simply a mat
 - BNB Chain
 - Celo
 - Degen
+- SNAX
 - Fantom
 - Gnosis Chain
 - Harmony One
@@ -140,6 +141,12 @@ const onboard = Onboard({
       token: 'DEGEN',
       label: 'Degen',
       rpcUrl: 'https://rpc.degen.tips'
+    },
+    {
+      id: 2192,
+      token: 'SNAXETH',
+      label: 'SNAX Chain',
+      rpcUrl: 'https://mainnet.snaxchain.io'
     }
   ]
 })

docs/src/routes/docs/[...3]modules/[...1]core/+page.md

@@ -735,6 +735,12 @@ const onboard = Onboard({
       token: 'DEGEN',
       label: 'Degen',
       rpcUrl: 'https://rpc.degen.tips'
+    },
+    {
+      id: 2192,
+      token: 'SNAXETH',
+      label: 'SNAX Chain',
+      rpcUrl: 'https://mainnet.snaxchain.io'
     }
   ],
   appMetadata: {

docs/src/routes/examples/[...1]connect-wallet/+page.md

@@ -170,6 +170,12 @@ const chains = [
     token: 'DEGEN',
     label: 'Degen',
     rpcUrl: 'https://rpc.degen.tips'
+  },
+  {
+    id: 2192,
+    token: 'SNAX',
+    label: 'SNAX Chain',
+    rpcUrl: 'https://mainnet.snaxchain.io'
   }
 ]
 
@@ -441,6 +447,12 @@ const chains = [
     token: 'DEGEN',
     label: 'Degen',
     rpcUrl: 'https://rpc.degen.tips'
+  },
+  {
+    id: 2192,
+    token: 'SNAXETH',
+    label: 'SNAX Chain',
+    rpcUrl: 'https://mainnet.snaxchain.io'
   }
 ]
 

examples/with-sveltekit/package.json

@@ -35,7 +35,7 @@
     "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
     "@fontsource/fira-mono": "^4.5.10",
     "@rollup/plugin-commonjs": "^25.0.7",
-    "@web3-onboard/core": "^2.21.4",
+    "@web3-onboard/core": "^2.22.3",
     "@web3-onboard/injected-wallets": "^2.8.5",
     "@web3-onboard/walletconnect": "^2.3.6",
     "assert": "^2.1.0",

examples/with-vanilla-js/package.json

@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@web3-onboard/coinbase": "^2.2.2",
-    "@web3-onboard/core": "^2.21.0",
+    "@web3-onboard/core": "^2.22.3",
     "@web3-onboard/injected-wallets": "^2.8.4",
     "@web3-onboard/walletconnect": "^2.3.5"
   }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "web3-onboard-monorepo",
-  "version": "2.27.0",
+  "version": "2.28.0",
   "private": true,
   "workspaces": {
     "packages": [

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/core",
-  "version": "2.22.2",
+  "version": "2.22.3",
   "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",

packages/core/src/icons/index.ts

@@ -24,3 +24,4 @@ export { default as warningIcon } from './warning.js'
 export { default as successIcon } from './success.js'
 export { default as pendingIcon } from './pending.js'
 export { default as degenIcon } from './degen.js'
+export { default as snaxIcon } from './snax.js'

packages/core/src/icons/snax.ts

@@ -0,0 +1,6 @@
+export default `<svg width="178" height="177" viewBox="0 0 178 177" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="89.0198" cy="88.4095" r="88.305" fill="#06061B"/>
+<path d="M68.0815 75.158C67.5149 74.5153 66.8174 74.1932 65.9874 74.1932H49.0126C48.8618 74.1932 48.7384 74.1459 48.6455 74.0512C48.5511 73.9581 48.5039 73.8528 48.5039 73.7398V62.3958C48.5039 62.2828 48.5511 62.179 48.6455 62.0844C48.7384 61.9897 48.8618 61.9424 49.0126 61.9424H66.9499C71.4761 61.9424 75.381 63.7773 78.6629 67.4442L83.0201 72.7185L74.5327 82.9848L68.0815 75.158ZM99.4299 67.3877C102.712 63.7575 106.635 61.9424 111.199 61.9424H129.08C129.231 61.9424 129.344 61.9805 129.42 62.0553C129.495 62.1317 129.533 62.2446 129.533 62.3958V73.7398C129.533 73.8528 129.495 73.9581 129.42 74.0512C129.344 74.1459 129.231 74.1932 129.08 74.1932H112.105C111.275 74.1932 110.578 74.5153 110.011 75.158L97.5064 90.2452L110.068 105.445C110.634 106.051 111.312 106.354 112.105 106.354H129.08C129.231 106.354 129.344 106.401 129.42 106.496C129.495 106.59 129.533 106.714 129.533 106.864V118.208C129.533 118.321 129.495 118.426 129.42 118.519C129.344 118.614 129.231 118.661 129.08 118.661H111.199C106.635 118.661 102.73 116.828 99.4863 113.159L89.0754 100.568L78.6629 113.159C75.381 116.828 71.4578 118.661 66.8936 118.661H49.0126C48.8618 118.661 48.7476 118.614 48.673 118.519C48.5968 118.424 48.5603 118.302 48.5603 118.15V106.806C48.5603 106.693 48.5968 106.589 48.673 106.494C48.7476 106.399 48.8618 106.352 49.0126 106.352H65.9874C66.7793 106.352 67.4768 106.032 68.0815 105.387L80.3595 90.5276L99.4299 67.3877Z" fill="#00D1FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.62306 101.122C1.02459 96.9706 0.714844 92.7262 0.714844 88.4095C0.714844 85.5803 0.84789 82.7823 1.10807 80.0212L11.5198 67.3877C14.8017 63.7575 18.7248 61.9424 23.2891 61.9424H41.1701C41.3209 61.9424 41.4336 61.9805 41.5097 62.0553C41.5844 62.1317 41.6224 62.2446 41.6224 62.3958V73.7398C41.6224 73.8528 41.5844 73.9581 41.5097 74.0512C41.4336 74.1459 41.3209 74.1932 41.1701 74.1932H24.1953C23.3653 74.1932 22.6678 74.5153 22.1012 75.158L9.59627 90.2452L22.1576 105.445C22.7241 106.051 23.4018 106.354 24.1953 106.354H41.1701C41.3209 106.354 41.4336 106.401 41.5097 106.496C41.5844 106.59 41.6224 106.714 41.6224 106.864V118.208C41.6224 118.321 41.5844 118.426 41.5097 118.519C41.4336 118.614 41.3209 118.661 41.1701 118.661H23.2891C18.7248 118.661 14.82 116.828 11.5761 113.159L1.62306 101.122Z" fill="#00D1FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M176.393 101.284C177.007 97.0816 177.325 92.7827 177.325 88.4095C177.325 85.5791 177.192 82.7799 176.931 80.0176L168.27 90.5276L155.992 105.387C155.387 106.032 154.689 106.352 153.898 106.352H136.923C136.772 106.352 136.658 106.399 136.583 106.494C136.507 106.589 136.47 106.693 136.47 106.806V118.15C136.47 118.302 136.507 118.424 136.583 118.519C136.658 118.614 136.772 118.661 136.923 118.661H154.804C159.368 118.661 163.291 116.828 166.573 113.159L176.393 101.284ZM153.898 74.1932C154.728 74.1932 155.425 74.5153 155.992 75.158L162.443 82.9848L170.93 72.7185L166.573 67.4442C163.291 63.7773 159.386 61.9424 154.86 61.9424H136.923C136.772 61.9424 136.649 61.9897 136.556 62.0844C136.461 62.179 136.414 62.2828 136.414 62.3958V73.7398C136.414 73.8528 136.461 73.9581 136.556 74.0512C136.649 74.1459 136.772 74.1932 136.923 74.1932H153.898Z" fill="#00D1FF"/>
+</svg>`

packages/core/src/provider.ts

@@ -502,7 +502,7 @@ export function addNewChain(
         rpcUrls: [chain.publicRpcUrl || chain.rpcUrl],
         blockExplorerUrls: chain.blockExplorerUrl
           ? [chain.blockExplorerUrl]
-          : undefined
+          : null
       }
     ]
   })

packages/core/src/utils.ts

@@ -30,7 +30,8 @@ import {
   harmonyOneIcon,
   arbitrumIcon,
   baseIcon,
-  degenIcon
+  degenIcon,
+  snaxIcon
 } from './icons/index.js'
 
 import type { ChainStyle, ConnectedChain, NotifyEventStyles } from './types.js'
@@ -113,7 +114,8 @@ export const chainIdToLabel: Record<string, string> = {
   '0x63564C40': 'Harmony One',
   '0xa4b1': 'Arbitrum One',
   '0xa4ba': 'Arbitrum Nova',
-  '0x27bc86aa': 'Degen'
+  '0x27bc86aa': 'Degen',
+  '0x890': 'SNAX'
 }
 
 export function validEnsChain(chainId: ChainId): string | null {
@@ -163,7 +165,8 @@ export const networkToChainId: Record<string, ChainId> = {
   'matic-main': '0x89',
   'fantom-main': '0xfa',
   'matic-mumbai': '0x80001',
-  degen: '0x27bc86aa'
+  degen: '0x27bc86aa',
+  SNAX: '0x890'
 }
 
 export const chainStyles: Record<string, ChainStyle> = {
@@ -234,6 +237,10 @@ export const chainStyles: Record<string, ChainStyle> = {
   '0x27bc86aa': {
     icon: degenIcon,
     color: '#a36dfe'
+  },
+  '0x890': {
+    icon: snaxIcon,
+    color: '#00D1FF'
   }
 }
 

packages/core/src/views/chain/SwitchChain.svelte

@@ -4,6 +4,8 @@
   import en from '../../i18n/en.json'
   import CloseButton from '../shared/CloseButton.svelte'
   import Modal from '../shared/Modal.svelte'
+  import { state } from '../../store/index.js'
+  import { shareReplay, startWith } from 'rxjs/operators'
 
   const nextNetworkName = $switchChainModal$.chain.label
 

packages/demo/package.json

@@ -19,7 +19,7 @@
     "svelte": "^3.49.0",
     "svelte-loader": "^3.0.0",
     "util": "^0.12.4",
-    "webpack": "^5.76.0",
+    "webpack": "^5.94.0",
     "webpack-cli": "^4.4.0",
     "webpack-dev-server": "4.7.4"
   },
@@ -34,7 +34,7 @@
     "@web3-onboard/bloom": "2.0.0",
     "@web3-onboard/capsule": "^2.3.0",
     "@web3-onboard/cede-store": "^2.3.1",
-    "@web3-onboard/core": "2.22.2",
+    "@web3-onboard/core": "2.22.3",
     "@web3-onboard/coinbase": "^2.4.1",
     "@web3-onboard/dcent": "^2.2.7",
     "@web3-onboard/enkrypt": "^2.1.1",