Fix issues with react-jsx runtime by editing vite.config.js (#2022)

* change API Keys for blocknative demo and docs site

* logout capsule wallet on disconnect

* fix Fragment issue

* Update package.json

* Update package.json

* Update yarn.lock

* alpha tag

* Update yarn.lock

* Fix for the SyntaxError issue

* update alpha tag

* Update yarn.lock

* Fix for the issues popping up

* Update package.json

* Update package.json

---------

Co-authored-by: jjasonlan <[email protected]>

Author: vr2amesh

docs/package.json

@@ -26,6 +26,7 @@
     "@tailwindcss/typography": "^0.5.9",
     "@types/animejs": "^3.1.7",
     "@types/react": "^18.0.37",
+    "@vitejs/plugin-react": "^4.2.1",
     "assert": "^2.0.0",
     "autoprefixer": "^10.4.14",
     "browserify-zlib": "^0.2.0",
@@ -54,7 +55,8 @@
     "@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-alpha.2",
+    "@web3-onboard/capsule": "^2.0.1-alpha.3",
+    "@web3-onboard/cede-store": "^2.2.0",
     "@web3-onboard/coinbase": "^2.2.5",
     "@web3-onboard/core": "^2.21.2",
     "@web3-onboard/dcent": "^2.2.7",

docs/vite.config.js

@@ -2,10 +2,11 @@ import { sveltekit } from '@sveltejs/kit/vite'
 import icons from 'unplugin-icons/vite'
 import kitDocs from '@svelteness/kit-docs/node'
 import nodePolyfills from 'rollup-plugin-polyfill-node'
+import react from '@vitejs/plugin-react';
 
 /** @type {import('vite').UserConfig} */
 const config = {
-  plugins: [icons({ compiler: 'svelte' }), kitDocs(), sveltekit()],
+  plugins: [react(), icons({ compiler: 'svelte' }), kitDocs(), sveltekit()],
   resolve: {
     alias: {
       crypto: 'crypto-browserify',
@@ -25,7 +26,8 @@ const config = {
     }
   },
   define: {
-    'import.meta.env.VERCEL': JSON.stringify(process.env.VERCEL)
+    'import.meta.env.VERCEL': JSON.stringify(process.env.VERCEL),
+    'process.env.NODE_DEBUG': JSON.stringify('')
   },
   optimizeDeps: {
     exclude: ['@ethersproject/hash', 'wrtc', 'http', 'react/jsx-runtime'],

packages/capsule/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/capsule",
-  "version": "2.0.1-alpha.2",
+  "version": "2.0.1-alpha.3",
   "description": "Capsule SDK wallet module for connecting to Web3-Onboard. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised 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.",
   "module": "dist/index.js",
   "browser": "dist/index.js",
@@ -56,7 +56,7 @@
     "Capsule"
   ],
   "dependencies": {
-    "@usecapsule/web-sdk": "0.29.4-dev.15",
+    "@usecapsule/web-sdk": "0.29.4",
     "@wagmi/chains": "^1.8.0",
     "@web3-onboard/common": "^2.3.3",
     "react-dom": "^18.2.0"

packages/capsule/yarn.lock

@@ -2232,9 +2232,9 @@
   integrity sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==
 
 "@types/react@^18.0.2":
-  version "18.2.39"
-  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.39.tgz#744bee99e053ad61fe74eb8b897f3ab5b19a7e25"
-  integrity sha512-Oiw+ppED6IremMInLV4HXGbfbG6GyziY3kqAwJYOR0PNbkYDmLWQA3a95EhdSmamsvbkJN96ZNN+YD+fGjzSBA==
+  version "18.2.42"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.42.tgz#6f6b11a904f6d96dda3c2920328a97011a00aba7"
+  integrity sha512-c1zEr96MjakLYus/wPnuWDo1/zErfdU9rNsIGmE+NV71nx88FG9Ttgo5dqorXTu/LImX2f63WBP986gJkMPNbA==
   dependencies:
     "@types/prop-types" "*"
     "@types/scheduler" "*"
@@ -2283,10 +2283,10 @@
   dependencies:
     axios "^0.27.2"
 
-"@usecapsule/[email protected]-dev.15":
-  version "0.29.4-dev.15"
-  resolved "https://registry.yarnpkg.com/@usecapsule/web-sdk/-/web-sdk-0.29.4-dev.15.tgz#33d3ec6d57c59baa469748d88719175b7722189a"
-  integrity sha512-lrnuohk7XbbDxlbJJiSHL+MMD50mGimkg6xWqdUFs6ucFZY2b4OBAiCvZQX9/WfQpB3qH5aP3hl3SRLFT5adMw==
+"@usecapsule/[email protected]":
+  version "0.29.4"
+  resolved "https://registry.yarnpkg.com/@usecapsule/web-sdk/-/web-sdk-0.29.4.tgz#17e5e2604f97d59ccd2f4ba69b7b99a021f3dadd"
+  integrity sha512-0V2rknVTVdrz7Gt3K8BvfYqz/yXFWgfscrHM5S4NfOBhVITYdg/Sd3naCROyNBrbXRpmOBUA23AlF+7jo/GkMA==
   dependencies:
     "@celo/utils" "3.2.0"
     "@chakra-ui/icons" "^2.1.1"

packages/demo/package.json

@@ -30,7 +30,7 @@
     "@web3-onboard/arcana-auth": "^2.0.0",
     "@web3-onboard/bitget": "2.0.1",
     "@web3-onboard/blocto": "2.0.0",
-    "@web3-onboard/capsule": "2.0.1-alpha.2",
+    "@web3-onboard/capsule": "2.0.1-alpha.3",
     "@web3-onboard/cede-store": "^2.2.0",
     "@web3-onboard/coinbase": "^2.2.6",
     "@web3-onboard/core": "^2.21.2",

yarn.lock

@@ -5098,10 +5098,10 @@
   dependencies:
     axios "^0.27.2"
 
-"@usecapsule/[email protected]-dev.15":
-  version "0.29.4-dev.15"
-  resolved "https://registry.yarnpkg.com/@usecapsule/web-sdk/-/web-sdk-0.29.4-dev.15.tgz#33d3ec6d57c59baa469748d88719175b7722189a"
-  integrity sha512-lrnuohk7XbbDxlbJJiSHL+MMD50mGimkg6xWqdUFs6ucFZY2b4OBAiCvZQX9/WfQpB3qH5aP3hl3SRLFT5adMw==
+"@usecapsule/[email protected]":
+  version "0.29.4"
+  resolved "https://registry.yarnpkg.com/@usecapsule/web-sdk/-/web-sdk-0.29.4.tgz#17e5e2604f97d59ccd2f4ba69b7b99a021f3dadd"
+  integrity sha512-0V2rknVTVdrz7Gt3K8BvfYqz/yXFWgfscrHM5S4NfOBhVITYdg/Sd3naCROyNBrbXRpmOBUA23AlF+7jo/GkMA==
   dependencies:
     "@celo/utils" "3.2.0"
     "@chakra-ui/icons" "^2.1.1"