Capsule Integration to Blocknative (#2005)

* Capsule Integration to Bocknative

* Setup CI

* Add type-check command to capsule

* Update to fix useContext issue

* upgrade version

* Fix to React errors

* React issues fully fixed

* React changes with publish npm version

* Chain switching fix

* format capsule files

Co-authored-by: Adam Carpenter <[email protected]>

Author: vr2amesh

.circleci/config.yml

@@ -437,6 +437,14 @@ jobs:
     working_directory: ~/web3-onboard-monorepo/packages/solid
     steps:
       - node-build-steps
+  build-capsule:
+    docker:
+      - image: cimg/node:16.14.2
+    working_directory: ~/web3-onboard-monorepo/packages/capsule
+    steps:
+      - node-build-steps
+
+
 
   # Build staging/Alpha releases
   build-staging-core:
@@ -709,6 +717,12 @@ jobs:
     working_directory: ~/web3-onboard-monorepo/packages/solid
     steps:
       - node-staging-build-steps
+  build-staging-capsule:
+    docker:
+      - image: cimg/node:16.14.2
+    working_directory: ~/web3-onboard-monorepo/packages/capsule
+    steps:
+      - node-staging-build-steps
 
 workflows:
   version: 2
@@ -983,3 +997,9 @@ workflows:
           <<: *deploy_production_filters
       - build-staging-solid:
           <<: *deploy_staging_filters
+  capsule:
+    jobs:
+      - build-capsule:
+          <<: *deploy_production_filters
+      - build-staging-capsule:
+          <<: *deploy_staging_filters

README.md

@@ -115,6 +115,7 @@ For full documentation, check out the README.md for each package or the [docs pa
 - [Portis](packages/portis/README.md)
 - [MEW-Wallet](packages/mew-wallet/README.md)
 - [Web3Auth](packages/web3auth/README.md)
+- [Capsule](packages/capsule/README.md)
 - [Sequence](packages/sequence/README.md)
 - [Taho (previously Tally Ho)](packages/tallyho/README.md)
 - [Enkrypt](packages/enkrypt/README.md)

docs/package.json

@@ -54,6 +54,7 @@
     "@web3-onboard/arcana-auth": "^2.0.0",
     "@web3-onboard/bitget": "^2.0.0",
     "@web3-onboard/blocto": "^2.0.0",
+    "@web3-onboard/capsule": "^2.0.0-alpha.1",
     "@web3-onboard/cede-store": "^2.2.0-alpha.1",
     "@web3-onboard/coinbase": "^2.2.5",
     "@web3-onboard/core": "^2.21.2",

docs/src/lib/services/onboard.js

@@ -58,6 +58,7 @@ const intiOnboard = async (theme) => {
   const { default: bloctoModule } = await import('@web3-onboard/blocto')
   const { default: venlyModule } = await import('@web3-onboard/venly')
   const { default: bitgetModule } = await import('@web3-onboard/bitget')
+  const { default: capsuleModule, Environment } = await import('@web3-onboard/capsule')
   const INFURA_ID = '8b60d52405694345a99bcb82e722e0af'
 
   const injected = injectedModule()
@@ -127,6 +128,10 @@ const intiOnboard = async (theme) => {
     environment: 'staging'
   })
 
+  const capsule = capsuleModule({
+    environment: Environment.DEVELOPMENT,
+  })
+
   return Onboard({
     connect: { autoConnectAllPreviousWallet: true },
     wallets: [
@@ -156,7 +161,8 @@ const intiOnboard = async (theme) => {
       portis,
       frame,
       infinityWallet,
-      blocto
+      blocto,
+      capsule
       // venly
     ],
     chains: [