Merge in latest develop

Author: Adamj1232

.circleci/config.yml

@@ -438,7 +438,7 @@ jobs:
       - node-build-steps
   build-capsule:
     docker:
-      - image: cimg/node:16.14.2
+      - image: cimg/node:18.18.2
     working_directory: ~/web3-onboard-monorepo/packages/capsule
     steps:
       - node-build-steps
@@ -722,7 +722,7 @@ jobs:
       - node-staging-build-steps
   build-staging-capsule:
     docker:
-      - image: cimg/node:16.14.2
+      - image: cimg/node:18.18.2
     working_directory: ~/web3-onboard-monorepo/packages/capsule
     steps:
       - node-staging-build-steps

docs/package.json

@@ -55,24 +55,24 @@
     "@web3-onboard/arcana-auth": "^2.0.0",
     "@web3-onboard/bitget": "^2.0.0",
     "@web3-onboard/blocto": "^2.0.0",
-    "@web3-onboard/capsule": "^2.0.1",
+    "@web3-onboard/capsule": "^2.0.2",
     "@web3-onboard/cede-store": "^2.2.0",
     "@web3-onboard/coinbase": "^2.2.7",
-    "@web3-onboard/core": "^2.21.6-alpha.1",
+    "@web3-onboard/core": "^2.21.6",
     "@web3-onboard/dcent": "^2.2.7",
     "@web3-onboard/enkrypt": "^2.0.4",
     "@web3-onboard/fortmatic": "^2.0.19",
     "@web3-onboard/frame": "^2.0.2",
     "@web3-onboard/frontier": "^2.0.4",
     "@web3-onboard/gas": "^2.1.8",
-    "@web3-onboard/gnosis": "^2.1.10",
+    "@web3-onboard/gnosis": "^2.2.2",
     "@web3-onboard/infinity-wallet": "^2.0.4",
-    "@web3-onboard/injected-wallets": "^2.10.16-alpha.1",
+    "@web3-onboard/injected-wallets": "^2.10.16",
     "@web3-onboard/keepkey": "^2.3.7",
     "@web3-onboard/keystone": "^2.3.7",
     "@web3-onboard/ledger": "^2.6.0",
     "@web3-onboard/magic": "^2.1.7",
-    "@web3-onboard/metamask": "^2.0.5-alpha.1",
+    "@web3-onboard/metamask": "^2.0.7-alpha.1",
     "@web3-onboard/mew-wallet": "^2.0.4",
     "@web3-onboard/phantom": "^2.0.3",
     "@web3-onboard/portis": "^2.1.7",
@@ -84,11 +84,11 @@
     "@web3-onboard/trust": "^2.0.4",
     "@web3-onboard/uauth": "^2.1.1",
     "@web3-onboard/venly": "^2.0.0",
-    "@web3-onboard/walletconnect": "^2.5.4",
+    "@web3-onboard/walletconnect": "^2.5.5",
     "@web3-onboard/web3auth": "^2.2.3",
     "@web3-onboard/xdefi": "^2.0.4",
     "@web3-onboard/zeal": "^2.0.4",
-    "@web3-onboard/particle-network": "^2.0.1-alpha.5",
+    "@web3-onboard/particle-network": "^2.0.1",
     "animejs": "^3.2.1",
     "bnc-sdk": "^4.6.6",
     "ethers": "^5.7.0",

docs/src/lib/components/FeaturesSection.svelte

@@ -48,11 +48,11 @@
       />
       <FeatureCard
         title={'Dynamic Imports'}
-        text={"Supporting multiple wallets in your app requires a lot of dependencies. Onboard dynamically imports a wallet and it's dependencies only when the user selects it, so that minimal bandwidth is used."}
+        text={"Supporting multiple wallets in your app requires a lot of dependencies. Web3 Onboard dynamically imports a wallet and it's dependencies only when the user selects it, so that minimal bandwidth is used."}
       />
       <FeatureCard
         title={'Wallet Provider Standardization'}
