Release 2.24.7

.circleci/config.yml

@@ -395,6 +395,12 @@ jobs:
     working_directory: ~/web3-onboard-monorepo/packages/cede-store
     steps:
       - node-build-steps
+  build-arcana-auth:
+    docker:
+      - image: cimg/node:16.13.1
+    working_directory: ~/web3-onboard-monorepo/packages/arcana-auth
+    steps:
+      - node-build-steps
   build-blocto:
     docker:
       - image: cimg/node:16.13.1
@@ -637,6 +643,12 @@ jobs:
     working_directory: ~/web3-onboard-monorepo/packages/cede-store
     steps:
       - node-staging-build-steps
+  build-staging-arcana-auth:
+    docker:
+      - image: cimg/node:16.13.1
+    working_directory: ~/web3-onboard-monorepo/packages/arcana-auth
+    steps:
+      - node-staging-build-steps
   build-staging-blocto:
     docker:
       - image: cimg/node:16.13.1
@@ -881,12 +893,18 @@ workflows:
           <<: *deploy_production_filters
       - build-staging-cede-store:
           <<: *deploy_staging_filters
+  arcana-auth:
+    jobs:
+      - build-arcana-auth:
+          <<: *deploy_production_filters
+      - build-staging-arcana-auth:
+          <<: *deploy_staging_filters
   blocto:
     jobs:
       - build-blocto:
           <<: *deploy_production_filters
       - build-staging-blocto:
-        <<: *deploy_staging_filters
+          <<: *deploy_staging_filters
   venly:
     jobs:
       - build-venly:

README.md

@@ -41,6 +41,12 @@ const onboard = Onboard({
       token: 'ETH',
       label: 'Ethereum Mainnet',
       rpcUrl: MAINNET_RPC_URL
+    },
+    {
+      id: '0x2105',
+      token: 'ETH',
+      label: 'Base',
+      rpcUrl: 'https://mainnet.base.org'
     }
   ]
 })
