Merge pull request #1696 from blocknative/release/2.22.0

Release 2.22.0

Author: Adamj1232

.circleci/config.yml

@@ -93,12 +93,14 @@ aliases:
  - &create-npm-config
  run:
  name: Create NPM rc file
- command: echo "//registry.npmjs.org/:_authToken=$npm_TOKEN" > .npmrc
+ command: echo "//registry.npmjs.org/:_authToken=$npm_TOKEN" > ~/.npmrc
 
  - &publish-npm
  run:
  name: Publish package to NPM
- command: npm publish --access public
+ command: |
+ npm config set //registry.npmjs.org/:_authToken=${npm_TOKEN}
+ npm publish --access public
 
  - &publish-npm-tag-as-next
  run:
@@ -195,6 +197,12 @@ jobs:
  working_directory: ~/web3-onboard-monorepo/packages/injected
  steps:
  - node-build-steps
+ build-frame:
+ docker:
+ - image: cimg/node:16.13.1
+ working_directory: ~/web3-onboard-monorepo/packages/frame
+ steps:
+ - node-build-steps
  build-keepkey:
  docker:
  - image: cimg/node:16.13.1
@@ -287,7 +295,7 @@ jobs:
  - node-build-steps
  build-web3auth:
  docker:
- - image: cimg/node:16.13.1
+ - image: cimg/node:16.18.1
  working_directory: ~/web3-onboard-monorepo/packages/web3auth
  steps:
  - node-build-steps
@@ -419,6 +427,12 @@ jobs:
  working_directory: ~/web3-onboard-monorepo/packages/injected
  steps:
  - node-staging-build-steps
+ build-staging-frame:
+ docker:
+ - image: cimg/node:16.13.1
+ working_directory: ~/web3-onboard-monorepo/packages/frame
+ steps:
+ - node-staging-build-steps
  build-staging-keepkey:
  docker:
  - image: cimg/node:16.13.1
@@ -511,7 +525,7 @@ jobs:
  - node-staging-build-steps
  build-staging-web3auth:
  docker:
- - image: cimg/node:16.13.1
+ - image: cimg/node:16.18.1
  working_directory: ~/web3-onboard-monorepo/packages/web3auth
  steps:
  - node-staging-build-steps
@@ -645,6 +659,12 @@ workflows:
  <<: *deploy_production_filters
  - build-staging-injected:
  <<: *deploy_staging_filters
+ frame:
+ jobs:
+ - build-frame:
+ <<: *deploy_production_filters
+ - build-staging-frame:
+ <<: *deploy_staging_filters
  keepkey:
  jobs:
  - build-keepkey:
@@ -837,4 +857,3 @@ workflows:
  <<: *deploy_production_filters
  - build-staging-cede-store:
  <<: *deploy_staging_filters
-

README.md