-        text={'All wallet modules expose a provider that is patched to be compliant with the EIP-1193, EIP-1102, EIP-3085 and EIP-3326 specifications.'}
+        text={'All wallet modules expose a provider that is patched to be compliant with the EIP-1193, EIP-1102, EIP-3085, EIP-3326, and EIP-6963 specifications.'}
       />
       <FeatureCard
         title={'Multiple Chain Support'}

docs/src/lib/components/SEO/Twitter.svelte

@@ -6,10 +6,10 @@
 </script>
 
 <svelte:head>
-  <meta property="twitter:card" content="summary_large_image" />
-  <meta property="twitter:title" content={pageTitle} />
-  <meta property="twitter:description" content={metadescription} />
-  <meta property="twitter:url" content={url} />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content={pageTitle} />
+  <meta name="twitter:description" content={metadescription} />
+  <meta name="twitter:url" content={url} />
   {#if image}
     <meta name="twitter:image" content={image.url} />
     <meta name="twitter:image:alt" content={image.alt} />

docs/src/lib/components/SEO/index.svelte

@@ -1,14 +1,13 @@
 <script>
   import OpenGraph from './OpenGraph.svelte'
   import Twitter from './Twitter.svelte'
-  import MetaImage from '$lib/assets/blocknative-onboard-og-image.png'
 
   export let metadescription
   export let title
   export let url
 
   export let image = {
-    url: MetaImage,
+    url: 'https://onboard.blocknative.com/blocknative-onboard-og-image.png',
     alt: 'Web3-Onboard Connect Wallet Button'
   }
 

docs/src/lib/services/onboard.js

@@ -194,12 +194,6 @@ const intiOnboard = async (theme) => {
           }
         ]
       },