@@ -87,6 +93,7 @@ For full documentation, check out the README.md for each package or the [docs pa
 
 **SDK Wallets**
 
+- [Arcana](packages/arcana-auth/README.md)
 - [Coinbase](packages/coinbase/README.md)
 - [Trust](packages/trust/README.md)
 - [WalletConnect](packages/walletconnect/README.md)

docs/package.json

@@ -49,10 +49,11 @@
   },
   "type": "module",
   "dependencies": {
+    "@web3-onboard/arcana-auth": "^2.0.0-alpha.1",
     "@web3-onboard/blocto": "^2.0.0",
     "@web3-onboard/cede-store": "^2.1.0-alpha.1",
     "@web3-onboard/coinbase": "^2.2.5-alpha.1",
-    "@web3-onboard/core": "^2.20.5-alpha.1",
+    "@web3-onboard/core": "^2.21.0-alpha.1",
     "@web3-onboard/dcent": "^2.2.7",
     "@web3-onboard/enkrypt": "^2.0.4",
     "@web3-onboard/fortmatic": "^2.0.19",

docs/src/lib/services/onboard.js

@@ -53,12 +53,16 @@ const intiOnboard = async (theme) => {
   const { default: xdefiModule } = await import('@web3-onboard/xdefi')
   const { default: cedeModule } = await import('@web3-onboard/cede-store')
   const { default: frameModule } = await import('@web3-onboard/frame')
+  const { default: arcanaModule } = await import('@web3-onboard/arcana-auth')
   const { default: bloctoModule } = await import('@web3-onboard/blocto')
   const { default: venlyModule } = await import('@web3-onboard/venly')
   const INFURA_ID = '8b60d52405694345a99bcb82e722e0af'
 
   const injected = injectedModule()
   const infinityWallet = infinityWalletModule()
+  const arcanaWallet = arcanaModule({
+    clientID: 'xar_test_c9c3bc702eb13255c58dab0e74cfa859711c13cb'
+  })
   const coinbase = coinbaseModule()
   const dcent = dcentModule()
   const walletConnect = walletConnectModule({
@@ -115,10 +119,11 @@ const intiOnboard = async (theme) => {
   })
 
   return Onboard({
-    connect:  { autoConnectAllPreviousWallet: true },
+    connect: { autoConnectAllPreviousWallet: true },
     wallets: [
       injected,
       walletConnect,
+      arcanaWallet,
       coinbase,
       ledger,
       trezor,
@@ -172,23 +177,23 @@ const intiOnboard = async (theme) => {
         rpcUrl: 'https://rpc.sepolia.org/'
       },
       {
-        id: '0x13881',
+        id: '0x2105',
+        token: 'ETH',
+        label: 'Base',
+        rpcUrl: 'https://mainnet.base.org'
+      },
+      {
+        id: '0x89',
         token: 'MATIC',
-        label: 'Polygon - Mumbai',
-        rpcUrl: 'https://matic-mumbai.chainstacklabs.com'
+        label: 'Polygon',
+        rpcUrl: 'https://matic-mainnet.chainstacklabs.com'
       },
       {
         id: '0x38',
         token: 'BNB',
         label: 'Binance',
         rpcUrl: 'https://bsc-dataseed.binance.org/'
       },
-      {
-        id: '0x89',
-        token: 'MATIC',
-        label: 'Polygon',
-        rpcUrl: 'https://matic-mainnet.chainstacklabs.com'
-      },
       {
         id: '0xfa',
         token: 'FTM',
@@ -206,12 +211,6 @@ const intiOnboard = async (theme) => {
         token: 'ARB-ETH',
         label: 'Arbitrum',
         rpcUrl: 'https://rpc.ankr.com/arbitrum'
-      },
-      {
-        id: 84531,
-        token: 'ETH',
-        label: 'Base Goerli',
-        rpcUrl: 'https://goerli.base.org'
       }
     ],
     appMetadata: {

docs/src/routes/+page.md

@@ -117,6 +117,12 @@ const onboard = Onboard({
       token: 'ETH',
       label: 'Ethereum Mainnet',
       rpcUrl: MAINNET_RPC_URL
+    },
+    {
+      id: '0x2105',
+      token: 'ETH',
+      label: 'Base',
+      rpcUrl: 'https://mainnet.base.org'
     }
   ]
 })

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

@@ -105,6 +105,12 @@ const onboard = Onboard({
       token: 'ETH',
       label: 'Ethereum Mainnet',
       rpcUrl: MAINNET_RPC_URL
+    },
+    {
+      id: '0x2105',
+      token: 'ETH',
+      label: 'Base',
+      rpcUrl: 'https://mainnet.base.org'
     }
   ]
 })
@@ -148,24 +154,25 @@ We recommend you add the [Core Repo](../../modules/core.md#install) and consider
 
 **SDK Wallets**
 
+- [Arcana Auth](../../wallets/arcana.md#install)
+- [Blocto](../../docs/wallets/blocto.md#install)
 - [Coinbase](../../wallets/coinbase.md#install)
-- [WalletConnect](../../wallets/walletconnect.md#install)
+- [Fortmatic](../../wallets/fortmatic.md#install)
+- [Frame](../../wallets/frame.md#install)
 - [Gnosis](../../wallets/gnosis.md#install)
 - [Magic](../../wallets/magic.md#login-options)
-- [Fortmatic](../../wallets/fortmatic.md#install)
 - [MEW](../../wallets/mewwallet.md#install)
 - [Portis](../../wallets/portis.md#install)
 - [Web3Auth](../../wallets/web3auth.md#install)
-- [Frame](../../wallets/frame.md#install)
-- [Blocto](../../docs/wallets/blocto.md#install)
+- [WalletConnect](../../wallets/walletconnect.md#install)
 
 **Hardware Wallets**
 
-- [Ledger](../../wallets/ledger.md#install)
-- [Trezor](../../wallets/trezor.md#install)
+- [D'cent](../../wallets/dcent.md#install)
 - [Keystone](../../wallets/keystone.md#install)
 - [KeepKey](../../wallets/keepkey.md#install)
-- [D'cent](../../wallets/dcent.md#install)
+- [Ledger](../../wallets/ledger.md#install)
+- [Trezor](../../wallets/trezor.md#install)
 
 **Frameworks**
 

docs/src/routes/docs/[...2]getting-started/[...1]installation/+page.md

@@ -66,6 +66,12 @@ const chains = [
     token: 'MATIC',
     label: 'Matic Mainnet',
     rpcUrl: 'https://matic-mainnet.chainstacklabs.com'
+  },
+  {
+    id: '0x2105',
+    token: 'ETH',
+    label: 'Base',
+    rpcUrl: 'https://mainnet.base.org'
   }
 ]
 ```

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

@@ -64,14 +64,14 @@ If you would like to support all wallets, then you can install all of the wallet
 <TabPanel value="yarn">
 
 ```sh copy
-yarn add @web3-onboard/coinbase @web3-onboard/fortmatic @web3-onboard/gnosis @web3-onboard/injected-wallets @web3-onboard/keepkey @web3-onboard/keystone @web3-onboard/ledger @web3-onboard/magic @web3-onboard/portis @web3-onboard/react @web3-onboard/torus @web3-onboard/trezor @web3-onboard/walletconnect @web3-onboard/web3auth @web3-onboard/dcent @web3-onboard/sequence @web3-onboard/enkrypt @web3-onboard/mew-wallet @web3-onboard/uauth @web3-onboard/zeal @web3-onboard/frontier
+yarn add @web3-onboard/coinbase @web3-onboard/fortmatic @web3-onboard/gnosis @web3-onboard/injected-wallets @web3-onboard/arcana-auth @web3-onboard/keepkey @web3-onboard/keystone @web3-onboard/ledger @web3-onboard/magic @web3-onboard/portis @web3-onboard/react @web3-onboard/torus @web3-onboard/trezor @web3-onboard/walletconnect @web3-onboard/web3auth @web3-onboard/dcent @web3-onboard/sequence @web3-onboard/enkrypt @web3-onboard/mew-wallet @web3-onboard/uauth @web3-onboard/zeal @web3-onboard/frontier
 ```
 
   </TabPanel>
   <TabPanel value="npm">
 
 ```sh copy
-npm install @web3-onboard/coinbase @web3-onboard/fortmatic @web3-onboard/gnosis @web3-onboard/injected-wallets @web3-onboard/keepkey @web3-onboard/keystone @web3-onboard/ledger @web3-onboard/magic @web3-onboard/portis @web3-onboard/react @web3-onboard/torus @web3-onboard/trezor @web3-onboard/walletconnect @web3-onboard/web3auth @web3-onboard/dcent @web3-onboard/sequence @web3-onboard/enkrypt @web3-onboard/mew-wallet @web3-onboard/uauth @web3-onboard/zeal @web3-onboard/frontier
+npm install @web3-onboard/coinbase @web3-onboard/fortmatic @web3-onboard/gnosis @web3-onboard/injected-wallets @web3-onboard/arcana-auth @web3-onboard/keepkey @web3-onboard/keystone @web3-onboard/ledger @web3-onboard/magic @web3-onboard/portis @web3-onboard/react @web3-onboard/torus @web3-onboard/trezor @web3-onboard/walletconnect @web3-onboard/web3auth @web3-onboard/dcent @web3-onboard/sequence @web3-onboard/enkrypt @web3-onboard/mew-wallet @web3-onboard/uauth @web3-onboard/zeal @web3-onboard/frontier
 ```
 
   </TabPanel>
@@ -287,7 +287,7 @@ type ConnectModalOptions = {
    */
   removeWhereIsMyWalletWarning?: boolean
   /**
-   * Hide the "I don't have a wallet" link displayed 
+   * Hide the "I don't have a wallet" link displayed
    * on the left panel of the connect modal
    */
   removeIDontHaveAWalletInfoLink?: boolean
@@ -633,18 +633,24 @@ const onboard = Onboard({
       label: 'Sepolia',
       rpcUrl: 'https://rpc.sepolia.org/'
     },
+    {
+      id: '0x89',
+      token: 'MATIC',
+      label: 'Matic',
+      rpcUrl: 'https://matic-mainnet.chainstacklabs.com'
+    },
+    {
+      id: '0x2105',
+      token: 'ETH',
+      label: 'Base',
+      rpcUrl: 'https://mainnet.base.org'
+    },
     {
       id: '0x38',
       token: 'BNB',
       label: 'Binance Smart Chain',
       rpcUrl: 'https://bsc-dataseed.binance.org/'
     },
-    {
-      id: '0x89',
-      token: 'MATIC',
-      label: 'Matic Mainnet',
-      rpcUrl: 'https://matic-mainnet.chainstacklabs.com'
-    },
     {
       id: 10,
       token: 'OETH',
@@ -656,12 +662,6 @@ const onboard = Onboard({
       token: 'ARB-ETH',
       label: 'Arbitrum',
       rpcUrl: 'https://rpc.ankr.com/arbitrum'
-    },
-    {
-      id: 84531,
-      token: 'ETH',
-      label: 'Base Goerli',
-      rpcUrl: 'https://goerli.base.org'
     }
   ],
   appMetadata: {

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

@@ -54,6 +54,12 @@ init({
       token: 'ETH',
       label: 'Ethereum Mainnet',
       rpcUrl
+    },
+    {
+      id: '0x2105',
+      token: 'ETH',
+      label: 'Base',
+      rpcUrl: 'https://mainnet.base.org'
     }
   ]
 })

docs/src/routes/docs/[...3]modules/[...6]vue/+page.md

@@ -43,6 +43,12 @@ const web3Onboard = init({
       token: 'ETH',
       label: 'Ethereum Mainnet',
       rpcUrl
+    },
+    {
+      id: '0x2105',
+      token: 'ETH',
+      label: 'Base',
+      rpcUrl: 'https://mainnet.base.org'
     }
   ]
 })

docs/src/routes/docs/[...4]wallets/[...10]injected/+page.md → docs/src/routes/docs/[...4]wallets/[...11]injected/+page.md

@@ -47,6 +47,12 @@ const onboard = Onboard({
       token: 'ETH',
       label: 'Ethereum Mainnet',
       rpcUrl: MAINNET_RPC_URL
+    },
+    {
+      id: '0x2105',
+      token: 'ETH',
+      label: 'Base',
+      rpcUrl: 'https://mainnet.base.org'
     }
   ],
   appMetadata: {

docs/src/routes/docs/[...4]wallets/[...1]arcana/+page.md

@@ -0,0 +1,59 @@
+---
+title: Arcana Auth
+---
+
+# {$frontmatter.title}
+
+:::admonition type=warning
+To ensure proper functionality of the embedded Arcana wallet in the Arcana Auth SDK, it may be necessary to disable certain other wallets that operate as browser extensions.
+:::
+
+:::admonition type=tip
+To enable the Arcana wallet in Web3 apps, developers must register and configure the authentication providers with the [Arcana Network](https://arcana.network) through the [Arcana Dashboard](https://dashboard.arcana.network) and obtain a unique client ID. Install and integrate the Auth SDK with the app using the registered client ID. Use the built-in plug-and-play login feature or plug in any custom UI to onboard users. Once the users authenticate, the Arcana wallet is accessible in the app's context to sign blockchain transactions and perform other Web3 wallet operations.
+
+For details, see [Quick Start Guide](https://docs.arcana.network/auth-quick-start.html).
+:::
+
+[Web3-Onboard](https://onboard.blocknative.com/) is an open-source, framework-agnostic JavaScript library to onboard users to web3 apps. This package can be used to integrate [Arcana Wallet](https://docs.arcana.network/concepts/anwallet/index.html) support into Web3-Onboard's "Connect Wallet" modal. With this module, the Arcana wallet option will be shown for any app that integrates with the Arcana Auth SDK and uses it to onboard users. There is no need to download any browser extension. For more information on how to use the Arcana Wallet, please refer to the [Arcana Wallet User Guide](https://docs.arcana.network/user-guides/wallet-ui/index.html).
+
+### Install
+
+<Tabs values={['yarn', 'npm']}>
+<TabPanel value="yarn">
+
+```sh copy
+yarn add @web3-onboard/core @web3-onboard/arcana-auth
+```
+
+  </TabPanel>
+  <TabPanel value="npm">
+
+```sh copy
+npm install @web3-onboard/core @web3-onboard/arcana-auth
+```
+
+  </TabPanel>
+</Tabs>
+
+## Usage
+
+```typescript
+import Onboard from '@web3-onboard/core'
+import arcanaAuthModule from '@web3-onboard/arcana-auth'
+
+// initialize the module
+const arcanaAuth = arcanaAuthModule({
+  clientID: '<your client ID>'
+})
+
+const onboard = Onboard({
+  // ... other Onboard options
+  wallets: [
+    arcanaAuth,
+    //... other wallets
+  ]
+})
+
+const connectedWallets = await onboard.connectWallet()
+console.log(connectedWallets)
+```