@@ -103,6 +103,7 @@ For full documentation, check out the README.md for each package or the [docs pa
 - [Frontier](packages/frontier/README.md)
 - [XDEFI](packages/xdefi/README.md)
 - [Infinity Wallet](packages/infinity-wallet/README.md)
+- [Frame](packages/frame/README.md)
 
 **Hardware Wallets**
 

assets/account-center-example.png

@@ -12,8 +12,8 @@
  "check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
  "lint": "prettier --check --plugin-search-dir=. . && eslint .",
  "format": "prettier --write --plugin-search-dir=. .",
- "w3o-latest-prod": "yarn add '@web3-onboard/coinbase' '@web3-onboard/core' '@web3-onboard/dcent' '@web3-onboard/enkrypt' '@web3-onboard/fortmatic' '@web3-onboard/gas' '@web3-onboard/gnosis' '@web3-onboard/infinity-wallet' '@web3-onboard/injected-wallets' '@web3-onboard/keepkey' '@web3-onboard/keystone' '@web3-onboard/ledger' '@web3-onboard/magic' '@web3-onboard/mew-wallet' '@web3-onboard/portis' '@web3-onboard/sequence' '@web3-onboard/taho' '@web3-onboard/torus' '@web3-onboard/transaction-preview' '@web3-onboard/trezor' '@web3-onboard/trust' '@web3-onboard/uauth' '@web3-onboard/walletconnect' '@web3-onboard/web3auth' '@web3-onboard/xdefi'",
- "w3o-latest-alpha": "yarn add '@web3-onboard/coinbase@next' '@web3-onboard/core@next' '@web3-onboard/dcent@next' '@web3-onboard/enkrypt@next' '@web3-onboard/fortmatic@next' '@web3-onboard/gas@next' '@web3-onboard/gnosis@next' '@web3-onboard/infinity-wallet@next' '@web3-onboard/injected-wallets@next' '@web3-onboard/keepkey@next' '@web3-onboard/keystone@next' '@web3-onboard/ledger@next' '@web3-onboard/magic@next' '@web3-onboard/mew-wallet@next' '@web3-onboard/portis@next' '@web3-onboard/sequence@next' '@web3-onboard/taho@next' '@web3-onboard/torus@next' '@web3-onboard/transaction-preview@next' '@web3-onboard/trezor@next' '@web3-onboard/trust@next' '@web3-onboard/uauth@next' '@web3-onboard/walletconnect@next' '@web3-onboard/web3auth@next' '@web3-onboard/xdefi@next'"
+ "w3o-latest-prod": "yarn add '@web3-onboard/coinbase' '@web3-onboard/core' '@web3-onboard/dcent' '@web3-onboard/enkrypt' '@web3-onboard/fortmatic' '@web3-onboard/gas' '@web3-onboard/gnosis' '@web3-onboard/infinity-wallet' '@web3-onboard/injected-wallets' '@web3-onboard/keepkey' '@web3-onboard/keystone' '@web3-onboard/ledger' '@web3-onboard/magic' '@web3-onboard/mew-wallet' '@web3-onboard/portis' '@web3-onboard/sequence' '@web3-onboard/taho' '@web3-onboard/torus' '@web3-onboard/transaction-preview' '@web3-onboard/trezor' '@web3-onboard/trust' '@web3-onboard/uauth' '@web3-onboard/walletconnect' '@web3-onboard/web3auth' '@web3-onboard/xdefi' '@web3-onboard/frame'",
+ "w3o-latest-alpha": "yarn add '@web3-onboard/coinbase@next' '@web3-onboard/core@next' '@web3-onboard/dcent@next' '@web3-onboard/enkrypt@next' '@web3-onboard/fortmatic@next' '@web3-onboard/gas@next' '@web3-onboard/gnosis@next' '@web3-onboard/infinity-wallet@next' '@web3-onboard/injected-wallets@next' '@web3-onboard/keepkey@next' '@web3-onboard/keystone@next' '@web3-onboard/ledger@next' '@web3-onboard/magic@next' '@web3-onboard/mew-wallet@next' '@web3-onboard/portis@next' '@web3-onboard/sequence@next' '@web3-onboard/taho@next' '@web3-onboard/torus@next' '@web3-onboard/transaction-preview@next' '@web3-onboard/trezor@next' '@web3-onboard/trust@next' '@web3-onboard/uauth@next' '@web3-onboard/walletconnect@next' '@web3-onboard/web3auth@next' '@web3-onboard/xdefi@next' '@web3-onboard/frame'"
  },
  "devDependencies": {
  "@algolia/client-search": "^4.14.2",
@@ -56,32 +56,32 @@
  },
  "type": "module",
  "dependencies": {
- "@web3-onboard/cede-store": "^2.0.0-alpha.1",
- "@web3-onboard/coinbase": "^2.2.2",
- "@web3-onboard/core": "^2.17.0-alpha.1",
- "@web3-onboard/dcent": "^2.2.5",
- "@web3-onboard/enkrypt": "^2.0.2",
- "@web3-onboard/fortmatic": "^2.0.17",
- "@web3-onboard/gas": "^2.1.6",
- "@web3-onboard/gnosis": "^2.1.8",
- "@web3-onboard/infinity-wallet": "^2.0.2",
- "@web3-onboard/injected-wallets": "^2.8.5-alpha.1",
- "@web3-onboard/keepkey": "^2.3.5",
- "@web3-onboard/keystone": "^2.3.5",
- "@web3-onboard/ledger": "^2.4.4",
- "@web3-onboard/magic": "^2.1.5",
- "@web3-onboard/mew-wallet": "^2.0.2",
- "@web3-onboard/portis": "^2.1.5",
- "@web3-onboard/sequence": "^2.0.6",
- "@web3-onboard/taho": "^2.0.2",
- "@web3-onboard/torus": "^2.2.3",
- "@web3-onboard/transaction-preview": "^2.0.6",
- "@web3-onboard/trezor": "^2.4.0-alpha.1",
- "@web3-onboard/trust": "^2.0.2",
- "@web3-onboard/uauth": "^2.0.3",
- "@web3-onboard/walletconnect": "^2.3.6-alpha.1",
- "@web3-onboard/web3auth": "^2.2.1",
- "@web3-onboard/xdefi": "^2.0.2",
+ "@web3-onboard/cede-store": "^2.0.1-alpha.1",
+ "@web3-onboard/coinbase": "^2.2.3-alpha.2",
+ "@web3-onboard/core": "^2.18.0-alpha.3",
+ "@web3-onboard/dcent": "^2.2.6-alpha.2",
+ "@web3-onboard/enkrypt": "^2.0.3-alpha.2",
+ "@web3-onboard/fortmatic": "^2.0.18-alpha.2",
+ "@web3-onboard/frame": "2.21.2-alpha.1",
+ "@web3-onboard/gas": "^2.1.7-alpha.2",
+ "@web3-onboard/gnosis": "^2.1.9-alpha.2",
+ "@web3-onboard/infinity-wallet": "^2.0.3-alpha.2",
+ "@web3-onboard/injected-wallets": "^2.8.6-alpha.2",
+ "@web3-onboard/keepkey": "^2.3.6-alpha.2",
+ "@web3-onboard/keystone": "^2.3.6-alpha.2",
+ "@web3-onboard/ledger": "^2.4.5-alpha.2",
+ "@web3-onboard/magic": "^2.1.6-alpha.2",
+ "@web3-onboard/mew-wallet": "^2.0.3-alpha.2",
+ "@web3-onboard/portis": "^2.1.6-alpha.2",
+ "@web3-onboard/sequence": "^2.0.7-alpha.2",
+ "@web3-onboard/taho": "^2.0.3-alpha.2",
+ "@web3-onboard/torus": "^2.2.4-alpha.2",
+ "@web3-onboard/transaction-preview": "^2.0.7-alpha.2",
+ "@web3-onboard/trezor": "^2.4.1-alpha.2",
+ "@web3-onboard/trust": "^2.0.3-alpha.2",
+ "@web3-onboard/uauth": "^2.0.4-alpha.2",
+ "@web3-onboard/walletconnect": "^2.3.7-alpha.3",
+ "@web3-onboard/xdefi": "^2.0.3-alpha.2",
  "animejs": "^3.2.1",
  "bnc-sdk": "^4.6.6",
  "ethers": "^5.7.0"

docs/package.json

@@ -23,7 +23,7 @@
  <TextBlock
  title={'Framework Agnostic'}
  subtitle={'Support all your favorite frameworks.'}
- text={'Use web3-onboard with any of your favorite Javascript libraries.'}
+ text={'Use Web3 Onboard with any of your favorite Javascript libraries.'}
  >
  <Flexbox --wrap="wrap">
  <Button href="/docs" buttonStyle={'link'}>{'Learn More'}</Button>
@@ -47,7 +47,7 @@
  <div class="flexbox">
  <FeatureCard
  title={'Minimal Dependencies'}
- text={'All wallet dependencies are included in separate packages, so you only include the ones you want to use in your app.'}
+ text={'All wallet dependencies are included in separate packages, so you only include the ones you want to use in your app. Core package is only 815kb minified.'}
  />
  <FeatureCard
  title={'Dynamic Imports'}
@@ -71,7 +71,7 @@
  <TextBlock
  title={'Enable Multi-Wallet and Multi-Chain functionality with one library '}
  subtitle={''}
- text={'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.'}
+ text={'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.'}
  >
  <Flexbox --wrap="wrap">
  <Button href="/docs" buttonStyle={'link'}>{'Learn More'}</Button>

docs/src/lib/assets/account-center-example.png

@@ -8,7 +8,7 @@
 
 <section style="background-image: url({heroBg});">
  <div class="textblock">
- <div class="title">{'Web3-Onboard'}</div>
+ <div class="title">{'Web3 Onboard'}</div>
  <div class="text">
  {'Open-source, framework-agnostic JavaScript library to onboard users to web3 apps. Help your users transact with ease by enabling wallet connection, real-time transaction states, and more.'}
  </div>

docs/src/lib/components/FeaturesSection.svelte

@@ -4,7 +4,7 @@
 
 <section>
  <h1 class="text">
- {"Who's using web3-onboard?"}
+ {"Who's using Web3 Onboard?"}
  </h1>
  <div>
  <img src={TestimonialsGraphic} alt="Web3-Onboard-users">

docs/src/lib/components/HeroSection.svelte

@@ -274,7 +274,7 @@
  <div id="image_drop_area">
  <form class="drop-area-controls" on:submit|preventDefault={addURLToIFrame}>
  <div>
- Enter your website url or drag and drop a screenshot to preview web3-onboard on your site
+ Enter your website url or drag and drop a screenshot to preview Web3 Onboard on your site
  </div>
  <!-- <div>Then click color circles above to change the theme.</div> -->
  <div class="website-input-row">

docs/src/lib/components/TestimonialSection.svelte

@@ -14,8 +14,8 @@
  <div class="flexbox">
  <TextBlock
  title={'Themeable'}
- subtitle={'Powerfull customization options for all your needs'}
- text={'Style web3-onboard to fit into your existing designs, or pick from our pre-made themes.'}
+ subtitle={'Powerful customization options for all your needs'}
+ text={'Style Web3 Onboard to fit into your existing designs, or pick from our pre-made themes.'}
  >
  <Flexbox --wrap="wrap">
  <Button href="/docs" buttonStyle={'link'}>{'Learn More'}</Button>