-      {
-        id: '0x5',
-        token: 'ETH',
-        label: 'Goerli',
-        rpcUrl: `https://goerli.infura.io/v3/${INFURA_ID}`
-      },
       {
         id: 11155111,
         token: 'ETH',

docs/src/routes/+page.md

@@ -90,7 +90,7 @@ yarn add @web3-onboard/core @web3-onboard/injected-wallets @web3-onboard/transac
 
 ## Installation
 
-Install the core Onboard library and the injected wallets module to support browser extension and mobile wallets:
+Install the core Web3 Onboard library and the injected wallets module to support browser extension and mobile wallets:
 
 ```bash copy
 npm i @web3-onboard/core @web3-onboard/injected-wallets

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

@@ -12,7 +12,7 @@ The best way to connect a wallet 🚀
 
 <img src="{walletModal}" alt="Web3-Onboard connect wallet modal"/>
 
-Web3-Onboard is the quickest and easiest way to add multi-wallet and multi-chain support to your project. With built-in modules for more than 35 unique hardware and software wallets, Web3-Onboard saves you time and headaches.
+Web3 Onboard is the quickest and easiest way to add multi-wallet and multi-chain support to your project. With built-in modules for more than 80 unique hardware and software wallets, Web3 Onboard saves you time and headaches.
 
 ## Features
 
@@ -24,17 +24,17 @@ Web3-Onboard is the quickest and easiest way to add multi-wallet and multi-chain
 
 - **Themable:** Powerful customization options for all your needs. Style Web3 Onboard to fit into your existing designs, or pick from our pre-made themes.
 
-- **Unified Provider Interface:** All wallet modules expose a provider that is patched to be compliant with the EIP-1193, EIP-1102, EIP-3085 and EIP-3326 specifications. Whether your user is using Ledger or Metamask the provider will operate identically.
+- **Unified Provider Interface:** All wallet modules expose a provider that is patched to be compliant with the EIP-1193, EIP-1102, EIP-3085, EIP-3326, and EIP-6963 specifications. Whether your user is using Ledger or Metamask, the provider will operate identically.
 
-- **Dynamic Imports:** Supporting multiple wallets in your app requires a lot of dependencies. Onboard dynamically imports a wallet and its dependencies only when the user selects it, so that minimal bandwidth is used.
+- **Dynamic Imports:** Supporting multiple wallets in your app requires a lot of dependencies. Web3 Onboard dynamically imports a wallet and its dependencies only when the user selects it, so that minimal bandwidth is used.
 
-- **Framework Agnostic:** Avoid framework lock in -- Web3-Onboard works with any framework and includes helper packages for vue & react.
+- **Framework Agnostic:** Avoid framework lock in -- Web3 Onboard works with any framework and includes helper packages for vue & react.
 
 - **Notify:** Real-time transaction notifications for all transaction states for the connected wallet address(es). In-notification speedups & cancels for hardware wallet connections.
 
 ### Natively Supported EVM Chains
 
-web3-onboard supports ALL EVM networks. Supporting a new network is simply a matter of adding its details in the Chains section upon initialization. For more information see [initialization options](../../modules/core.md#initialization).
+Web3 Onboard supports all EVM networks. Supporting a new network is simply a matter of adding its details in the Chains section upon initialization. For more information see [initialization options](../../modules/core.md#initialization).
 
 - Ethereum
 - Arbitrum One
@@ -50,16 +50,16 @@ web3-onboard supports ALL EVM networks. Supporting a new network is simply a mat
 - Gnosis Chain
 - Harmony One
 - Moonriver
-- Goerli
 - Sepolia
 - Base Goerli
+- Degen
 - All other EVM networks
 
-### Optional - Use an API key to fetch real time transaction data, balances & gas
+### Optional - Use an API key to fetch real-time transaction data, balances & gas
 
-Using a Blocknative API key with web3-onboard on the free plan will allow you to gain the benefits of Blocknative balance & transaction services. Blocknative has a free forever plan you can always use.
+Using a Blocknative API key with Web3 Onboard on the free plan will allow you to gain the benefits of Blocknative balance & transaction services. Blocknative has a free forever plan you can always use.
 
-This step is not required to use web3-onboard. You can skip to the [**Quickstart**](/docs/overview/introduction#quickstart) step below if you want to use web3-onboard without API services or if you already have a Blocknative account & API key.
+This step is not required to use Web3 Onboard. You can skip to the [**Quickstart**](/docs/overview/introduction#quickstart) step below if you want to use Web3 Onboard without API services or if you already have a Blocknative account & API key.
 
 **Setup your Account**
 Go to the Account Dashboard at [https://explorer.blocknative.com/account](https://explorer.blocknative.com/account) and setup an account with an email address. You will receive an email to confirm your account.
@@ -69,7 +69,7 @@ On the Account Dashboard at [https://explorer.blocknative.com/account](https://e
 
 ## Quickstart
 
-Install the core Onboard library, the injected wallets module and optionally ethers.js to support browser extension and mobile wallets:
+Install the core web3-onboard library, the injected wallets module, and optionally ethers.js to support browser extension and mobile wallets:
 
 <Tabs values={['npm', 'yarn']}>
 <TabPanel value="yarn">
@@ -88,7 +88,7 @@ npm i @web3-onboard/core @web3-onboard/injected-wallets ethers
   </TabPanel>
 </Tabs>
 
-You can find a link to web3-onboard's official NPM Documentation here: [@web3-onboard/core Official NPM Documentation](https://www.npmjs.com/package/@web3-onboard/core)
+You can find a link to Web3 Onboard's official NPM Documentation here: [@web3-onboard/core Official NPM Documentation](https://www.npmjs.com/package/@web3-onboard/core)
 
 Then initialize in your app:
 
@@ -172,9 +172,9 @@ if (wallets[0]) {
 
 ## Wallet Modules
 
-Add other wallet modules such as Wallet Connect or Ledger to increase the support and functionality of your web3-onboard implementation. All modules can be accessed through the subpages of web3-onboard docs on the left.
+Add other wallet modules such as Wallet Connect or Ledger to increase the support and functionality of your Web3 Onboard implementation. All modules can be accessed through the subpages of Web3 Onboard docs on the left.
 
-We recommend you add the [Core Repo](../../modules/core.md#install) and consider adding the [Injected Wallets](../../wallets/injected.md#install) module to get connected with wallets like Metamask, Trust, Coinbase Wallet & more right away.
+We recommend you add the [Core Repo](../../modules/core.md#install) and consider adding the [Injected Wallets](../../wallets/injected.md#install) module to get connected with wallets like Metamask, Trust, Coinbase Wallet, and more right away.
 
 [**Core Repo**](../../modules/core.md#install)
 
@@ -184,6 +184,7 @@ We recommend you add the [Core Repo](../../modules/core.md#install) and consider
 
 - [Arcana Auth](../../wallets/arcana.md#install)
 - [Blocto](../../wallets/blocto.md#install)
+- [Capsule](../../wallets/capsule.md#install)
 - [Coinbase](../../wallets/coinbase.md#install)
 - [Fortmatic](../../wallets/fortmatic.md#install)
 - [Frame](../../wallets/frame.md#install)
@@ -211,7 +212,7 @@ We recommend you add the [Core Repo](../../modules/core.md#install) and consider
 
 ## Test out the demo app
 
-Test out the current functionality of web3-onboard in a small browser demo:
+Test out the current functionality of Web3 Onboard in a small browser demo:
 
 - Clone the repo: `git clone git@github.com:blocknative/web3-onboard.git`
 - Change it to the onboard directory: `cd web3-onboard`
@@ -224,10 +225,10 @@ Test out the current functionality of web3-onboard in a small browser demo:
 
 Checkout our live demo using React at [https://reactdemo.blocknative.com/](https://reactdemo.blocknative.com/)
 
-The demo is open source so you can see a sample implementation of web3-onboard: [https://github.com/blocknative/react-demo](https://github.com/blocknative/react-demo)
+The demo is open source so you can see a sample implementation of Web3 Onboard: [https://github.com/blocknative/react-demo](https://github.com/blocknative/react-demo)
 
 ## More Examples
 
-You can find starter examples from the web3 community here using web3-onboard:
+You can find starter examples from the web3 community here using Web3 Onboard:
 
 - [eth-scaffold](https://github.com/scaffold-eth/scaffold-eth-examples/tree/bnc-onboard)

docs/src/routes/docs/[...1]overview/[...2]contribution-guide/+page.md

@@ -41,7 +41,7 @@ Example 2 : Bug fix within the `core` package -
 
 ## How can I add a new wallet? 💳
 
-To add a new wallet to the official Web3 Onboard packages and repo, create a [pull request](#pull-requests-🗂️). Web3 Onboard does not require a wallet to be a part of the main code, so a separate wallet module can be created without any changes to the Web3Onboard codebase. Your PR must include a detailed README for the package, keeping in mind that this README is the the first point of contact for dapp devs looking to implement your wallet.
+To add a new wallet to the official Web3 Onboard packages and repo, create a [pull request](#pull-requests-🗂️). Web3 Onboard does not require a wallet to be a part of the main code, so a separate wallet module can be created without any changes to the Web3 Onboard codebase. Your PR must include a detailed README for the package, keeping in mind that this README is the the first point of contact for dapp developers looking to implement your wallet.
 
 Please also include updates to documentation in your PR. Refer to the [docs contributions section](#documentation-contributions-📄) and the PR template docs checklist.
 
@@ -69,7 +69,7 @@ PRs for adding/updating a wallet should include a README (new or updated) for th
 
 [See here for an example of a docs pull request.](https://github.com/blocknative/web3-onboard/pull/1544/files)
 
-We highly encourage the community to help us improve the web3-onboard docs! If you have any questions don't hesitate to reach out.
+We highly encourage the community to help us improve the Web3 Onboard docs! If you have any questions don't hesitate to [reach out](https://discord.com/invite/KZaBVME).
 
 ## Feedback 💬