From 0fffcab271c2f10e53929c3a383be0356bbe5b3f Mon Sep 17 00:00:00 2001 From: Adam Carpenter Date: Wed, 10 May 2023 14:12:49 -0600 Subject: [PATCH 01/37] RPC protect workflow acting as expected maybe some styling issues --- packages/core/package.json | 2 +- packages/core/src/constants.ts | 2 + packages/core/src/i18n/en.json | 7 + packages/core/src/icons/shield-icon.ts | 4 + packages/core/src/provider.ts | 25 ++ .../EnableTransactionProtection.svelte | 93 +++++++ .../src/views/account-center/Maximized.svelte | 236 +++++++++++------- packages/demo/package.json | 2 +- packages/demo/src/App.svelte | 2 +- yarn.lock | 19 ++ 10 files changed, 303 insertions(+), 89 deletions(-) create mode 100644 packages/core/src/icons/shield-icon.ts create mode 100644 packages/core/src/views/account-center/EnableTransactionProtection.svelte diff --git a/packages/core/package.json b/packages/core/package.json index bb7a99bd5..91311b64e 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/core", - "version": "2.18.0", + "version": "2.19.0-alpha.1", "description": "Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardized 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.", "keywords": [ "Ethereum", diff --git a/packages/core/src/constants.ts b/packages/core/src/constants.ts index 7fdc27265..6a1eb31bc 100644 --- a/packages/core/src/constants.ts +++ b/packages/core/src/constants.ts @@ -36,3 +36,5 @@ export const STORAGE_KEYS = { } export const MOBILE_WINDOW_WIDTH = 768 + +export const BN_PROTECT_RPC_URL = 'https://www.api.blocknative.com/protect' diff --git a/packages/core/src/i18n/en.json b/packages/core/src/i18n/en.json index 2652484d0..b1bf01759 100644 --- a/packages/core/src/i18n/en.json +++ b/packages/core/src/i18n/en.json @@ -56,12 +56,19 @@ "description": "Are you sure that you would like to disconnect all your wallets?", "confirm": "Confirm", "cancel": "Cancel" + }, + "confirmTransactionProtection": { + "heading": "Enable Transaction Protection", + "description": "Protect RPC Endpoints hide your transactions from front-running and sandwich bots to reduce unfavorable transaction settlement from slippage. Learn more here", + "enable": "Enable", + "dismiss": "Dismiss" } }, "accountCenter": { "connectAnotherWallet": "Connect another Wallet", "disconnectAllWallets": "Disconnect all Wallets", "currentNetwork": "Current Network", + "enableTransactionProtection": "Enable Transaction Protection", "appInfo": "App Info", "learnMore": "Learn More", "gettingStartedGuide": "Getting Started Guide", diff --git a/packages/core/src/icons/shield-icon.ts b/packages/core/src/icons/shield-icon.ts new file mode 100644 index 000000000..18102aa0f --- /dev/null +++ b/packages/core/src/icons/shield-icon.ts @@ -0,0 +1,4 @@ +export default ` + + +` \ No newline at end of file diff --git a/packages/core/src/provider.ts b/packages/core/src/provider.ts index 3f5e018f2..375b685b6 100644 --- a/packages/core/src/provider.ts +++ b/packages/core/src/provider.ts @@ -471,6 +471,31 @@ export function addNewChain( }) } +export function addProtectedRPC( + provider: EIP1193Provider, + chain: Chain, + rpcUrl?: string +): Promise { + return provider.request({ + method: 'wallet_addEthereumChain', + params: [ + { + chainId: chain.id, + chainName: chain.label, + nativeCurrency: { + name: chain.label, + symbol: chain.token, + decimals: 18 + }, + rpcUrls: [rpcUrl], + blockExplorerUrls: chain.blockExplorerUrl + ? [chain.blockExplorerUrl] + : undefined + } + ] + }) +} + export async function getPermissions( provider: EIP1193Provider ): Promise { diff --git a/packages/core/src/views/account-center/EnableTransactionProtection.svelte b/packages/core/src/views/account-center/EnableTransactionProtection.svelte new file mode 100644 index 000000000..a98ea0d8e --- /dev/null +++ b/packages/core/src/views/account-center/EnableTransactionProtection.svelte @@ -0,0 +1,93 @@ + + + + + +
+
+ {@html shieldIcon} +
+ +

+ {$_('modals.confirmTransactionProtection.heading', { + default: en.modals.confirmTransactionProtection.heading + })} +

+ +

+ {$_('modals.confirmTransactionProtection.description')} +

+ +
+ + +
+
+ diff --git a/packages/core/src/views/account-center/Maximized.svelte b/packages/core/src/views/account-center/Maximized.svelte index f31a3823b..2a8fb5e71 100644 --- a/packages/core/src/views/account-center/Maximized.svelte +++ b/packages/core/src/views/account-center/Maximized.svelte @@ -21,16 +21,30 @@ import questionIcon from '../../icons/question.js' import { poweredByBlocknative } from '../../icons/index.js' import DisconnectAllConfirm from './DisconnectAllConfirm.svelte' + import EnableTransactionProtection from './EnableTransactionProtection.svelte' import { configuration } from '../../configuration.js' import SecondaryTokenTable from './SecondaryTokenTable.svelte' + import shieldIcon from '../../icons/shield-icon.js' + import { BN_PROTECT_RPC_URL } from '../../constants.js' + import { addProtectedRPC } from '../../provider.js' function disconnectAllWallets() { $wallets$.forEach(({ label }) => disconnect({ label })) } + const enableProtectionRPC = async () => { + try { + await addProtectedRPC(primaryWallet.provider, validAppChain, BN_PROTECT_RPC_URL) + } catch (error) { + const { code } = error as { code: number } + console.log(error, code) + } + } + const { chains: appChains } = state.get() const { appMetadata } = configuration let disconnectConfirmModal = false + let enableTransactionProtection = false let hideWalletRowMenu: () => void $: [primaryWallet] = $wallets$ @@ -148,26 +162,54 @@ .network-container { background: var(--backround-color); border-top: 1px solid var(--border-color); - + width: 100%; + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 0.75rem 0.75rem 0.25rem 0.75rem; + gap: 0.5rem; border-radius: var( --account-center-border-radius, var(--onboard-border-radius-3, var(--border-radius-3)) ); - color: var( --account-center-maximized-network-text-color, var(--account-center-maximized-network-section, inherit) ); } - .p5-5 { - padding: 12px; + .network-section { + flex-direction: row; + align-items: flex-start; + padding: 0px; + gap: 16px; } .network-selector-container { - margin-left: 1rem; width: 100%; } + .protect { + flex-direction: row; + padding: 0.25rem 0.375rem; + gap: 0.375rem; + width: 100%; + } + .shield { + width: 20px; + height: 20px; + display: flex; + justify-content: center; + } + .protect-text { + font-size: var(--onboard-font-size-6, var(--font-size-6)); + color: var( + --account-center-maximized-upper-action-color, + var(--action-color) + ); + line-height: 1.75rem; + display: flex; + align-items: center; + } .network-selector-label { font-size: var(--onboard-font-size-7, var(--font-size-7)); @@ -184,7 +226,10 @@ ) ); border-top: 1px solid var(--border-color); - border-radius: var(--account-center-border-radius, inherit); + border-radius: var( + --account-center-border-radius, + var(--onboard-border-radius-3, var(--border-radius-3)) + ); display: flex; flex-direction: column; align-items: flex-start; @@ -263,6 +308,12 @@ onConfirm={disconnectAllWallets} /> {/if} +{#if enableTransactionProtection} + (enableTransactionProtection = false)} + onEnable={() => enableProtectionRPC()} + /> +{/if}
-
+
+
(enableTransactionProtection = true)} + class="protect action-container flex items-center pointer" + > +
+ {@html shieldIcon} +
+ {$_('accountCenter.enableTransactionProtection', { + default: en.accountCenter.enableTransactionProtection + })} +
+
- -
- {#if appMetadata} -
- -
- -
- {(appMetadata && appMetadata.name) || 'App Name'} -
+ +
+ {#if appMetadata} +
+ +
+ +
+ {(appMetadata && appMetadata.name) || 'App Name'}
+
-
- {(appMetadata && appMetadata.description) || - 'This app has not added a description.'} -
+
+ {(appMetadata && appMetadata.description) || + 'This app has not added a description.'}
+
- - {#if appMetadata.gettingStartedGuide || appMetadata.explore} -
-
- {$_('accountCenter.appInfo', { - default: en.accountCenter.appInfo - })} -
+ + {#if appMetadata.gettingStartedGuide || appMetadata.explore} +
+
+ {$_('accountCenter.appInfo', { + default: en.accountCenter.appInfo + })} +
- {#if appMetadata.gettingStartedGuide} -
-
- {$_('accountCenter.learnMore', { - default: en.accountCenter.learnMore - })} -
- - {$_('accountCenter.gettingStartedGuide', { - default: en.accountCenter.gettingStartedGuide - })} - + {#if appMetadata.gettingStartedGuide} +
+
+ {$_('accountCenter.learnMore', { + default: en.accountCenter.learnMore + })}
- {/if} - - {#if appMetadata.explore} -
-
- {$_('accountCenter.smartContracts', { - default: en.accountCenter.smartContracts - })} -
- - {$_('accountCenter.explore', { - default: en.accountCenter.explore - })} - + + {$_('accountCenter.gettingStartedGuide', { + default: en.accountCenter.gettingStartedGuide + })} + +
+ {/if} + + {#if appMetadata.explore} +
+
+ {$_('accountCenter.smartContracts', { + default: en.accountCenter.smartContracts + })}
- {/if} -
- {/if} - {/if} - {#if secondaryTokens && secondaryTokens.length} - + + {$_('accountCenter.explore', { + default: en.accountCenter.explore + })} + +
+ {/if} +
{/if} -
- - {@html poweredByBlocknative} - -
+ {/if} + {#if secondaryTokens && secondaryTokens.length} + + {/if} +
+ + {@html poweredByBlocknative} +
diff --git a/packages/demo/package.json b/packages/demo/package.json index ebf9140f7..1d8079195 100644 --- a/packages/demo/package.json +++ b/packages/demo/package.json @@ -24,7 +24,7 @@ "webpack-dev-server": "4.7.4" }, "dependencies": { - "@web3-onboard/core": "^2.18.0", + "@web3-onboard/core": "^2.19.0-alpha.1", "@web3-onboard/coinbase": "^2.2.3", "@web3-onboard/transaction-preview": "^2.0.7", "@web3-onboard/dcent": "^2.2.6", diff --git a/packages/demo/src/App.svelte b/packages/demo/src/App.svelte index 4036923ba..a86bc0644 100644 --- a/packages/demo/src/App.svelte +++ b/packages/demo/src/App.svelte @@ -355,7 +355,7 @@ // }, // Sign up for your free api key at www.Blocknative.com apiKey, - theme: 'system' + theme: 'default' }) // Subscribe to wallet updates diff --git a/yarn.lock b/yarn.lock index 997e432f1..013f3fc13 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3782,6 +3782,25 @@ "@walletconnect/window-getters" "^1.0.1" tslib "1.14.1" +"@web3-onboard/core@^2.18.0": + version "2.18.0-alpha.3" + resolved "https://registry.yarnpkg.com/@web3-onboard/core/-/core-2.18.0-alpha.3.tgz#2a5dea09c2eecf2c019df66812828e5acd543c8a" + integrity sha512-2m9E/ikLKfEq4A05SDlrevcSIEV3XS9IWSt4WbnaWLTEgqy+7hWPvs1Rz6GY9lQUm8+9nFMcNjt36Pn8JSlc6w== + dependencies: + "@web3-onboard/common" "^2.3.2-alpha.2" + bignumber.js "^9.0.0" + bnc-sdk "^4.6.7" + bowser "^2.11.0" + ethers "5.5.3" + eventemitter3 "^4.0.7" + joi "17.9.1" + lodash.merge "^4.6.2" + lodash.partition "^4.6.0" + nanoid "^4.0.0" + rxjs "^7.5.5" + svelte "^3.49.0" + svelte-i18n "^3.3.13" + "@web3-react/abstract-connector@^6.0.7": version "6.0.7" resolved "https://registry.yarnpkg.com/@web3-react/abstract-connector/-/abstract-connector-6.0.7.tgz#401b3c045f1e0fab04256311be49d5144e9badc6" From 28d395906f5a063b2dc34463b5ffc2d5e2045bf4 Mon Sep 17 00:00:00 2001 From: Adam Carpenter Date: Wed, 10 May 2023 14:31:02 -0600 Subject: [PATCH 02/37] Working as expected, added configs for rpc url and displaying protect button --- packages/common/package.json | 2 +- packages/common/src/types.ts | 5 +++ packages/common/src/validation.ts | 1 + packages/core/package.json | 2 +- packages/core/src/types.ts | 1 + packages/core/src/validation.ts | 2 + .../src/views/account-center/Maximized.svelte | 41 ++++++++++++------- 7 files changed, 37 insertions(+), 17 deletions(-) diff --git a/packages/common/package.json b/packages/common/package.json index 6bdc56b62..628aa6e28 100644 --- a/packages/common/package.json +++ b/packages/common/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/common", - "version": "2.3.2", + "version": "2.3.3-alpha.1", "description": "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.", "keywords": [ "Ethereum", diff --git a/packages/common/src/types.ts b/packages/common/src/types.ts index 95b746734..9b3735d29 100644 --- a/packages/common/src/types.ts +++ b/packages/common/src/types.ts @@ -421,6 +421,11 @@ export interface Chain { providerConnectionInfo?: ConnectionInfo /* An optional public RPC used when adding a new chain config to the wallet */ publicRpcUrl?: string + /** An optional protected RPC URL - Defaults to Blocknative's private and + * protected RPCto allow users to update the chain RPC within their wallet, + * specifically for private RPCs that protect user transactions + */ + protectedRpcUrl?: string /* Also used when adding a new config to the wallet */ blockExplorerUrl?: string } diff --git a/packages/common/src/validation.ts b/packages/common/src/validation.ts index a3be7c208..809956a3e 100644 --- a/packages/common/src/validation.ts +++ b/packages/common/src/validation.ts @@ -49,6 +49,7 @@ export const chainValidation = Joi.object({ icon: Joi.string(), color: Joi.string(), publicRpcUrl: Joi.string(), + protectedRpcUrl: Joi.string(), blockExplorerUrl: Joi.string(), providerConnectionInfoValidation }) diff --git a/packages/core/package.json b/packages/core/package.json index 91311b64e..8353d5a18 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -85,7 +85,7 @@ "typescript": "^4.5.5" }, "dependencies": { - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/common": "^2.3.3-alpha.1", "bignumber.js": "^9.0.0", "bnc-sdk": "^4.6.7", "bowser": "^2.11.0", diff --git a/packages/core/src/types.ts b/packages/core/src/types.ts index 83bb99b54..031fa7dd4 100644 --- a/packages/core/src/types.ts +++ b/packages/core/src/types.ts @@ -263,6 +263,7 @@ export type NotificationPosition = CommonPositions export type AccountCenter = { enabled: boolean + disableProtectedRpc?: boolean position?: AccountCenterPosition expanded?: boolean minimal?: boolean diff --git a/packages/core/src/validation.ts b/packages/core/src/validation.ts index 3ec78a1ca..2bbd6ef57 100644 --- a/packages/core/src/validation.ts +++ b/packages/core/src/validation.ts @@ -176,6 +176,7 @@ const accountCenter = Joi.object({ position: commonPositions, expanded: Joi.boolean(), minimal: Joi.boolean(), + disableProtectedRpc: Joi.boolean(), containerElement: Joi.string() }) @@ -263,6 +264,7 @@ const setChainOptions = Joi.object({ rpcUrl: Joi.string(), label: Joi.string(), token: Joi.string(), + protectedRpcUrl: Joi.string(), secondaryTokens: Joi.array().max(5).items(secondaryTokenValidation).optional() }) diff --git a/packages/core/src/views/account-center/Maximized.svelte b/packages/core/src/views/account-center/Maximized.svelte index 2a8fb5e71..9d7f7e529 100644 --- a/packages/core/src/views/account-center/Maximized.svelte +++ b/packages/core/src/views/account-center/Maximized.svelte @@ -27,6 +27,10 @@ import shieldIcon from '../../icons/shield-icon.js' import { BN_PROTECT_RPC_URL } from '../../constants.js' import { addProtectedRPC } from '../../provider.js' + import { shareReplay, startWith } from 'rxjs/operators' + const accountCenter$ = state + .select('accountCenter') + .pipe(startWith(state.get().accountCenter), shareReplay(1)) function disconnectAllWallets() { $wallets$.forEach(({ label }) => disconnect({ label })) @@ -34,7 +38,11 @@ const enableProtectionRPC = async () => { try { - await addProtectedRPC(primaryWallet.provider, validAppChain, BN_PROTECT_RPC_URL) + await addProtectedRPC( + primaryWallet.provider, + validAppChain, + BN_PROTECT_RPC_URL + ) } catch (error) { const { code } = error as { code: number } console.log(error, code) @@ -166,7 +174,7 @@ display: flex; flex-direction: column; align-items: flex-start; - padding: 0.75rem 0.75rem 0.25rem 0.75rem; + padding: 0.75rem; gap: 0.5rem; border-radius: var( --account-center-border-radius, @@ -190,7 +198,7 @@ } .protect { flex-direction: row; - padding: 0.25rem 0.375rem; + padding: 0.25rem 0.375rem 0; gap: 0.375rem; width: 100%; } @@ -438,19 +446,22 @@
-
(enableTransactionProtection = true)} - class="protect action-container flex items-center pointer" - > -
- {@html shieldIcon} -
- {$_('accountCenter.enableTransactionProtection', { - default: en.accountCenter.enableTransactionProtection - })} + {#if !$accountCenter$.disableProtectedRpc && connectedChain.id === '0x1'} +
(enableTransactionProtection = true)} + class="protect action-container flex items-center pointer" > -
+
+ {@html shieldIcon} +
+ {$_('accountCenter.enableTransactionProtection', { + default: en.accountCenter.enableTransactionProtection + })} +
+ {/if}
From 542e8e522228edf8dccf4251e16f80dcaba4639f Mon Sep 17 00:00:00 2001 From: Adam Carpenter Date: Wed, 10 May 2023 14:43:31 -0600 Subject: [PATCH 03/37] fix text color for dark mode --- .../views/account-center/EnableTransactionProtection.svelte | 3 ++- packages/demo/src/App.svelte | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/core/src/views/account-center/EnableTransactionProtection.svelte b/packages/core/src/views/account-center/EnableTransactionProtection.svelte index a98ea0d8e..b526e44b5 100644 --- a/packages/core/src/views/account-center/EnableTransactionProtection.svelte +++ b/packages/core/src/views/account-center/EnableTransactionProtection.svelte @@ -19,6 +19,7 @@ --enable-protect-rpc-background, var(--w3o-background-color) ); + color: var(--w3o-text-color); } .icon-container { @@ -27,7 +28,7 @@ background: var(--onboard-primary-100, var(--primary-100)); border-radius: 24px; padding: 12px; - color: var(--onboard-primary-500, var(--primary-500)); + color: var(--w3o-text-color); } h4 { diff --git a/packages/demo/src/App.svelte b/packages/demo/src/App.svelte index a86bc0644..969d569ac 100644 --- a/packages/demo/src/App.svelte +++ b/packages/demo/src/App.svelte @@ -355,7 +355,7 @@ // }, // Sign up for your free api key at www.Blocknative.com apiKey, - theme: 'default' + // theme: 'dark' }) // Subscribe to wallet updates From 1c3f3757dbcb7806ab319a18719d4865a1952a85 Mon Sep 17 00:00:00 2001 From: Adam Carpenter Date: Wed, 10 May 2023 14:46:55 -0600 Subject: [PATCH 04/37] Refine background colors --- packages/core/src/views/account-center/Maximized.svelte | 2 +- packages/demo/src/App.svelte | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/core/src/views/account-center/Maximized.svelte b/packages/core/src/views/account-center/Maximized.svelte index 9d7f7e529..9f707da42 100644 --- a/packages/core/src/views/account-center/Maximized.svelte +++ b/packages/core/src/views/account-center/Maximized.svelte @@ -168,7 +168,7 @@ } .network-container { - background: var(--backround-color); + background: var(--background-color); border-top: 1px solid var(--border-color); width: 100%; display: flex; diff --git a/packages/demo/src/App.svelte b/packages/demo/src/App.svelte index 969d569ac..a86bc0644 100644 --- a/packages/demo/src/App.svelte +++ b/packages/demo/src/App.svelte @@ -355,7 +355,7 @@ // }, // Sign up for your free api key at www.Blocknative.com apiKey, - // theme: 'dark' + theme: 'default' }) // Subscribe to wallet updates From 5bb98ff65191a630702cdfb7a88fcc26cd538c29 Mon Sep 17 00:00:00 2001 From: Adam Carpenter Date: Wed, 10 May 2023 16:11:32 -0600 Subject: [PATCH 05/37] Refine verbiage and remove placeholder for link --- packages/core/src/i18n/en.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/core/src/i18n/en.json b/packages/core/src/i18n/en.json index b1bf01759..a4698e470 100644 --- a/packages/core/src/i18n/en.json +++ b/packages/core/src/i18n/en.json @@ -59,7 +59,7 @@ }, "confirmTransactionProtection": { "heading": "Enable Transaction Protection", - "description": "Protect RPC Endpoints hide your transactions from front-running and sandwich bots to reduce unfavorable transaction settlement from slippage. Learn more here", + "description": "Protect RPC Endpoints hide your transactions from front-running and sandwich bots to reduce unfavorable transaction settlement from slippage.", "enable": "Enable", "dismiss": "Dismiss" } From 27651f1cb08caeaea4042319b1492f49ff562323 Mon Sep 17 00:00:00 2001 From: Adam Carpenter Date: Wed, 10 May 2023 16:21:48 -0600 Subject: [PATCH 06/37] Remove box shadow from AC section --- packages/core/src/views/account-center/Maximized.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/core/src/views/account-center/Maximized.svelte b/packages/core/src/views/account-center/Maximized.svelte index 9f707da42..a9fb544e2 100644 --- a/packages/core/src/views/account-center/Maximized.svelte +++ b/packages/core/src/views/account-center/Maximized.svelte @@ -386,7 +386,7 @@
Date: Thu, 11 May 2023 11:07:21 -0600 Subject: [PATCH 07/37] Bump versions accordingly --- packages/cede-store/package.json | 4 +- packages/coinbase/package.json | 4 +- packages/dcent/package.json | 6 +- packages/enkrypt/package.json | 4 +- packages/fortmatic/package.json | 4 +- packages/frame/package.json | 4 +- packages/frontier/package.json | 4 +- packages/gas/package.json | 4 +- packages/gnosis/package.json | 4 +- packages/hw-common/package.json | 4 +- packages/infinity-wallet/package.json | 4 +- packages/injected/package.json | 4 +- packages/keepkey/package.json | 6 +- packages/keystone/package.json | 6 +- packages/ledger/package.json | 4 +- packages/magic/package.json | 4 +- packages/mew-wallet/package.json | 4 +- packages/mew/package.json | 4 +- packages/phantom/package.json | 4 +- packages/portis/package.json | 4 +- packages/react/package.json | 6 +- packages/sequence/package.json | 4 +- packages/taho/package.json | 4 +- packages/tallyho/package.json | 4 +- packages/torus/package.json | 4 +- packages/transaction-preview/package.json | 4 +- packages/trezor/package.json | 6 +- packages/trust/package.json | 4 +- packages/uauth/package.json | 4 +- packages/unstoppable-resolution/package.json | 4 +- packages/vue/package.json | 6 +- packages/walletconnect/package.json | 4 +- packages/walletlink/package.json | 4 +- packages/web3auth/package.json | 4 +- packages/xdefi/package.json | 4 +- packages/zeal/package.json | 4 +- yarn.lock | 301 ++++++++++++++++++- 37 files changed, 367 insertions(+), 90 deletions(-) diff --git a/packages/cede-store/package.json b/packages/cede-store/package.json index 3ced5a3fa..8180c00f5 100644 --- a/packages/cede-store/package.json +++ b/packages/cede-store/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/cede-store", - "version": "2.0.1", + "version": "2.0.2-alpha.1", "description": "cede.store 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.", "keywords": [ "Ethereum", @@ -70,6 +70,6 @@ }, "dependencies": { "@cedelabs/providers": "^0.0.7", - "@web3-onboard/common": "^2.3.2" + "@web3-onboard/common": "^2.3.3-alpha.1" } } diff --git a/packages/coinbase/package.json b/packages/coinbase/package.json index 486b54a4d..f6f8603f0 100644 --- a/packages/coinbase/package.json +++ b/packages/coinbase/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/coinbase", - "version": "2.2.3", + "version": "2.2.4-alpha.1", "description": "Coinbase 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.", "keywords": [ "Ethereum", @@ -59,6 +59,6 @@ }, "dependencies": { "@coinbase/wallet-sdk": "^3.6.0", - "@web3-onboard/common": "^2.3.2" + "@web3-onboard/common": "^2.3.3-alpha.1" } } diff --git a/packages/dcent/package.json b/packages/dcent/package.json index 0b2b5207c..9e0626f1d 100644 --- a/packages/dcent/package.json +++ b/packages/dcent/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/dcent", - "version": "2.2.6", + "version": "2.2.7-alpha.1", "description": "D'CENT 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.", "keywords": [ "Ethereum", @@ -56,8 +56,8 @@ "typescript": "^4.5.5" }, "dependencies": { - "@web3-onboard/common": "^2.3.2", - "@web3-onboard/hw-common": "^2.2.2", + "@web3-onboard/common": "^2.3.3-alpha.1", + "@web3-onboard/hw-common": "^2.2.3-alpha.1", "@ethereumjs/tx": "^3.4.0", "@ethersproject/providers": "^5.5.0", "eth-dcent-keyring": "^0.2.2" diff --git a/packages/enkrypt/package.json b/packages/enkrypt/package.json index 4d7118805..e6beb6c7a 100644 --- a/packages/enkrypt/package.json +++ b/packages/enkrypt/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/enkrypt", - "version": "2.0.3", + "version": "2.0.4-alpha.1", "description": "Enkrypt 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.", "keywords": [ "Ethereum", @@ -63,6 +63,6 @@ "window": "^4.2.7" }, "dependencies": { - "@web3-onboard/common": "^2.3.2" + "@web3-onboard/common": "^2.3.3-alpha.1" } } diff --git a/packages/fortmatic/package.json b/packages/fortmatic/package.json index de9634341..b1c3ebe75 100644 --- a/packages/fortmatic/package.json +++ b/packages/fortmatic/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/fortmatic", - "version": "2.0.18", + "version": "2.0.19-alpha.1", "description": "Fortmatic 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.", "keywords": [ "Ethereum", @@ -58,7 +58,7 @@ "typescript": "^4.5.5" }, "dependencies": { - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/common": "^2.3.3-alpha.1", "fortmatic": "^2.2.1" } } diff --git a/packages/frame/package.json b/packages/frame/package.json index b78f69d27..6dcd1a178 100644 --- a/packages/frame/package.json +++ b/packages/frame/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/frame", - "version": "2.0.0", + "version": "2.0.1-alpha.1", "description": "Frame 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.", "keywords": [ "Ethereum", @@ -59,7 +59,7 @@ "typescript": "^4.5.5" }, "dependencies": { - "@web3-onboard/common": "^2.3.1", + "@web3-onboard/common": "^2.3.3-alpha.1", "eth-provider": "^0.13.6" } } diff --git a/packages/frontier/package.json b/packages/frontier/package.json index d6762c24e..4149f8209 100644 --- a/packages/frontier/package.json +++ b/packages/frontier/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/frontier", - "version": "2.0.3", + "version": "2.0.4-alpha.1", "description": "Frontier Wallet SDK wallet module for connecting to Web3-Onboard. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardized 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.", "keywords": [ "Ethereum", @@ -59,6 +59,6 @@ "typescript": "^4.5.5" }, "dependencies": { - "@web3-onboard/common": "^2.3.2" + "@web3-onboard/common": "^2.3.3-alpha.1" } } diff --git a/packages/gas/package.json b/packages/gas/package.json index 038ea97bb..0394de113 100644 --- a/packages/gas/package.json +++ b/packages/gas/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/gas", - "version": "2.1.7", + "version": "2.1.8-alpha.1", "description": "Estimate the gas prices needed to get a transaction in to the next block for Ethereum Mainnet and Polygon Matic Mainnet.", "keywords": [ "gas", @@ -32,7 +32,7 @@ "typescript": "^4.5.5" }, "dependencies": { - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/common": "^2.3.3-alpha.1", "rxjs": "^7.5.2", "joi": "17.8.1" } diff --git a/packages/gnosis/package.json b/packages/gnosis/package.json index 332b1c494..75c9e207c 100644 --- a/packages/gnosis/package.json +++ b/packages/gnosis/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/gnosis", - "version": "2.1.9", + "version": "2.1.10-alpha.1", "description": "Gnosis Safe 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.", "keywords": [ "Ethereum", @@ -59,6 +59,6 @@ "dependencies": { "@gnosis.pm/safe-apps-provider": "^0.9.2", "@gnosis.pm/safe-apps-sdk": "^6.1.1", - "@web3-onboard/common": "^2.3.2" + "@web3-onboard/common": "^2.3.3-alpha.1" } } diff --git a/packages/hw-common/package.json b/packages/hw-common/package.json index a812d7762..474209fa6 100644 --- a/packages/hw-common/package.json +++ b/packages/hw-common/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/hw-common", - "version": "2.2.2", + "version": "2.2.3-alpha.1", "description": "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.", "keywords": [ "Ethereum", @@ -81,7 +81,7 @@ }, "dependencies": { "@ethereumjs/common": "2.6.2", - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/common": "^2.3.3-alpha.1", "ethers": "5.5.4", "joi": "17.9.1", "rxjs": "^7.5.2" diff --git a/packages/infinity-wallet/package.json b/packages/infinity-wallet/package.json index 0fabdf07b..a7a58615c 100644 --- a/packages/infinity-wallet/package.json +++ b/packages/infinity-wallet/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/infinity-wallet", - "version": "2.0.3", + "version": "2.0.4-alpha.1", "description": "Infinity Wallet SDK wallet module for connecting to Web3-Onboard. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardized 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.", "keywords": [ "Ethereum", @@ -60,7 +60,7 @@ "devDependencies": { "@types/node": "^17.0.21", "typescript": "^4.5.5", - "@web3-onboard/common": "^2.3.2" + "@web3-onboard/common": "^2.3.3-alpha.1" }, "dependencies": { "@infinitywallet/infinity-connector": "^1.0.6" diff --git a/packages/injected/package.json b/packages/injected/package.json index a20938c09..3741b48b3 100644 --- a/packages/injected/package.json +++ b/packages/injected/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/injected-wallets", - "version": "2.8.6", + "version": "2.8.7-alpha.1", "description": "Injected wallet module for connecting browser extension and mobile wallets 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.", "keywords": [ "Ethereum", @@ -64,7 +64,7 @@ "window": "^4.2.7" }, "dependencies": { - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/common": "^2.3.3-alpha.1", "joi": "17.9.1", "lodash.uniqby": "^4.7.0" } diff --git a/packages/keepkey/package.json b/packages/keepkey/package.json index 792bf11fa..c85101bb0 100644 --- a/packages/keepkey/package.json +++ b/packages/keepkey/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/keepkey", - "version": "2.3.6", + "version": "2.3.7-alpha.1", "description": "KeepKey hardware 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.", "keywords": [ "Ethereum", @@ -63,8 +63,8 @@ "@ethersproject/providers": "^5.5.0", "@shapeshiftoss/hdwallet-core": "^1.15.2", "@shapeshiftoss/hdwallet-keepkey-webusb": "^1.15.2", - "@web3-onboard/common": "^2.3.2", - "@web3-onboard/hw-common": "^2.2.2", + "@web3-onboard/common": "^2.3.3-alpha.1", + "@web3-onboard/hw-common": "^2.2.3-alpha.1", "ethereumjs-util": "^7.1.3" } } diff --git a/packages/keystone/package.json b/packages/keystone/package.json index 73a929d24..c575ce340 100644 --- a/packages/keystone/package.json +++ b/packages/keystone/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/keystone", - "version": "2.3.6", + "version": "2.3.7-alpha.1", "description": "Keystone hardware 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.", "keywords": [ "Ethereum", @@ -58,7 +58,7 @@ "@ethereumjs/tx": "^3.4.0", "@ethersproject/providers": "^5.5.0", "@keystonehq/eth-keyring": "^0.14.00.3", - "@web3-onboard/common": "^2.3.2", - "@web3-onboard/hw-common": "^2.2.0" + "@web3-onboard/common": "^2.3.3-alpha.1", + "@web3-onboard/hw-common": "^2.2.3-alpha.1" } } diff --git a/packages/ledger/package.json b/packages/ledger/package.json index 610a6b45b..6f02bf01c 100644 --- a/packages/ledger/package.json +++ b/packages/ledger/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/ledger", - "version": "2.4.5", + "version": "2.4.6-alpha.1", "description": "Ledger hardare 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.", "keywords": [ "Ethereum", @@ -61,7 +61,7 @@ "@ethersproject/providers": "^5.5.0", "@ledgerhq/connect-kit-loader": "^1.0.2", "@walletconnect/client": "^1.7.1", - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/common": "^2.3.3-alpha.1", "rxjs": "^7.5.2" } } diff --git a/packages/magic/package.json b/packages/magic/package.json index 54d6fe0c3..746316241 100644 --- a/packages/magic/package.json +++ b/packages/magic/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/magic", - "version": "2.1.6", + "version": "2.1.7-alpha.1", "description": "Magic 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.", "keywords": [ "Ethereum", @@ -80,7 +80,7 @@ "typescript": "^4.5.5" }, "dependencies": { - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/common": "^2.3.3-alpha.1", "joi": "17.9.1", "magic-sdk": "^8.1.0", "rxjs": "^7.5.2" diff --git a/packages/mew-wallet/package.json b/packages/mew-wallet/package.json index 7a29ec5ca..9e5fee143 100644 --- a/packages/mew-wallet/package.json +++ b/packages/mew-wallet/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/mew-wallet", - "version": "2.0.3", + "version": "2.0.4-alpha.1", "description": "MEW (MyEtherWallet) Wallet 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.", "keywords": [ "Ethereum", @@ -64,7 +64,7 @@ "window": "^4.2.7" }, "dependencies": { - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/common": "^2.3.3-alpha.1", "lodash.uniqby": "^4.7.0" } } diff --git a/packages/mew/package.json b/packages/mew/package.json index 23d390a8c..17254db9a 100644 --- a/packages/mew/package.json +++ b/packages/mew/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/mew", - "version": "2.1.7", + "version": "2.1.8-alpha.1", "description": "(DEPRECATED. Use @web3-onboard/mew-wallet instead) MEW (My Ether Wallet) 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.", "keywords": [ "Ethereum", @@ -59,7 +59,7 @@ "@myetherwallet/mewconnect-web-client": "^2.2.0-beta.14" }, "dependencies": { - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/common": "^2.3.3-alpha.1", "rxjs": "^7.5.2" } } diff --git a/packages/phantom/package.json b/packages/phantom/package.json index 6fed66f26..4caecf6e6 100644 --- a/packages/phantom/package.json +++ b/packages/phantom/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/phantom", - "version": "2.0.1", + "version": "2.0.2-alpha.1", "description": "Phantom wallet module for connecting to Web3-Onboard. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardized 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.", "keywords": [ "Ethereum", @@ -59,6 +59,6 @@ "typescript": "^4.5.5" }, "dependencies": { - "@web3-onboard/common": "^2.3.2" + "@web3-onboard/common": "^2.3.3-alpha.1" } } diff --git a/packages/portis/package.json b/packages/portis/package.json index 0148c7b03..9fbd2764c 100644 --- a/packages/portis/package.json +++ b/packages/portis/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/portis", - "version": "2.1.6", + "version": "2.1.7-alpha.1", "description": "Portis 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.", "keywords": [ "Ethereum", @@ -57,6 +57,6 @@ }, "dependencies": { "@portis/web3": "^4.0.6", - "@web3-onboard/common": "^2.3.2" + "@web3-onboard/common": "^2.3.3-alpha.1" } } diff --git a/packages/react/package.json b/packages/react/package.json index e7cf5425b..c1717f682 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/react", - "version": "2.8.2", + "version": "2.8.3-alpha.1", "description": "A collection of React hooks for integrating Web3-Onboard in to React and Next.js projects. 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, 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.", "keywords": [ "Ethereum", @@ -62,8 +62,8 @@ "typescript": "^4.5.5" }, "dependencies": { - "@web3-onboard/core": "^2.18.0", - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/core": "^2.19.0-alpha.1", + "@web3-onboard/common": "^2.3.3-alpha.1", "use-sync-external-store": "1.0.0" }, "peerDependencies": { diff --git a/packages/sequence/package.json b/packages/sequence/package.json index 0ad94640d..ff98cb3ab 100644 --- a/packages/sequence/package.json +++ b/packages/sequence/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/sequence", - "version": "2.0.7", + "version": "2.0.8-alpha.1", "description": "Sequence is the smartest Web3 wallet. Easy, fun and secure.", "keywords": [ "Ethereum", @@ -56,7 +56,7 @@ "typescript": "^4.5.5" }, "dependencies": { - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/common": "^2.3.3-alpha.1", "0xsequence": "^0.43.1" }, "peerDependencies": { diff --git a/packages/taho/package.json b/packages/taho/package.json index 8eb551749..0ef4c53db 100644 --- a/packages/taho/package.json +++ b/packages/taho/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/taho", - "version": "2.0.3", + "version": "2.0.4-alpha.1", "description": "Taho 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.", "keywords": [ "Ethereum", @@ -66,7 +66,7 @@ "window": "^4.2.7" }, "dependencies": { - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/common": "^2.3.3-alpha.1", "tallyho-detect-provider": "^1.0.0", "tallyho-onboarding": "^1.0.2" } diff --git a/packages/tallyho/package.json b/packages/tallyho/package.json index 0c14e9822..610591c12 100644 --- a/packages/tallyho/package.json +++ b/packages/tallyho/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/tallyho", - "version": "2.0.5", + "version": "2.0.6-alpha.1", "description": "(DEPRECATED. Use @web3-onboard/taho instead) Tally Ho (now named Taho Wallet) 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.", "keywords": [ "Ethereum", @@ -64,7 +64,7 @@ "window": "^4.2.7" }, "dependencies": { - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/common": "^2.3.3-alpha.1", "tallyho-detect-provider": "^1.0.0", "tallyho-onboarding": "^1.0.2" } diff --git a/packages/torus/package.json b/packages/torus/package.json index c5c82d41a..a85cc83bb 100644 --- a/packages/torus/package.json +++ b/packages/torus/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/torus", - "version": "2.2.4", + "version": "2.2.5-alpha.1", "description": "Torus SDK wallet module for connecting to Web3-Onboard. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardized 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.", "keywords": [ "Ethereum", @@ -58,6 +58,6 @@ }, "dependencies": { "@toruslabs/torus-embed": "1.38.2", - "@web3-onboard/common": "^2.3.2" + "@web3-onboard/common": "^2.3.3-alpha.1" } } diff --git a/packages/transaction-preview/package.json b/packages/transaction-preview/package.json index 859d3390e..a0b793cc8 100644 --- a/packages/transaction-preview/package.json +++ b/packages/transaction-preview/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/transaction-preview", - "version": "2.0.7", + "version": "2.0.8-alpha.1", "description": "In app preview of Ethereum transactions", "keywords": [ "Ethereum", @@ -80,7 +80,7 @@ "typescript": "^4.5.5" }, "dependencies": { - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/common": "^2.3.3-alpha.1", "bnc-sdk": "^4.6.7", "bowser": "^2.11.0", "joi": "17.9.1", diff --git a/packages/trezor/package.json b/packages/trezor/package.json index ad4e6ed00..0247dfd0f 100644 --- a/packages/trezor/package.json +++ b/packages/trezor/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/trezor", - "version": "2.4.1", + "version": "2.4.2-alpha.1", "description": "Trezor hardware 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.", "keywords": [ "Ethereum", @@ -60,8 +60,8 @@ "dependencies": { "@ethereumjs/tx": "^3.4.0", "@ethersproject/providers": "^5.5.0", - "@web3-onboard/common": "^2.3.2", - "@web3-onboard/hw-common": "^2.2.2", + "@web3-onboard/common": "^2.3.3-alpha.1", + "@web3-onboard/hw-common": "^2.2.3-alpha.1", "buffer": "^6.0.3", "eth-crypto": "^2.1.0", "ethereumjs-util": "^7.1.3", diff --git a/packages/trust/package.json b/packages/trust/package.json index eefffbb92..f3eb64d8c 100644 --- a/packages/trust/package.json +++ b/packages/trust/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/trust", - "version": "2.0.3", + "version": "2.0.4-alpha.1", "description": "Trust Wallet SDK wallet module for connecting to Web3-Onboard. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardized 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.", "keywords": [ "Ethereum", @@ -61,6 +61,6 @@ "typescript": "^4.5.5" }, "dependencies": { - "@web3-onboard/common": "^2.3.2" + "@web3-onboard/common": "^2.3.3-alpha.1" } } diff --git a/packages/uauth/package.json b/packages/uauth/package.json index b1e2dfa48..f1536ea41 100644 --- a/packages/uauth/package.json +++ b/packages/uauth/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/uauth", - "version": "2.0.4", + "version": "2.0.5-alpha.1", "description": "Unstoppable Domains 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.", "keywords": [ "Ethereum", @@ -65,7 +65,7 @@ "@ethersproject/providers": "^5.5.0", "@walletconnect/client": "^1.7.1", "@walletconnect/qrcode-modal": "^1.7.1", - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/common": "^2.3.3-alpha.1", "joi": "17.9.1", "rxjs": "^7.5.2" } diff --git a/packages/unstoppable-resolution/package.json b/packages/unstoppable-resolution/package.json index b31307482..0f01e198b 100644 --- a/packages/unstoppable-resolution/package.json +++ b/packages/unstoppable-resolution/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/unstoppable-resolution", - "version": "2.0.1", + "version": "2.0.2-alpha.1", "description": "Adds Unstoppable Domain resolution for a wallet address, similar to ENS resolution", "keywords": [ "Unstoppable Domain", @@ -29,7 +29,7 @@ }, "license": "MIT", "devDependencies": { - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/common": "^2.3.3-alpha.1", "typescript": "^4.5.5" }, "dependencies": { diff --git a/packages/vue/package.json b/packages/vue/package.json index 5832ba042..54b22142c 100644 --- a/packages/vue/package.json +++ b/packages/vue/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/vue", - "version": "2.7.1", + "version": "2.7.2-alpha.1", "description": "A collection of Vue Composables for integrating Web3-Onboard in to a Vue or Nuxt project. Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardized spec compliant web3 providers for all supported wallets, 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.", "keywords": [ "Ethereum", @@ -62,8 +62,8 @@ "dependencies": { "@vueuse/core": "^8.4.2", "@vueuse/rxjs": "^8.2.0", - "@web3-onboard/common": "^2.3.2", - "@web3-onboard/core": "^2.18.0", + "@web3-onboard/common": "^2.3.3-alpha.1", + "@web3-onboard/core": "^2.19.0-alpha.1", "vue-demi": "^0.12.4" }, "peerDependencies": { diff --git a/packages/walletconnect/package.json b/packages/walletconnect/package.json index 588766777..9824aa674 100644 --- a/packages/walletconnect/package.json +++ b/packages/walletconnect/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/walletconnect", - "version": "2.3.7", + "version": "2.3.8-alpha.1", "description": "WalletConnect SDK 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.", "keywords": [ "Ethereum", @@ -65,7 +65,7 @@ "@walletconnect/client": "^1.8.0", "@walletconnect/qrcode-modal": "^1.8.0", "@web3modal/standalone":"2.2.2", - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/common": "^2.3.3-alpha.1", "rxjs": "^7.5.2" } } diff --git a/packages/walletlink/package.json b/packages/walletlink/package.json index e8c0f0ace..61efcef49 100644 --- a/packages/walletlink/package.json +++ b/packages/walletlink/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/walletlink", - "version": "2.1.6", + "version": "2.1.7-alpha.1", "description": "(DEPRECATED. Use @web3-onboard/coinbase instead) WalletLink 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.", "keywords": [ "Ethereum", @@ -58,7 +58,7 @@ "typescript": "^4.5.5" }, "dependencies": { - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/common": "^2.3.3-alpha.1", "walletlink": "^2.5.0" } } diff --git a/packages/web3auth/package.json b/packages/web3auth/package.json index 304a25d0d..5031262d3 100644 --- a/packages/web3auth/package.json +++ b/packages/web3auth/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/web3auth", - "version": "2.2.2", + "version": "2.2.3-alpha.1", "description": "Web3Auth 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.", "keywords": [ "Ethereum", @@ -57,7 +57,7 @@ "typescript": "^4.5.5" }, "dependencies": { - "@web3-onboard/common": "^2.3.2", + "@web3-onboard/common": "^2.3.3-alpha.1", "@solana/web3.js": "^1.73.0", "@web3auth/base": "^5.0.1", "@web3auth/modal": "^5.0.1", diff --git a/packages/xdefi/package.json b/packages/xdefi/package.json index 2941229c5..844b257a4 100644 --- a/packages/xdefi/package.json +++ b/packages/xdefi/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/xdefi", - "version": "2.0.3", + "version": "2.0.4-alpha.1", "description": "XDEFI 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.", "keywords": [ "Ethereum", @@ -64,6 +64,6 @@ "window": "^4.2.7" }, "dependencies": { - "@web3-onboard/common": "^2.3.2" + "@web3-onboard/common": "^2.3.3-alpha.1" } } diff --git a/packages/zeal/package.json b/packages/zeal/package.json index a2979c75b..b2ec62bb9 100644 --- a/packages/zeal/package.json +++ b/packages/zeal/package.json @@ -1,6 +1,6 @@ { "name": "@web3-onboard/zeal", - "version": "2.0.3", + "version": "2.0.4-alpha.1", "description": "Zeal SDK wallet module for connecting to Web3-Onboard.", "keywords": [ "Ethereum", @@ -54,6 +54,6 @@ "window": "^4.2.7" }, "dependencies": { - "@web3-onboard/common": "^2.3.2" + "@web3-onboard/common": "^2.3.3-alpha.1" } } diff --git a/yarn.lock b/yarn.lock index 013f3fc13..7d3f36f8c 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3782,25 +3782,302 @@ "@walletconnect/window-getters" "^1.0.1" tslib "1.14.1" -"@web3-onboard/core@^2.18.0": - version "2.18.0-alpha.3" - resolved "https://registry.yarnpkg.com/@web3-onboard/core/-/core-2.18.0-alpha.3.tgz#2a5dea09c2eecf2c019df66812828e5acd543c8a" - integrity sha512-2m9E/ikLKfEq4A05SDlrevcSIEV3XS9IWSt4WbnaWLTEgqy+7hWPvs1Rz6GY9lQUm8+9nFMcNjt36Pn8JSlc6w== +"@web3-onboard/cede-store@^2.0.1": + version "2.0.1" + resolved "https://registry.yarnpkg.com/@web3-onboard/cede-store/-/cede-store-2.0.1.tgz#0dec82e6f511e5b89885586c3229732c824f1fc0" + integrity sha512-ZgC/cgGdci+TuFJ2Yt2NK7BH84kCvSTj/Ko+VxWaAfiAw8m249SIsJeqmW7hEGM0ZJhJW0rmQHvDpSv0w4wF5g== dependencies: - "@web3-onboard/common" "^2.3.2-alpha.2" - bignumber.js "^9.0.0" + "@cedelabs/providers" "^0.0.7" + "@web3-onboard/common" "^2.3.2" + +"@web3-onboard/coinbase@^2.2.3": + version "2.2.3" + resolved "https://registry.yarnpkg.com/@web3-onboard/coinbase/-/coinbase-2.2.3.tgz#db731735096a9fabec66517bc8a913650d3212d3" + integrity sha512-x1DcunvCfG17jKqa+IFqnxxcXwe30+hTxU+qRwVN/r699GGg6YsRQfIGZvRWcdl0dv6xkOifP3a4F38P4d4C8Q== + dependencies: + "@coinbase/wallet-sdk" "^3.6.0" + "@web3-onboard/common" "^2.3.2" + +"@web3-onboard/common@^2.3.1", "@web3-onboard/common@^2.3.2": + version "2.3.2" + resolved "https://registry.yarnpkg.com/@web3-onboard/common/-/common-2.3.2.tgz#bf2868e3a093a20a1390eea596e82922c2af8cd8" + integrity sha512-BmMc7MhqrpWD3RxJ2IWppF7AKRRFdaUrcIUvUa3/MNV6IrwFoHcg9eTsFPlF0cUqJip+oQz0XGCqdlVgcSLAcQ== + dependencies: + bignumber.js "^9.1.0" + ethers "5.5.4" + joi "17.9.1" + +"@web3-onboard/dcent@^2.2.6": + version "2.2.6" + resolved "https://registry.yarnpkg.com/@web3-onboard/dcent/-/dcent-2.2.6.tgz#5dc43bb83eca569c6b1f622b956c48107f84bae5" + integrity sha512-RjOeXhsNQTkf+eqop6bIHPMuNnjr4IBF1/+kpD6JjsatxI+La+zJv16gSFq0aPfq7TZgb4vuaSmgoCxnO1UEGA== + dependencies: + "@ethereumjs/tx" "^3.4.0" + "@ethersproject/providers" "^5.5.0" + "@web3-onboard/common" "^2.3.2" + "@web3-onboard/hw-common" "^2.2.2" + eth-dcent-keyring "^0.2.2" + +"@web3-onboard/enkrypt@^2.0.3": + version "2.0.3" + resolved "https://registry.yarnpkg.com/@web3-onboard/enkrypt/-/enkrypt-2.0.3.tgz#86c25b7acb57178918084c3e86ffbeb8b82622eb" + integrity sha512-2ONcOJiiKPIKj0B8YZMUht292zcnRQtyNExQoro8n8mpFNhQ4Ig2zQi1IzHcSOGRk8I+RoGO8rvCZ/WAsa65zw== + dependencies: + "@web3-onboard/common" "^2.3.2" + +"@web3-onboard/fortmatic@^2.0.18": + version "2.0.18" + resolved "https://registry.yarnpkg.com/@web3-onboard/fortmatic/-/fortmatic-2.0.18.tgz#2df966c2fda49161cd96f8e28cbbb414e63aa7cf" + integrity sha512-WAgxwFPtRXwqElPdirKonCPANQ/KWsWrA6WGcUNzDTdUvS5UJLGGQMoKxM5yN4TgiCp5vvb33cRhEZ08b9tJdQ== + dependencies: + "@web3-onboard/common" "^2.3.2" + fortmatic "^2.2.1" + +"@web3-onboard/frame@2.0.0": + version "2.0.0" + resolved "https://registry.yarnpkg.com/@web3-onboard/frame/-/frame-2.0.0.tgz#b2840fc3ebb1c303b6f305f25e847512d8065810" + integrity sha512-FBbc9JCEVMX502wA5wqWpRBF2qAxnPvflCmCMK2bm2gVcS/HuT99eXV497yb6KJy9ryXxS/t7d8hVZtuRDwOYg== + dependencies: + "@web3-onboard/common" "^2.3.1" + eth-provider "^0.13.6" + +"@web3-onboard/frontier@^2.0.3": + version "2.0.3" + resolved "https://registry.yarnpkg.com/@web3-onboard/frontier/-/frontier-2.0.3.tgz#1422d7f64a6c311d610c450d0d2a9f7068758679" + integrity sha512-GrXZpimDWLr54g/GSioF9FoHPv326vbUydBh3Gm5xMx7TkiJ50nVNvGZM/tGC4wrsw1K5lVZ4B2GM89/2fYW/A== + dependencies: + "@web3-onboard/common" "^2.3.2" + +"@web3-onboard/gas@^2.1.5", "@web3-onboard/gas@^2.1.7": + version "2.1.7" + resolved "https://registry.yarnpkg.com/@web3-onboard/gas/-/gas-2.1.7.tgz#caef19baac5b6ae8a48ce433473d7d45ce40e6a8" + integrity sha512-OVb73b6irHYkqZO45lB3bMe7BLc4Lr4mVdqSrv/YiFjCgq1iosb6AO/MHgQAzG3X9zwbFs4Jls9gkaUgW5jluw== + dependencies: + "@web3-onboard/common" "^2.3.2" + joi "17.8.1" + rxjs "^7.5.2" + +"@web3-onboard/gnosis@^2.1.9": + version "2.1.9" + resolved "https://registry.yarnpkg.com/@web3-onboard/gnosis/-/gnosis-2.1.9.tgz#1b228513f361bef88bd1fdb9310a5c267ed54f54" + integrity sha512-nBBK8rtLMiS4yhlKh75f0CW86HEp9qQfOf2wI1wyeNlcFDrYvnIdSvAXtH+mZQCNu0v5qSCF2lR5buUbu+i0tw== + dependencies: + "@gnosis.pm/safe-apps-provider" "^0.9.2" + "@gnosis.pm/safe-apps-sdk" "^6.1.1" + "@web3-onboard/common" "^2.3.2" + +"@web3-onboard/hw-common@^2.2.0", "@web3-onboard/hw-common@^2.2.2": + version "2.2.2" + resolved "https://registry.yarnpkg.com/@web3-onboard/hw-common/-/hw-common-2.2.2.tgz#02dad6afc4af3b5945272d1a1d24dbcebd837ad0" + integrity sha512-wOskCumVGUSNMnJQUGkSOMP0nZvocfHrK3/iqNtsUVXU6Szw3I9/oIwNPwcDwbttIwpayLyLZisGxvnn7gj3+g== + dependencies: + "@ethereumjs/common" "2.6.2" + "@web3-onboard/common" "^2.3.2" + ethers "5.5.4" + joi "17.9.1" + rxjs "^7.5.2" + +"@web3-onboard/infinity-wallet@^2.0.3": + version "2.0.3" + resolved "https://registry.yarnpkg.com/@web3-onboard/infinity-wallet/-/infinity-wallet-2.0.3.tgz#c7c98e407bfaccf41fdbd48df983d5abf951ae6d" + integrity sha512-orXgx+hohaU1B8OTw9rvzl6/Zp/ouf5At90kPl/qgW5P7AqJp6X6i84dxTrxUWiiUOmnienvO/xQxBaTA+NQyQ== + dependencies: + "@infinitywallet/infinity-connector" "^1.0.6" + +"@web3-onboard/injected-wallets@^2.8.5": + version "2.8.6" + resolved "https://registry.yarnpkg.com/@web3-onboard/injected-wallets/-/injected-wallets-2.8.6.tgz#946843a8595752b6bd80ee04cc7030c1717ba180" + integrity sha512-mdvhU7Zv3pD69oopjbmrT0yVzKboEGUQcE372HGT63xA7w0m0p9rDHjlSQuy4DyNop7Vx0k1cKrnvjFE7dyqZg== + dependencies: + "@web3-onboard/common" "^2.3.2" + joi "17.9.1" + lodash.uniqby "^4.7.0" + +"@web3-onboard/keepkey@^2.3.6": + version "2.3.6" + resolved "https://registry.yarnpkg.com/@web3-onboard/keepkey/-/keepkey-2.3.6.tgz#f691a2a945913325b8b2eade75a999489bc7ebcf" + integrity sha512-QkXGCSZ3jq7m+GxVTAOHfJnggdPnqE72CG8Pbf/qzeRVC0KznfKmp6b2+w8g/IlGKcJkCzIcifLGue8W7beaQw== + dependencies: + "@ethersproject/providers" "^5.5.0" + "@shapeshiftoss/hdwallet-core" "^1.15.2" + "@shapeshiftoss/hdwallet-keepkey-webusb" "^1.15.2" + "@web3-onboard/common" "^2.3.2" + "@web3-onboard/hw-common" "^2.2.2" + ethereumjs-util "^7.1.3" + +"@web3-onboard/keystone@^2.3.6": + version "2.3.6" + resolved "https://registry.yarnpkg.com/@web3-onboard/keystone/-/keystone-2.3.6.tgz#ddeaa5feece8b6996a7a03fda50cacdfa076daaa" + integrity sha512-++TkxB2zNiFK1t9Hgp9oT1Tl0v4nEngX2OaqFUd0nRQ3669SaF+Wd0eemCHFGMCbiwqOvNfBKR67DuEOIPknrg== + dependencies: + "@ethereumjs/tx" "^3.4.0" + "@ethersproject/providers" "^5.5.0" + "@keystonehq/eth-keyring" "^0.14.00.3" + "@web3-onboard/common" "^2.3.2" + "@web3-onboard/hw-common" "^2.2.0" + +"@web3-onboard/ledger@^2.4.5": + version "2.4.5" + resolved "https://registry.yarnpkg.com/@web3-onboard/ledger/-/ledger-2.4.5.tgz#252c52ed2603254aa98d54cd5e177f255ccd51f2" + integrity sha512-uLZMygKz7AVPbnNndHsbEQEGI/bHEepNHzR9vAsw9Z4h+gD5z9OhRKXK8eArQRBSQJmBsLdWRfrS8g9r+USJPQ== + dependencies: + "@ethersproject/providers" "^5.5.0" + "@ledgerhq/connect-kit-loader" "^1.0.2" + "@walletconnect/client" "^1.7.1" + "@web3-onboard/common" "^2.3.2" + rxjs "^7.5.2" + +"@web3-onboard/magic@^2.1.6": + version "2.1.6" + resolved "https://registry.yarnpkg.com/@web3-onboard/magic/-/magic-2.1.6.tgz#8b0eaa0ca02f9324065782df5cb2b0ea6fcf9d5f" + integrity sha512-53bke1UBnR6dCgcUcBnRPsvrJFPeaRwdaS4wQOgsHLYgKtmLxFitlSLxhL++eiI6JZH6edV8GCKP6lyuWVacTw== + dependencies: + "@web3-onboard/common" "^2.3.2" + joi "17.9.1" + magic-sdk "^8.1.0" + rxjs "^7.5.2" + +"@web3-onboard/mew-wallet@^2.0.2": + version "2.0.3" + resolved "https://registry.yarnpkg.com/@web3-onboard/mew-wallet/-/mew-wallet-2.0.3.tgz#5b962c749bef9babb04cf0077cf89ac7b3e72b33" + integrity sha512-Hkg6zkhjNvO5bonXJg7du0pSKgktzqwDJxvLoFAd7sFyQxV/IDTQ1sYFKE2ItPakuQM4tKPeHCyZM6Nbqmjnqg== + dependencies: + "@web3-onboard/common" "^2.3.2" + lodash.uniqby "^4.7.0" + +"@web3-onboard/phantom@^2.0.1": + version "2.0.1" + resolved "https://registry.yarnpkg.com/@web3-onboard/phantom/-/phantom-2.0.1.tgz#3f29dbf72f15f32d1f62317e35dc1097b232cc13" + integrity sha512-PJkNKIeKO4nULntlgi6pe+PAl6vPC211DSRV1+RQaMxpi5DP83b5lUmk310fCdaaLtDLjPcxf5TZf4AyZ6mWYw== + dependencies: + "@web3-onboard/common" "^2.3.2" + +"@web3-onboard/portis@^2.1.6": + version "2.1.6" + resolved "https://registry.yarnpkg.com/@web3-onboard/portis/-/portis-2.1.6.tgz#a774e12c450894a3c80cf73e248bd9eba6240714" + integrity sha512-cJxXgJ2gT+RkouIdr1unyvD+iETz5VfuZlJp3nvEE7JBF4ihoycE9jGlr0Zd9gSP3TpM8imsW7NlM2jSuSuf1A== + dependencies: + "@portis/web3" "^4.0.6" + "@web3-onboard/common" "^2.3.2" + +"@web3-onboard/sequence@^2.0.7": + version "2.0.7" + resolved "https://registry.yarnpkg.com/@web3-onboard/sequence/-/sequence-2.0.7.tgz#e0a649cdf2e1bfc381b6cc52e1d31a3619694127" + integrity sha512-JJannpGsPn1mkkzN8a0CR71P/3F38lbhp2X14tE9SxwuGZs4a/sgmA/wMdP1L99cGpfnq2Inm2ay9LmjoU7mrw== + dependencies: + "0xsequence" "^0.43.1" + "@web3-onboard/common" "^2.3.2" + +"@web3-onboard/taho@^2.0.3": + version "2.0.3" + resolved "https://registry.yarnpkg.com/@web3-onboard/taho/-/taho-2.0.3.tgz#7acac82e5251b38292a28a994f3e718e58c3a1d1" + integrity sha512-BUFbe4BuAMZRLlC/3F6gVQW94uGgyyYHs/MuK0+FdsRuoPHoaj0YBmZZJksZOACv/QzwDP/ZdOZAuesJwHq0tw== + dependencies: + "@web3-onboard/common" "^2.3.2" + tallyho-detect-provider "^1.0.0" + tallyho-onboarding "^1.0.2" + +"@web3-onboard/torus@^2.2.4": + version "2.2.4" + resolved "https://registry.yarnpkg.com/@web3-onboard/torus/-/torus-2.2.4.tgz#5c5fffcf18112886c140a32910e3843d7b78c48a" + integrity sha512-hv54bEaSznZif8jxnA2cYcYqx904jInKELkyUbqoUdnwU8nhviXhwE8oPeeFVuiuaWrnZPxJqY/Yqkq3E/5SFw== + dependencies: + "@toruslabs/torus-embed" "1.38.2" + "@web3-onboard/common" "^2.3.2" + +"@web3-onboard/transaction-preview@^2.0.5", "@web3-onboard/transaction-preview@^2.0.7": + version "2.0.7" + resolved "https://registry.yarnpkg.com/@web3-onboard/transaction-preview/-/transaction-preview-2.0.7.tgz#6e607fdbd92a6087049780bf17f4111255ac1e8b" + integrity sha512-AylimOQNIG+SRVdt46+p30Tao0hR39njYvUGX3erURBavKgTnq2txFyefZuM0XI7Hg+/ROsLozTSs8hQqUI2Mw== + dependencies: + "@web3-onboard/common" "^2.3.2" bnc-sdk "^4.6.7" bowser "^2.11.0" - ethers "5.5.3" - eventemitter3 "^4.0.7" joi "17.9.1" - lodash.merge "^4.6.2" - lodash.partition "^4.6.0" - nanoid "^4.0.0" - rxjs "^7.5.5" + rxjs "^7.5.2" svelte "^3.49.0" svelte-i18n "^3.3.13" +"@web3-onboard/trezor@^2.4.1": + version "2.4.1" + resolved "https://registry.yarnpkg.com/@web3-onboard/trezor/-/trezor-2.4.1.tgz#c5159013d7424b1add70929df55ca254ac264e0e" + integrity sha512-ShgZLxAzPkgw9cbVnR8UrfdCgg2oxn9DFLpmKC8Thmi0sT3/IP6Evn1dGoebf9xOrhgOssahyFnpR2qtBOYIUg== + dependencies: + "@ethereumjs/tx" "^3.4.0" + "@ethersproject/providers" "^5.5.0" + "@trezor/connect-web" "^9.0.8" + "@web3-onboard/common" "^2.3.2" + "@web3-onboard/hw-common" "^2.2.2" + buffer "^6.0.3" + eth-crypto "^2.1.0" + ethereumjs-util "^7.1.3" + hdkey "^2.0.1" + +"@web3-onboard/trust@^2.0.3": + version "2.0.3" + resolved "https://registry.yarnpkg.com/@web3-onboard/trust/-/trust-2.0.3.tgz#573e84d7d89a815984b12f2fc409bc3a95d018de" + integrity sha512-eDw3FDTKGsqhSzaWBzYCSjEuKQDYZs6DbzAfnYcFb06tuZy9yQRW8U3sjPUKLNnIO6RtoBiO61f2O4IcOtj7bA== + dependencies: + "@web3-onboard/common" "^2.3.2" + +"@web3-onboard/uauth@^2.0.4": + version "2.0.4" + resolved "https://registry.yarnpkg.com/@web3-onboard/uauth/-/uauth-2.0.4.tgz#1c3c111cf2394e97266fa4e8b247eec3cd7e143e" + integrity sha512-TWsMCxpmcVTHa6bGqVHe7CKpoZO2GPQkYqk1Ow8VP8qh05KdXIGBDRXEpzKQGxsChQQoNza3y1ycQSnWhpIa+Q== + dependencies: + "@ethersproject/providers" "^5.5.0" + "@uauth/js" "^2.4.0" + "@walletconnect/client" "^1.7.1" + "@walletconnect/qrcode-modal" "^1.7.1" + "@web3-onboard/common" "^2.3.2" + joi "17.9.1" + rxjs "^7.5.2" + +"@web3-onboard/unstoppable-resolution@^2.0.0": + version "2.0.1" + resolved "https://registry.yarnpkg.com/@web3-onboard/unstoppable-resolution/-/unstoppable-resolution-2.0.1.tgz#c4307dfa8d084d2d31332805b5b28d70f8cfa62a" + integrity sha512-QsCvHYMo5c6/rOMwmRcas78TlBKBON3XBqONwSdNge0rjGDnu6UH3HqV/NuO6W7lEGhXQxk2ZthL/Ui0KCBCgw== + dependencies: + "@unstoppabledomains/resolution" "^8.0" + +"@web3-onboard/walletconnect@^2.3.7": + version "2.3.7" + resolved "https://registry.yarnpkg.com/@web3-onboard/walletconnect/-/walletconnect-2.3.7.tgz#35c3b611a428097559907aeccfb64dee002f139a" + integrity sha512-9m8ZL03Gie1xZG0SFTNRw2Azn+zLev7bSbiAdgqhlSkvw0kazahWE0atHWTggI4TwLLe5jPrZriwm9vmbEM2ow== + dependencies: + "@ethersproject/providers" "5.5.0" + "@walletconnect/client" "^1.8.0" + "@walletconnect/ethereum-provider" "2.7.0" + "@walletconnect/qrcode-modal" "^1.8.0" + "@web3-onboard/common" "^2.3.2" + "@web3modal/standalone" "2.2.2" + rxjs "^7.5.2" + +"@web3-onboard/web3auth@^2.2.2": + version "2.2.2" + resolved "https://registry.yarnpkg.com/@web3-onboard/web3auth/-/web3auth-2.2.2.tgz#e7ecb655f56a8ed263122e7191deec1763e7c8bc" + integrity sha512-Jv5xTdSBGYZJx+4uo1lB5VvTG2Xii0rbRwUFIUChpHlx+KZUVugtsaXXy2HCCLtL3F50P655ZbIqjc9LvqqIqA== + dependencies: + "@solana/web3.js" "^1.73.0" + "@web3-onboard/common" "^2.3.2" + "@web3auth/base" "^5.0.1" + "@web3auth/modal" "^5.0.1" + react-dom "^18.2.0" + +"@web3-onboard/xdefi@^2.0.3": + version "2.0.3" + resolved "https://registry.yarnpkg.com/@web3-onboard/xdefi/-/xdefi-2.0.3.tgz#703b0a4afd04a9448d45002c4532111a236e2b59" + integrity sha512-nGxspI2xsuoh69wZBim6/eIiVSUhhTWnFIaqlP1ZXHk2om9qbIO7ttFUAzPk+8TpGdYJ5TNKBI+L43CrbTv+RA== + dependencies: + "@web3-onboard/common" "^2.3.2" + +"@web3-onboard/zeal@^2.0.3": + version "2.0.3" + resolved "https://registry.yarnpkg.com/@web3-onboard/zeal/-/zeal-2.0.3.tgz#793b2966a029db0af566ed7b82610ef9f385f265" + integrity sha512-KGCznzH3zbChBgTV8KWWQhRg52B5YGdC5wNCEhWUINhn5ujwK3KdO0SsMmJOwMItAm8Y4OfPvZ+4lkDEdwKLhA== + dependencies: + "@web3-onboard/common" "^2.3.2" + "@web3-react/abstract-connector@^6.0.7": version "6.0.7" resolved "https://registry.yarnpkg.com/@web3-react/abstract-connector/-/abstract-connector-6.0.7.tgz#401b3c045f1e0fab04256311be49d5144e9badc6" From fa1d73cb63c74473559b65b7ca0e58a238038d06 Mon Sep 17 00:00:00 2001 From: Adam Carpenter Date: Thu, 11 May 2023 13:25:00 -0600 Subject: [PATCH 08/37] Rename rpc update func --- packages/core/src/provider.ts | 2 +- packages/core/src/views/account-center/Maximized.svelte | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/core/src/provider.ts b/packages/core/src/provider.ts index 375b685b6..0a4c0d849 100644 --- a/packages/core/src/provider.ts +++ b/packages/core/src/provider.ts @@ -471,7 +471,7 @@ export function addNewChain( }) } -export function addProtectedRPC( +export function updateChainRPC( provider: EIP1193Provider, chain: Chain, rpcUrl?: string diff --git a/packages/core/src/views/account-center/Maximized.svelte b/packages/core/src/views/account-center/Maximized.svelte index a9fb544e2..935d48dd5 100644 --- a/packages/core/src/views/account-center/Maximized.svelte +++ b/packages/core/src/views/account-center/Maximized.svelte @@ -26,7 +26,7 @@ import SecondaryTokenTable from './SecondaryTokenTable.svelte' import shieldIcon from '../../icons/shield-icon.js' import { BN_PROTECT_RPC_URL } from '../../constants.js' - import { addProtectedRPC } from '../../provider.js' + import { updateChainRPC } from '../../provider.js' import { shareReplay, startWith } from 'rxjs/operators' const accountCenter$ = state .select('accountCenter') @@ -38,7 +38,7 @@ const enableProtectionRPC = async () => { try { - await addProtectedRPC( + await updateChainRPC( primaryWallet.provider, validAppChain, BN_PROTECT_RPC_URL From 6ab2884f61ba878b58cb5a211f774b000a9741e2 Mon Sep 17 00:00:00 2001 From: Adam Carpenter Date: Thu, 11 May 2023 13:37:36 -0600 Subject: [PATCH 09/37] Cleanup type prop comments --- packages/common/src/types.ts | 2 +- packages/core/src/types.ts | 5 +++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/packages/common/src/types.ts b/packages/common/src/types.ts index 9b3735d29..2579ab5ad 100644 --- a/packages/common/src/types.ts +++ b/packages/common/src/types.ts @@ -422,7 +422,7 @@ export interface Chain { /* An optional public RPC used when adding a new chain config to the wallet */ publicRpcUrl?: string /** An optional protected RPC URL - Defaults to Blocknative's private and - * protected RPCto allow users to update the chain RPC within their wallet, + * protected RPC to allow users to update the chain RPC within their wallet, * specifically for private RPCs that protect user transactions */ protectedRpcUrl?: string diff --git a/packages/core/src/types.ts b/packages/core/src/types.ts index 031fa7dd4..d96b9bf8d 100644 --- a/packages/core/src/types.ts +++ b/packages/core/src/types.ts @@ -263,6 +263,11 @@ export type NotificationPosition = CommonPositions export type AccountCenter = { enabled: boolean + /** + * false by default - This allows removal of the + * Enable Transaction Protection' button within the Account Center + * expanded when set to true + */ disableProtectedRpc?: boolean position?: AccountCenterPosition expanded?: boolean From bd37fa3043fb580c350afe13a0622d683a03af2b Mon Sep 17 00:00:00 2001 From: Adam Carpenter Date: Thu, 11 May 2023 14:09:16 -0600 Subject: [PATCH 10/37] Refine state get in maximized --- packages/core/src/views/account-center/Maximized.svelte | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/core/src/views/account-center/Maximized.svelte b/packages/core/src/views/account-center/Maximized.svelte index 935d48dd5..92c412206 100644 --- a/packages/core/src/views/account-center/Maximized.svelte +++ b/packages/core/src/views/account-center/Maximized.svelte @@ -49,7 +49,7 @@ } } - const { chains: appChains } = state.get() + const { chains: appChains, accountCenter } = state.get() const { appMetadata } = configuration let disconnectConfirmModal = false let enableTransactionProtection = false @@ -72,7 +72,7 @@ connectedChain && connectedChain.id ) - const { position } = state.get().accountCenter + const { position } = accountCenter const { device } = configuration From 6ef8c61c294d8cff322b7fae91865fb545f45f5d Mon Sep 17 00:00:00 2001 From: Gustavo Esquinca Date: Thu, 11 May 2023 22:50:48 -0400 Subject: [PATCH 11/37] update modal styles - use theme vars - remove rpc specific css vars - adjust spacing - remove unused css classes --- .../EnableTransactionProtection.svelte | 108 ++++++++++-------- 1 file changed, 59 insertions(+), 49 deletions(-) diff --git a/packages/core/src/views/account-center/EnableTransactionProtection.svelte b/packages/core/src/views/account-center/EnableTransactionProtection.svelte index b526e44b5..642beaa91 100644 --- a/packages/core/src/views/account-center/EnableTransactionProtection.svelte +++ b/packages/core/src/views/account-center/EnableTransactionProtection.svelte @@ -10,53 +10,64 @@ @@ -66,29 +77,28 @@ {@html shieldIcon}
-

- {$_('modals.confirmTransactionProtection.heading', { - default: en.modals.confirmTransactionProtection.heading - })} -

- -

- {$_('modals.confirmTransactionProtection.description')} -

+
+
+ {$_('modals.confirmTransactionProtection.heading', { + default: en.modals.confirmTransactionProtection.heading + })} +
+
+ {$_('modals.confirmTransactionProtection.description')} +
+
-
- - + + })} +
From f22dccf32cc261e9becc4e3019dfa3355f5e8d85 Mon Sep 17 00:00:00 2001 From: Kat Leight <33187102+leightkt@users.noreply.github.com> Date: Fri, 12 May 2023 11:13:04 -0600 Subject: [PATCH 12/37] Release 2.22.1 (docs) (#1705) --- docs/.eslintignore | 13 - docs/.eslintrc.cjs | 20 - docs/.gitignore | 2 +- docs/README.md | 2 +- docs/package.json | 135 +- docs/playwright.config.ts | 10 - docs/src/app.d.ts | 16 +- docs/src/app.html | 24 +- docs/src/{lib => }/fonts/FiraCode-VF.woff | Bin docs/src/{lib => }/fonts/FiraCode-VF.woff2 | Bin .../fonts/Inter-VF.italic-latin.woff2 | Bin .../fonts/Inter-VF.roman-latin.woff2 | Bin docs/src/{lib => }/fonts/SofiaPro-Light.eot | Bin docs/src/{lib => }/fonts/SofiaPro-Light.svg | 0 docs/src/{lib => }/fonts/SofiaPro-Light.ttf | Bin docs/src/{lib => }/fonts/SofiaPro-Light.woff | Bin docs/src/{lib => }/fonts/SofiaPro-Light.woff2 | Bin docs/src/{lib => }/fonts/SofiaPro-Regular.eot | Bin docs/src/{lib => }/fonts/SofiaPro-Regular.svg | 0 docs/src/{lib => }/fonts/SofiaPro-Regular.ttf | Bin .../src/{lib => }/fonts/SofiaPro-Regular.woff | Bin .../{lib => }/fonts/SofiaPro-Regular.woff2 | Bin .../src/{lib => }/fonts/SofiaPro-SemiBold.eot | Bin .../src/{lib => }/fonts/SofiaPro-SemiBold.svg | 0 .../src/{lib => }/fonts/SofiaPro-SemiBold.ttf | Bin .../{lib => }/fonts/SofiaPro-SemiBold.woff | Bin .../{lib => }/fonts/SofiaPro-SemiBold.woff2 | Bin docs/src/img/svelte-horizontal.svg | 1 - docs/src/kit-docs/README.md | 112 + docs/src/kit-docs/index.ts | 1 - docs/src/kit-docs/tabs/TabItem.svelte | 2 +- docs/src/kit-docs/tabs/Tabs.svelte | 8 +- docs/src/lib/assets/favicon.ico | Bin 0 -> 861 bytes .../lib/components/ConnectWalletButton.svelte | 16 +- .../src/lib/components/FeaturesSection.svelte | 13 +- docs/src/lib/components/Footer.svelte | 1 - docs/src/lib/components/GettingStarted.svelte | 6 +- docs/src/lib/components/HeroSection.svelte | 3 +- docs/src/lib/components/HomeLayout.svelte | 33 +- docs/src/lib/components/PrismJS.svelte | 0 docs/src/lib/components/SEO/OpenGraph.svelte | 12 +- docs/src/lib/components/SEO/Twitter.svelte | 8 +- docs/src/lib/components/SEO/index.svelte | 11 +- .../lib/components/TestimonialSection.svelte | 2 +- docs/src/lib/components/ThemingSection.svelte | 4 +- .../TransactionPreviewButton.svelte | 2 - .../code-snippet/getting-started-guide.md | 57 - .../code-snippet/install-code-tp.md | 16 - .../components/code-snippet/install-code.md | 16 - .../components/code-snippet/theming-code.md | 10 - .../connect-wallet/ConnectWallet.svelte | 2 +- .../connect-wallet/ReactConnectWallet.md | 243 - .../connect-wallet/SvelteConnectWallet.md | 205 - docs/src/lib/components/examples/index.ts | 2 - docs/src/lib/components/gas/Gas.svelte | 4 +- docs/src/lib/components/gas/GasCard.svelte | 5 +- docs/src/lib/components/gas/index.ts | 2 +- docs/src/lib/components/gas/types.ts | 4 +- .../lib/components/icons/blocknative-icon.js | 1 - .../lib/components/icons/bnWhiteBackground.js | 2 +- docs/src/lib/components/index.ts | 1 - docs/src/lib/services/onboard.js | 5 +- docs/src/lib/styles/docsearch.css | 290 + docs/src/lib/styles/kit-docs.css | 39 +- docs/src/routes/+layout.js | 13 + ..._layout-kit-docs.svelte => +layout.svelte} | 60 +- docs/src/routes/+page.md | 150 + docs/src/routes/__layout-homepage.svelte | 69 - docs/src/routes/docs/+page.js | 8 + .../+page.md} | 40 +- .../+page.md} | 20 +- .../+page.md} | 3 +- .../+page.md} | 6 +- .../+page.md} | 6 +- .../+page.md} | 6 +- .../{core.md => [...1]core/+page.md} | 15 +- .../{gas.md => [...2]gas/+page.md} | 6 +- .../{react.md => [...3]react/+page.md} | 104 +- .../+page.md} | 7 +- .../+page.md} | 6 +- .../{vue.md => [...6]vue/+page.md} | 175 +- .../{keepkey.md => [...10]keepkey/+page.md} | 12 +- .../{keystone.md => [...11]keystone/+page.md} | 9 +- .../{ledger.md => [...12]ledger/+page.md} | 9 +- .../{magic.md => [...13]magic/+page.md} | 9 +- .../{mew.md => [...14]mew/+page.md} | 8 +- .../+page.md} | 9 +- .../{phantom.md => [...16]phantom/+page.md} | 6 +- .../{portis.md => [...17]portis/+page.md} | 9 +- .../{taho.md => [...18]taho/+page.md} | 8 +- .../{tallyho.md => [...19]tallyho/+page.md} | 10 +- .../{coinbase.md => [...1]coinbase/+page.md} | 10 +- .../{torus.md => [...20]torus/+page.md} | 10 +- .../{trezor.md => [...21]trezor/+page.md} | 11 +- .../{uauth.md => [...22]uauth/+page.md} | 9 +- .../+page.md} | 6 +- .../+page.md} | 8 +- .../{web3auth.md => [...25]web3auth/+page.md} | 158 +- .../{xdefi.md => [...26]xdefi/+page.md} | 6 +- .../{zeal.md => [...27]zeal/+page.md} | 6 +- .../{dcent.md => [...2]dcent/+page.md} | 9 +- .../{enkrypt.md => [...3]enkrypt/+page.md} | 9 +- .../{formatic.md => [...4]fortmatic/+page.md} | 9 +- .../{frame.md => [...5]frame/+page.md} | 14 +- .../{frontier.md => [...6]frontier/+page.md} | 6 +- .../{gnosis.md => [...7]gnosis/+page.md} | 17 +- .../+page.md} | 6 +- .../{injected.md => [...9]injected/+page.md} | 6 +- .../+page.md} | 11 +- .../+page.md} | 6 +- .../+page.md} | 38 +- docs/src/routes/docs/__layout@kit-docs.svelte | 3 - docs/src/routes/docs/index.svelte | 11 - docs/src/routes/examples/+page.js | 8 + .../examples/[...1]connect-wallet/+page.md | 499 + .../+page.md} | 55 +- .../routes/examples/__layout@kit-docs.svelte | 3 - docs/src/routes/examples/connect-wallet.md | 25 - docs/src/routes/examples/index.svelte | 11 - docs/src/routes/faq/+page.md | 35 + docs/src/routes/faq/__layout@kit-docs.svelte | 3 - docs/src/routes/faq/index.md | 31 - docs/src/routes/index@homepage.svelte | 5 - .../+server.js} | 2 +- .../+server.js} | 2 +- .../theming-tool/+page.svelte} | 2 +- .../theming-tool/__layout@homepage.svelte | 3 - docs/src/routes/theming-tool/index.md | 4 - docs/static/favicon.ico | Bin 0 -> 861 bytes docs/svelte.config.js | 81 +- docs/tailwind.config.cjs | 232 +- docs/tests/test.ts | 6 - docs/tsconfig.json | 2 +- docs/vite.config.js | 40 + docs/yarn.lock | 8729 +++++++++++------ packages/core/README.md | 2 +- packages/react/README.md | 16 +- 137 files changed, 7984 insertions(+), 4325 deletions(-) delete mode 100644 docs/.eslintignore delete mode 100644 docs/.eslintrc.cjs delete mode 100644 docs/playwright.config.ts rename docs/src/{lib => }/fonts/FiraCode-VF.woff (100%) rename docs/src/{lib => }/fonts/FiraCode-VF.woff2 (100%) rename docs/src/{lib => }/fonts/Inter-VF.italic-latin.woff2 (100%) rename docs/src/{lib => }/fonts/Inter-VF.roman-latin.woff2 (100%) rename docs/src/{lib => }/fonts/SofiaPro-Light.eot (100%) rename docs/src/{lib => }/fonts/SofiaPro-Light.svg (100%) rename docs/src/{lib => }/fonts/SofiaPro-Light.ttf (100%) rename docs/src/{lib => }/fonts/SofiaPro-Light.woff (100%) rename docs/src/{lib => }/fonts/SofiaPro-Light.woff2 (100%) rename docs/src/{lib => }/fonts/SofiaPro-Regular.eot (100%) rename docs/src/{lib => }/fonts/SofiaPro-Regular.svg (100%) rename docs/src/{lib => }/fonts/SofiaPro-Regular.ttf (100%) rename docs/src/{lib => }/fonts/SofiaPro-Regular.woff (100%) rename docs/src/{lib => }/fonts/SofiaPro-Regular.woff2 (100%) rename docs/src/{lib => }/fonts/SofiaPro-SemiBold.eot (100%) rename docs/src/{lib => }/fonts/SofiaPro-SemiBold.svg (100%) rename docs/src/{lib => }/fonts/SofiaPro-SemiBold.ttf (100%) rename docs/src/{lib => }/fonts/SofiaPro-SemiBold.woff (100%) rename docs/src/{lib => }/fonts/SofiaPro-SemiBold.woff2 (100%) delete mode 100644 docs/src/img/svelte-horizontal.svg create mode 100644 docs/src/kit-docs/README.md delete mode 100644 docs/src/kit-docs/index.ts create mode 100644 docs/src/lib/assets/favicon.ico create mode 100644 docs/src/lib/components/PrismJS.svelte delete mode 100644 docs/src/lib/components/code-snippet/getting-started-guide.md delete mode 100644 docs/src/lib/components/code-snippet/install-code-tp.md delete mode 100644 docs/src/lib/components/code-snippet/install-code.md delete mode 100644 docs/src/lib/components/code-snippet/theming-code.md delete mode 100644 docs/src/lib/components/examples/connect-wallet/ReactConnectWallet.md delete mode 100644 docs/src/lib/components/examples/connect-wallet/SvelteConnectWallet.md create mode 100644 docs/src/lib/styles/docsearch.css create mode 100644 docs/src/routes/+layout.js rename docs/src/routes/{__layout-kit-docs.svelte => +layout.svelte} (66%) create mode 100644 docs/src/routes/+page.md delete mode 100644 docs/src/routes/__layout-homepage.svelte create mode 100644 docs/src/routes/docs/+page.js rename docs/src/routes/docs/[...1]overview/{[...1]introduction.md => [...1]introduction/+page.md} (83%) rename docs/src/routes/docs/[...1]overview/{[...2]contribution-guide.md => [...2]contribution-guide/+page.md} (87%) rename docs/src/routes/docs/[...1]overview/{[...3]onboard.js-migration-guide.md => [...3]onboard.js-migration-guide/+page.md} (99%) rename docs/src/routes/docs/[...2]getting-started/{[...1]installation.md => [...1]installation/+page.md} (97%) rename docs/src/routes/docs/[...2]getting-started/{[...2]theming.md => [...2]theming/+page.md} (99%) rename docs/src/routes/docs/[...2]getting-started/{[...3]custom-styling.md => [...3]custom-styling/+page.md} (99%) rename docs/src/routes/docs/[...3]modules/{core.md => [...1]core/+page.md} (99%) rename docs/src/routes/docs/[...3]modules/{gas.md => [...2]gas/+page.md} (98%) rename docs/src/routes/docs/[...3]modules/{react.md => [...3]react/+page.md} (90%) rename docs/src/routes/docs/[...3]modules/{transaction-preview.md => [...4]transaction-preview/+page.md} (99%) rename docs/src/routes/docs/[...3]modules/{unstoppable-resolution.md => [...5]unstoppable-resolution/+page.md} (90%) rename docs/src/routes/docs/[...3]modules/{vue.md => [...6]vue/+page.md} (78%) rename docs/src/routes/docs/[...4]wallets/{keepkey.md => [...10]keepkey/+page.md} (92%) rename docs/src/routes/docs/[...4]wallets/{keystone.md => [...11]keystone/+page.md} (93%) rename docs/src/routes/docs/[...4]wallets/{ledger.md => [...12]ledger/+page.md} (90%) rename docs/src/routes/docs/[...4]wallets/{magic.md => [...13]magic/+page.md} (97%) rename docs/src/routes/docs/[...4]wallets/{mew.md => [...14]mew/+page.md} (87%) rename docs/src/routes/docs/[...4]wallets/{mewwallet.md => [...15]mewwallet/+page.md} (87%) rename docs/src/routes/docs/[...4]wallets/{phantom.md => [...16]phantom/+page.md} (97%) rename docs/src/routes/docs/[...4]wallets/{portis.md => [...17]portis/+page.md} (89%) rename docs/src/routes/docs/[...4]wallets/{taho.md => [...18]taho/+page.md} (92%) rename docs/src/routes/docs/[...4]wallets/{tallyho.md => [...19]tallyho/+page.md} (88%) rename docs/src/routes/docs/[...4]wallets/{coinbase.md => [...1]coinbase/+page.md} (91%) rename docs/src/routes/docs/[...4]wallets/{torus.md => [...20]torus/+page.md} (97%) rename docs/src/routes/docs/[...4]wallets/{trezor.md => [...21]trezor/+page.md} (93%) rename docs/src/routes/docs/[...4]wallets/{uauth.md => [...22]uauth/+page.md} (96%) rename docs/src/routes/docs/[...4]wallets/{walletconnect.md => [...23]walletconnect/+page.md} (98%) rename docs/src/routes/docs/[...4]wallets/{walletlink.md => [...24]walletlink/+page.md} (88%) rename docs/src/routes/docs/[...4]wallets/{web3auth.md => [...25]web3auth/+page.md} (52%) rename docs/src/routes/docs/[...4]wallets/{xdefi.md => [...26]xdefi/+page.md} (94%) rename docs/src/routes/docs/[...4]wallets/{zeal.md => [...27]zeal/+page.md} (95%) rename docs/src/routes/docs/[...4]wallets/{dcent.md => [...2]dcent/+page.md} (87%) rename docs/src/routes/docs/[...4]wallets/{enkrypt.md => [...3]enkrypt/+page.md} (87%) rename docs/src/routes/docs/[...4]wallets/{formatic.md => [...4]fortmatic/+page.md} (88%) rename docs/src/routes/docs/[...4]wallets/{frame.md => [...5]frame/+page.md} (97%) rename docs/src/routes/docs/[...4]wallets/{frontier.md => [...6]frontier/+page.md} (94%) rename docs/src/routes/docs/[...4]wallets/{gnosis.md => [...7]gnosis/+page.md} (90%) rename docs/src/routes/docs/[...4]wallets/{infinitywallet.md => [...8]infinitywallet/+page.md} (96%) rename docs/src/routes/docs/[...4]wallets/{injected.md => [...9]injected/+page.md} (99%) rename docs/src/routes/docs/[...5]other/{cede-store.md => [...1]cede-store/+page.md} (98%) rename docs/src/routes/docs/[...6]resources/{[...1]resources.md => [...1]resources/+page.md} (96%) rename docs/src/routes/docs/[...6]resources/{[...2]troubleshooting.md => [...2]troubleshooting/+page.md} (90%) delete mode 100644 docs/src/routes/docs/__layout@kit-docs.svelte delete mode 100644 docs/src/routes/docs/index.svelte create mode 100644 docs/src/routes/examples/+page.js create mode 100644 docs/src/routes/examples/[...1]connect-wallet/+page.md rename docs/src/routes/examples/{uniswap-widget.md => [...2]uniswap-widget/+page.md} (87%) delete mode 100644 docs/src/routes/examples/__layout@kit-docs.svelte delete mode 100644 docs/src/routes/examples/connect-wallet.md delete mode 100644 docs/src/routes/examples/index.svelte create mode 100644 docs/src/routes/faq/+page.md delete mode 100644 docs/src/routes/faq/__layout@kit-docs.svelte delete mode 100644 docs/src/routes/faq/index.md delete mode 100644 docs/src/routes/index@homepage.svelte rename docs/src/routes/kit-docs/{[dir].sidebar.json.js => [dir].sidebar/+server.js} (59%) rename docs/src/routes/kit-docs/{[slug].meta.json.js => [slug].meta/+server.js} (60%) rename docs/src/{lib/components/ThemeCustomizer.svelte => routes/theming-tool/+page.svelte} (99%) delete mode 100644 docs/src/routes/theming-tool/__layout@homepage.svelte delete mode 100644 docs/src/routes/theming-tool/index.md create mode 100644 docs/static/favicon.ico delete mode 100644 docs/tests/test.ts create mode 100644 docs/vite.config.js diff --git a/docs/.eslintignore b/docs/.eslintignore deleted file mode 100644 index 38972655f..000000000 --- a/docs/.eslintignore +++ /dev/null @@ -1,13 +0,0 @@ -.DS_Store -node_modules -/build -/.svelte-kit -/package -.env -.env.* -!.env.example - -# Ignore files for PNPM, NPM and YARN -pnpm-lock.yaml -package-lock.json -yarn.lock diff --git a/docs/.eslintrc.cjs b/docs/.eslintrc.cjs deleted file mode 100644 index c9c248180..000000000 --- a/docs/.eslintrc.cjs +++ /dev/null @@ -1,20 +0,0 @@ -module.exports = { - root: true, - parser: '@typescript-eslint/parser', - extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'], - plugins: ['svelte3', '@typescript-eslint'], - ignorePatterns: ['*.cjs'], - overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }], - settings: { - 'svelte3/typescript': () => require('typescript') - }, - parserOptions: { - sourceType: 'module', - ecmaVersion: 2020 - }, - env: { - browser: true, - es2017: true, - node: true - } -} diff --git a/docs/.gitignore b/docs/.gitignore index 43cdd4575..27f3e983d 100644 --- a/docs/.gitignore +++ b/docs/.gitignore @@ -6,4 +6,4 @@ node_modules .env .env.* !.env.example -.vercel +vite.config.js.timestamp-* diff --git a/docs/README.md b/docs/README.md index c3385e03e..6c30dafb7 100644 --- a/docs/README.md +++ b/docs/README.md @@ -22,4 +22,4 @@ Run `yarn build` and confirm no errors present from the proposed changes. Confirm vercel build within PR builds without error and check instance deployment for accuracy. -PR should target branch the main develop branch - [develop](https://github.com/blocknative/web3-onboard/tree/develop). \ No newline at end of file +PR should target branch the main develop branch - [develop](https://github.com/blocknative/web3-onboard/tree/develop). diff --git a/docs/package.json b/docs/package.json index 2e6e65aaf..44b1e46f9 100644 --- a/docs/package.json +++ b/docs/package.json @@ -1,89 +1,82 @@ { "name": "docs", - "version": "0.0.1", + "version": "1.0.0", + "private": true, "scripts": { - "dev": "svelte-kit dev", - "build": "NODE_OPTIONS=--max_old_space_size=8192 svelte-kit build", - "package": "svelte-kit package", - "preview": "svelte-kit preview", + "dev": "vite dev --port 3000", + "build": "export NODE_OPTIONS=--max-old-space-size=32768 && vite build", + "preview": "vite preview", + "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json", + "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch", + "lint": "prettier --plugin-search-dir . --check .", + "format": "prettier --plugin-search-dir . --write .", "prepare": "svelte-kit sync", "test": "playwright test", - "check": "svelte-check --tsconfig ./tsconfig.json", - "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' '@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", - "@docsearch/css": "^3.2.1", - "@docsearch/js": "^3.2.1", - "@iconify-json/ri": "^1.1.3", - "@playwright/test": "^1.22.2", - "@sveltejs/adapter-static": "^1.0.0-next.39", - "@sveltejs/adapter-vercel": "next", - "@sveltejs/kit": "1.0.0-next.357", - "@svelteness/kit-docs": "^0.22.12", - "@tailwindcss/typography": "^0.5.2", - "@types/react": "^18.0.21", - "@types/react-dom": "^18.0.6", - "@typescript-eslint/eslint-plugin": "^5.27.0", - "@typescript-eslint/parser": "^5.27.0", - "@vitebook/client": "^0.100.5", - "@vitebook/core": "^0.100.5", - "@vitebook/markdown-shiki": "^0.100.5", - "@vitebook/markdown-svelte": "^0.100.5", - "autoprefixer": "^10.4.7", - "clsx": "^1.1.1", - "daisyui": "^2.17.0", - "eslint": "^8.16.0", - "eslint-config-prettier": "^8.3.0", - "eslint-plugin-svelte3": "^4.0.0", - "postcss": "^8.4.14", - "prettier": "^2.6.2", - "prettier-plugin-svelte": "^2.7.0", + "@algolia/client-search": "^4.17.0", + "@docsearch/css": "^3.3.3", + "@docsearch/js": "^3.3.3", + "@iconify-json/ri": "^1.0.0", + "@sveltejs/adapter-auto": "^2.0.0", + "@sveltejs/kit": "^1.5.0", + "@svelteness/kit-docs": "^1.1.3", + "@tailwindcss/typography": "^0.5.9", + "@types/animejs": "^3.1.7", + "@types/react": "^18.0.37", + "assert": "^2.0.0", + "autoprefixer": "^10.4.14", + "clsx": "^1.0.0", + "crypto-browserify": "^3.12.0", + "prettier": "^2.8.0", + "prettier-plugin-svelte": "^2.8.1", "react": "^18.2.0", "react-dom": "^18.2.0", - "rollup-plugin-polyfill-node": "^0.11.0", - "shiki": "^0.10.1", - "svelte": "^3.49.0", - "svelte-check": "^2.7.1", - "svelte-preprocess": "^4.10.7", - "tslib": "^2.3.1", - "typescript": "^4.7.2", - "unplugin-icons": "^0.13.4" + "rollup-plugin-polyfill-node": "^0.12.0", + "shiki": "^0.12.0", + "stream-browserify": "^3.0.0", + "svelte": "^3.54.0", + "svelte-check": "^3.0.1", + "svelte-preprocess": "^5.0.3", + "tslib": "^2.4.1", + "typescript": "^5.0.4", + "unplugin-icons": "^0.14.0", + "vite": "^4.2.2" }, "type": "module", "dependencies": { - "@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", + "@web3-onboard/cede-store": "^2.0.1", + "@web3-onboard/coinbase": "^2.2.3", + "@web3-onboard/core": "^2.18.0", + "@web3-onboard/dcent": "^2.2.6", + "@web3-onboard/enkrypt": "^2.0.3", + "@web3-onboard/fortmatic": "^2.0.18", + "@web3-onboard/frame": "^2.0.0", + "@web3-onboard/gas": "^2.1.7", + "@web3-onboard/gnosis": "^2.1.9", + "@web3-onboard/infinity-wallet": "^2.0.3", + "@web3-onboard/injected-wallets": "^2.8.6", + "@web3-onboard/keepkey": "^2.3.6", + "@web3-onboard/keystone": "^2.3.6", + "@web3-onboard/ledger": "^2.4.5", + "@web3-onboard/magic": "^2.1.6", + "@web3-onboard/mew-wallet": "^2.0.3", + "@web3-onboard/portis": "^2.1.6", + "@web3-onboard/sequence": "^2.0.7", + "@web3-onboard/taho": "^2.0.3", + "@web3-onboard/torus": "^2.2.4", + "@web3-onboard/transaction-preview": "^2.0.7", + "@web3-onboard/trezor": "^2.4.1", + "@web3-onboard/trust": "^2.0.3", + "@web3-onboard/uauth": "^2.0.4", + "@web3-onboard/walletconnect": "^2.3.7", + "@web3-onboard/web3auth": "^2.2.1", + "@web3-onboard/xdefi": "^2.0.3", "animejs": "^3.2.1", "bnc-sdk": "^4.6.6", - "ethers": "^5.7.0" + "ethers": "^5.7.0", + "tailwindcss": "^3.3.1" } } diff --git a/docs/playwright.config.ts b/docs/playwright.config.ts deleted file mode 100644 index 086f60504..000000000 --- a/docs/playwright.config.ts +++ /dev/null @@ -1,10 +0,0 @@ -import type { PlaywrightTestConfig } from '@playwright/test' - -const config: PlaywrightTestConfig = { - webServer: { - command: 'npm run build && npm run preview', - port: 3000 - } -} - -export default config diff --git a/docs/src/app.d.ts b/docs/src/app.d.ts index 02d3fab72..4898fe0d8 100644 --- a/docs/src/app.d.ts +++ b/docs/src/app.d.ts @@ -1,14 +1,14 @@ -/// /// // See https://kit.svelte.dev/docs/types#app // for information about these interfaces -// and what to do when importing types -declare namespace App { - // interface Locals {} - // interface Platform {} - // interface Session {} - // interface Stuff {} +declare global { + namespace App { + // interface Error {} + // interface Locals {} + // interface PageData {} + // interface Platform {} + } } -declare module '@svelteness/kit-docs/tailwind.config.cjs' +export {} diff --git a/docs/src/app.html b/docs/src/app.html index 008b56e67..54e2a9b67 100644 --- a/docs/src/app.html +++ b/docs/src/app.html @@ -2,19 +2,8 @@ - - - %sveltekit.head% - - - - + + + + %sveltekit.head% + + + - -
%sveltekit.body%
+ +
%sveltekit.body%
diff --git a/docs/src/lib/fonts/FiraCode-VF.woff b/docs/src/fonts/FiraCode-VF.woff similarity index 100% rename from docs/src/lib/fonts/FiraCode-VF.woff rename to docs/src/fonts/FiraCode-VF.woff diff --git a/docs/src/lib/fonts/FiraCode-VF.woff2 b/docs/src/fonts/FiraCode-VF.woff2 similarity index 100% rename from docs/src/lib/fonts/FiraCode-VF.woff2 rename to docs/src/fonts/FiraCode-VF.woff2 diff --git a/docs/src/lib/fonts/Inter-VF.italic-latin.woff2 b/docs/src/fonts/Inter-VF.italic-latin.woff2 similarity index 100% rename from docs/src/lib/fonts/Inter-VF.italic-latin.woff2 rename to docs/src/fonts/Inter-VF.italic-latin.woff2 diff --git a/docs/src/lib/fonts/Inter-VF.roman-latin.woff2 b/docs/src/fonts/Inter-VF.roman-latin.woff2 similarity index 100% rename from docs/src/lib/fonts/Inter-VF.roman-latin.woff2 rename to docs/src/fonts/Inter-VF.roman-latin.woff2 diff --git a/docs/src/lib/fonts/SofiaPro-Light.eot b/docs/src/fonts/SofiaPro-Light.eot similarity index 100% rename from docs/src/lib/fonts/SofiaPro-Light.eot rename to docs/src/fonts/SofiaPro-Light.eot diff --git a/docs/src/lib/fonts/SofiaPro-Light.svg b/docs/src/fonts/SofiaPro-Light.svg similarity index 100% rename from docs/src/lib/fonts/SofiaPro-Light.svg rename to docs/src/fonts/SofiaPro-Light.svg diff --git a/docs/src/lib/fonts/SofiaPro-Light.ttf b/docs/src/fonts/SofiaPro-Light.ttf similarity index 100% rename from docs/src/lib/fonts/SofiaPro-Light.ttf rename to docs/src/fonts/SofiaPro-Light.ttf diff --git a/docs/src/lib/fonts/SofiaPro-Light.woff b/docs/src/fonts/SofiaPro-Light.woff similarity index 100% rename from docs/src/lib/fonts/SofiaPro-Light.woff rename to docs/src/fonts/SofiaPro-Light.woff diff --git a/docs/src/lib/fonts/SofiaPro-Light.woff2 b/docs/src/fonts/SofiaPro-Light.woff2 similarity index 100% rename from docs/src/lib/fonts/SofiaPro-Light.woff2 rename to docs/src/fonts/SofiaPro-Light.woff2 diff --git a/docs/src/lib/fonts/SofiaPro-Regular.eot b/docs/src/fonts/SofiaPro-Regular.eot similarity index 100% rename from docs/src/lib/fonts/SofiaPro-Regular.eot rename to docs/src/fonts/SofiaPro-Regular.eot diff --git a/docs/src/lib/fonts/SofiaPro-Regular.svg b/docs/src/fonts/SofiaPro-Regular.svg similarity index 100% rename from docs/src/lib/fonts/SofiaPro-Regular.svg rename to docs/src/fonts/SofiaPro-Regular.svg diff --git a/docs/src/lib/fonts/SofiaPro-Regular.ttf b/docs/src/fonts/SofiaPro-Regular.ttf similarity index 100% rename from docs/src/lib/fonts/SofiaPro-Regular.ttf rename to docs/src/fonts/SofiaPro-Regular.ttf diff --git a/docs/src/lib/fonts/SofiaPro-Regular.woff b/docs/src/fonts/SofiaPro-Regular.woff similarity index 100% rename from docs/src/lib/fonts/SofiaPro-Regular.woff rename to docs/src/fonts/SofiaPro-Regular.woff diff --git a/docs/src/lib/fonts/SofiaPro-Regular.woff2 b/docs/src/fonts/SofiaPro-Regular.woff2 similarity index 100% rename from docs/src/lib/fonts/SofiaPro-Regular.woff2 rename to docs/src/fonts/SofiaPro-Regular.woff2 diff --git a/docs/src/lib/fonts/SofiaPro-SemiBold.eot b/docs/src/fonts/SofiaPro-SemiBold.eot similarity index 100% rename from docs/src/lib/fonts/SofiaPro-SemiBold.eot rename to docs/src/fonts/SofiaPro-SemiBold.eot diff --git a/docs/src/lib/fonts/SofiaPro-SemiBold.svg b/docs/src/fonts/SofiaPro-SemiBold.svg similarity index 100% rename from docs/src/lib/fonts/SofiaPro-SemiBold.svg rename to docs/src/fonts/SofiaPro-SemiBold.svg diff --git a/docs/src/lib/fonts/SofiaPro-SemiBold.ttf b/docs/src/fonts/SofiaPro-SemiBold.ttf similarity index 100% rename from docs/src/lib/fonts/SofiaPro-SemiBold.ttf rename to docs/src/fonts/SofiaPro-SemiBold.ttf diff --git a/docs/src/lib/fonts/SofiaPro-SemiBold.woff b/docs/src/fonts/SofiaPro-SemiBold.woff similarity index 100% rename from docs/src/lib/fonts/SofiaPro-SemiBold.woff rename to docs/src/fonts/SofiaPro-SemiBold.woff diff --git a/docs/src/lib/fonts/SofiaPro-SemiBold.woff2 b/docs/src/fonts/SofiaPro-SemiBold.woff2 similarity index 100% rename from docs/src/lib/fonts/SofiaPro-SemiBold.woff2 rename to docs/src/fonts/SofiaPro-SemiBold.woff2 diff --git a/docs/src/img/svelte-horizontal.svg b/docs/src/img/svelte-horizontal.svg deleted file mode 100644 index fadf24d5e..000000000 --- a/docs/src/img/svelte-horizontal.svg +++ /dev/null @@ -1 +0,0 @@ -svelte-horizontal diff --git a/docs/src/kit-docs/README.md b/docs/src/kit-docs/README.md new file mode 100644 index 000000000..4c093d124 --- /dev/null +++ b/docs/src/kit-docs/README.md @@ -0,0 +1,112 @@ +# `kit-docs` + +## Global Components + +You can create Svelte components that are global by placing them in this directory. Global +components are imported into every single Markdown file. In addition, they're automatically +mapped to Markdown containers, on which you can pass in props and dynamic slot elements. + +First, create a component in this directory: + +``` +src +└─ kit-docs + ├─ Button.svelte <- +``` + +Now, inside your markdown files you can use the ` +``` + +## Default Components + +There's a few components we provide out of the box such as `CodeFence`, `CodeInline`, `Link` and +others. You can find all of our [default components](https://github.com/svelteness/kit-docs/tree/main/packages/kit-docs/src/lib/kit-docs) +on GitHub. + +### Overriding + +If you want to override any of the default components, simply create a Svelte component with the +same name in this directory and make sure it accepts the same props. + +For example, you can override `CodeFence` by creating it in this directory like so: + +``` +src +└─ kit-docs + ├─ CodeFence.svelte <- +``` + +Finally, you can use the following minimal boilerplate and style the component as desired: + +```svelte title=CodeFence.svelte|copy + + +
+ {@html code} +
+``` diff --git a/docs/src/kit-docs/index.ts b/docs/src/kit-docs/index.ts deleted file mode 100644 index cc3f9f4d6..000000000 --- a/docs/src/kit-docs/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { Tabs, TabPanel, TabItem } from './tabs' diff --git a/docs/src/kit-docs/tabs/TabItem.svelte b/docs/src/kit-docs/tabs/TabItem.svelte index b155986d4..aff01764b 100644 --- a/docs/src/kit-docs/tabs/TabItem.svelte +++ b/docs/src/kit-docs/tabs/TabItem.svelte @@ -47,7 +47,7 @@ } .tab.selected { - color: var(--kd-color-brand); + color: rgb(var(--kd-color-brand)); border-color: currentColor; } diff --git a/docs/src/kit-docs/tabs/Tabs.svelte b/docs/src/kit-docs/tabs/Tabs.svelte index 3a195c552..8428db521 100644 --- a/docs/src/kit-docs/tabs/Tabs.svelte +++ b/docs/src/kit-docs/tabs/Tabs.svelte @@ -23,7 +23,7 @@
    @@ -38,3 +38,9 @@
+ + \ No newline at end of file diff --git a/docs/src/lib/assets/favicon.ico b/docs/src/lib/assets/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..9aae6c08a88bdaed7545f2a613104394e5fb6e31 GIT binary patch literal 861 zcmV-j1ETziP)o) z6G0Sxn-(KRL$FOEMC{3;2caTpP*5A{JHwWH-n5J*Dh+GOtLR`9bhLZ5kzyp|t-EPCJ8&`Gh3<;R|GArf7 z3z)^}Q(kxvAK=<>tDqc-g{??Ulpw6E0V^Ubt5O49U8B#-pT`g%xIn#Lk7#cQon8H! z>l%uHwaEpS_atb~7KDnqzu9?weDxIZN3|nFA`l4&upt309o>|iQj21RhMDmpdL<=G zs-_lrWvMH`dCZ5MZATPRk!g^wA~MsjQT&~yvoDFtn{C13jVIbtJ;nro3L+#9@BHO{Sq&Q=?u zM;mI+#WD`WCacFk&1KLrB}*m{m~81W_pZ9Fb0ZKN8Pz-sNJwiX*8ZD=W#mvrNUwA< zVNL*n)>%M8N@~0u&BuM%QnqDK?nEp;8$~I*WL^O8EQo~tN~dewW`n0aq~wa6vIM1U z20!1_KAsKr0p5uyN5OqoN?4~`$yOEt_LplfRq*^tt6C58E<9dDK7mm { if (document.location.href.includes('theming-tool')) { - onboard = await getOnboard('default') - } else { - onboard = await getOnboard() - } + onboard = await getOnboard('default') + } else { + onboard = await getOnboard() + } } onMount(async () => { @@ -38,9 +39,6 @@ }) - diff --git a/docs/src/lib/components/FeaturesSection.svelte b/docs/src/lib/components/FeaturesSection.svelte index 36ec45d36..931cc0cca 100644 --- a/docs/src/lib/components/FeaturesSection.svelte +++ b/docs/src/lib/components/FeaturesSection.svelte @@ -12,9 +12,6 @@ import AccountCenterGraphic from './svg/account-center-graphic.svg' import WalletsGraphic from './svg/wallet-row.svg' import TransactionPreviewGraphic from './svg/transaction-preview-graphic.svg' - - import InstallCode from './code-snippet/install-code.md' - import InstallCodeTp from './code-snippet/install-code-tp.md'
@@ -31,8 +28,8 @@
-
- +
+
@@ -117,7 +114,7 @@ >
- +
@@ -215,6 +212,10 @@ flex: 50%; } + .fixed-width { + max-width: 800px; + } + @media screen and (min-width: 640px) { .flexbox { flex-flow: row nowrap; diff --git a/docs/src/lib/components/Footer.svelte b/docs/src/lib/components/Footer.svelte index 0842f6f81..753bc4574 100644 --- a/docs/src/lib/components/Footer.svelte +++ b/docs/src/lib/components/Footer.svelte @@ -130,5 +130,4 @@ white-space: nowrap; border-width: 0; } - diff --git a/docs/src/lib/components/GettingStarted.svelte b/docs/src/lib/components/GettingStarted.svelte index aad08a930..a774c8b7f 100644 --- a/docs/src/lib/components/GettingStarted.svelte +++ b/docs/src/lib/components/GettingStarted.svelte @@ -1,10 +1,6 @@ - -
- +
diff --git a/docs/src/lib/components/HeroSection.svelte b/docs/src/lib/components/HeroSection.svelte index 3386f9f73..95a452382 100644 --- a/docs/src/lib/components/HeroSection.svelte +++ b/docs/src/lib/components/HeroSection.svelte @@ -1,7 +1,6 @@ @@ -13,7 +12,7 @@ {'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.'}
- +
diff --git a/docs/src/lib/components/TransactionPreviewButton.svelte b/docs/src/lib/components/TransactionPreviewButton.svelte index 10f30353a..e355ef778 100644 --- a/docs/src/lib/components/TransactionPreviewButton.svelte +++ b/docs/src/lib/components/TransactionPreviewButton.svelte @@ -72,7 +72,6 @@ ] } - const handlePreview = async () => { await transactionPreview.init({ apiKey: '133a026b-c7a0-419c-a00b-66255b3cd487', @@ -82,7 +81,6 @@ const stubTrans = await buildTransaction() await transactionPreview.previewTransaction(stubTrans) - } onMount(async () => { diff --git a/docs/src/lib/components/code-snippet/getting-started-guide.md b/docs/src/lib/components/code-snippet/getting-started-guide.md deleted file mode 100644 index cae1b3d7d..000000000 --- a/docs/src/lib/components/code-snippet/getting-started-guide.md +++ /dev/null @@ -1,57 +0,0 @@ -# Getting Started - -## Installation - -Install the core 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 -``` - -## Quick Start - -Then initialize in your app: - -```js copy lineNumbers -import Onboard from '@web3-onboard/core' -import injectedModule from '@web3-onboard/injected-wallets' -import { ethers } from 'ethers' - -const MAINNET_RPC_URL = 'https://mainnet.infura.io/v3/' - -const injected = injectedModule() - -const onboard = Onboard({ - wallets: [injected], - chains: [ - { - id: '0x1', - token: 'ETH', - label: 'Ethereum Mainnet', - rpcUrl: MAINNET_RPC_URL - } - ] -}) - -const wallets = await onboard.connectWallet() - -console.log(wallets) - -if (wallets[0]) { - // create an ethers provider with the last connected wallet provider - const ethersProvider = new ethers.providers.Web3Provider(wallets[0].provider, 'any') - // if using ethers v6 this is: - // ethersProvider = new ethers.BrowserProvider(wallet.provider, 'any') - - const signer = ethersProvider.getSigner() - - // send a transaction with the ethers provider - const txn = await signer.sendTransaction({ - to: '0x', - value: 100000000000000 - }) - - const receipt = await txn.wait() - console.log(receipt) -} -``` diff --git a/docs/src/lib/components/code-snippet/install-code-tp.md b/docs/src/lib/components/code-snippet/install-code-tp.md deleted file mode 100644 index 982a56706..000000000 --- a/docs/src/lib/components/code-snippet/install-code-tp.md +++ /dev/null @@ -1,16 +0,0 @@ - - - -```sh copy -npm i @web3-onboard/core @web3-onboard/injected @web3-onboard/transaction-preview -``` - - - - -```sh copy -yarn add @web3-onboard/core @web3-onboard/injected @web3-onboard/transaction-preview -``` - - - diff --git a/docs/src/lib/components/code-snippet/install-code.md b/docs/src/lib/components/code-snippet/install-code.md deleted file mode 100644 index 8e2ab2395..000000000 --- a/docs/src/lib/components/code-snippet/install-code.md +++ /dev/null @@ -1,16 +0,0 @@ - - - -```sh copy -npm install @web3-onboard/core @web3-onboard/injected-wallets -``` - - - - -```sh copy -yarn add @web3-onboard/core @web3-onboard/injected-wallets -``` - - - diff --git a/docs/src/lib/components/code-snippet/theming-code.md b/docs/src/lib/components/code-snippet/theming-code.md deleted file mode 100644 index 00d1bdc42..000000000 --- a/docs/src/lib/components/code-snippet/theming-code.md +++ /dev/null @@ -1,10 +0,0 @@ -```css copy -:root { - --w3o-background-color: #1a1d26; - --w3o-foreground-color: #242835; - --w3o-text-color: #eff1fc; - --w3o-border-color: #33394b; - --w3o-action-color: #929bed; - --w3o-border-radius: 16px; -} -``` diff --git a/docs/src/lib/components/examples/connect-wallet/ConnectWallet.svelte b/docs/src/lib/components/examples/connect-wallet/ConnectWallet.svelte index 5317fbcc9..9f289d006 100644 --- a/docs/src/lib/components/examples/connect-wallet/ConnectWallet.svelte +++ b/docs/src/lib/components/examples/connect-wallet/ConnectWallet.svelte @@ -13,5 +13,5 @@
- +
diff --git a/docs/src/lib/components/examples/connect-wallet/ReactConnectWallet.md b/docs/src/lib/components/examples/connect-wallet/ReactConnectWallet.md deleted file mode 100644 index 50da7aa96..000000000 --- a/docs/src/lib/components/examples/connect-wallet/ReactConnectWallet.md +++ /dev/null @@ -1,243 +0,0 @@ -## Step 1: Import + Configure - -Import the libraries and any wallets you would like to use. For this example, we are going to use the injected wallets module. You can easily add more wallet support to your dapp via our other wallet modules. Additionally, we'll setup web3-onboard to support 2 chains: Ethereum mainnet and Polygon mainnet. - -```js title="App.tsx"|copy -import { Web3OnboardProvider, init } from '@web3-onboard/react' -import injectedModule from '@web3-onboard/injected-wallets' -import infinityWalletModule from '@web3-onboard/infinity-wallet' -import fortmaticModule from '@web3-onboard/fortmatic' -import gnosisModule from '@web3-onboard/gnosis' -import keepkeyModule from '@web3-onboard/keepkey' -import keystoneModule from '@web3-onboard/keystone' -import ledgerModule from '@web3-onboard/ledger' -import portisModule from '@web3-onboard/portis' -import torusModule from '@web3-onboard/torus' -import trezorModule from '@web3-onboard/trezor' -import walletConnectModule from '@web3-onboard/walletconnect' -import coinbaseModule from '@web3-onboard/coinbase' -import magicModule from '@web3-onboard/magic' -import web3authModule from '@web3-onboard/web3auth' -import dcentModule from '@web3-onboard/dcent' -import sequenceModule from '@web3-onboard/sequence' -import tahoModule from '@web3-onboard/taho' -import trustModule from '@web3-onboard/trust' -import frontierModule from '@web3-onboard/frontier' - -const INFURA_KEY = '' - -const injected = injectedModule() -const coinbase = coinbaseModule() -const dcent = dcentModule() -const walletConnect = walletConnectModule() - -const portis = portisModule({ - apiKey: 'apiKey' -}) - -const fortmatic = fortmaticModule({ - apiKey: 'apiKey' -}) - -const infinityWallet = infinityWalletModule() -const ledger = ledgerModule() -const keystone = keystoneModule() -const keepkey = keepkeyModule() -const gnosis = gnosisModule() -const sequence = sequenceModule() -const taho = tahoModule() // Previously named Tally Ho wallet -const trust = trustModule() -const frontier = frontierModule() - -const trezorOptions = { - email: 'test@test.com', - appUrl: 'https://www.blocknative.com' -} - -const trezor = trezorModule(trezorOptions) - -const magic = magicModule({ - apiKey: 'apiKey' -}) - -const enkrypt = enkryptModule() -const mewWallet = mewWalletModule() - -const wallets = [ - infinityWallet, - keepkey, - sequence, - injected, - trust, - frontier, - taho, - ledger, - coinbase, - dcent, - trezor, - walletConnect, - enkrypt, - mewWallet, - gnosis, - magic, - fortmatic, - keystone, - portis -] - -const chains = [ - { - id: '0x1', - token: 'ETH', - label: 'Ethereum Mainnet', - rpcUrl: `https://mainnet.infura.io/v3/${INFURA_ID}` - }, - { - id: '0x5', - token: 'ETH', - label: 'Goerli', - rpcUrl: `https://goerli.infura.io/v3/${INFURA_ID}` - }, - { - id: '0x13881', - token: 'MATIC', - label: 'Polygon - Mumbai', - rpcUrl: 'https://matic-mumbai.chainstacklabs.com' - }, - { - id: '0x38', - token: 'BNB', - label: 'Binance', - rpcUrl: 'https://bsc-dataseed.binance.org/' - }, - { - id: '0xA', - token: 'OETH', - label: 'Optimism', - rpcUrl: 'https://mainnet.optimism.io' - }, - { - id: '0xA4B1', - token: 'ARB-ETH', - label: 'Arbitrum', - rpcUrl: 'https://rpc.ankr.com/arbitrum' - } -] - -const appMetadata = { - name: 'Connect Wallet Example', - icon: 'My App Icon', - description: 'Example showcasing how to connect a wallet.', - recommendedInjectedWallets: [ - { name: 'MetaMask', url: 'https://metamask.io' }, - { name: 'Coinbase', url: 'https://wallet.coinbase.com/' } - ] -} - -const web3Onboard = init({ - wallets, - chains - appMetadata -}) - -function App() { - return ( - - - - ) -} - -export default MyApp -``` - -## Step 2: Display the connect wallet button - -In another file we'll create the component that will display our connect wallet button. We'll be using the `useConnectWallet` hook in order to achieve this. - -```js title="ConnectWallet.tsx"|copy -import { useEffect } from 'react' -import { useConnectWallet } from '@web3-onboard/react' -import { ethers } from 'ethers' - -export default function ConnectWallet() { - const [{ wallet, connecting }, connect, disconnect] = useConnectWallet() - const [ethersProvider, setProvider] = useState() - - useEffect(() => { - // If the wallet has a provider than the wallet is connected - if (wallet?.provider) { - setProvider(new ethers.providers.Web3Provider(wallet.provider, 'any')) - // if using ethers v6 this is: - // ethersProvider = new ethers.BrowserProvider(wallet.provider, 'any') - } - }, [wallet]) - - return ( -
- -
- ) -} -``` - -## Step 3: Display account information - -Now that we have our wallet connected, let's display some basic information, such as the connected wallet's address, ENS name, and avatar. - -```js title="ConnectWallet.tsx"|copy{8,10-19,28-37} -import { useEffect } from 'react' -import { useConnectWallet } from '@web3-onboard/react' -import { ethers } from 'ethers' - -export default function ConnectWallet() { - const [{ wallet, connecting }, connect, disconnect] = useConnectWallet() - const [ethersProvider, setProvider] = useState() - const [account, setAccount] = useState(null) - - useEffect(() => { - if (wallet?.provider) { - const { name, avatar } = wallet?.accounts[0].ens ?? {} - setAccount({ - address: wallet.accounts[0].address, - balance: wallet.accounts[0].balance, - ens: { name, avatar: avatar?.url } - }) - } - }, [wallet]) - - useEffect(() => { - // If the wallet has a provider than the wallet is connected - if (wallet?.provider) { - setProvider(new ethers.providers.Web3Provider(wallet.provider, 'any')) - // if using ethers v6 this is: - // ethersProvider = new ethers.BrowserProvider(wallet.provider, 'any') - } - }, [wallet]) - - if(wallet?.provider) { - return ( -
- ENS Avatar -
{ ens?.name ? ens.name : address }
-
Connected to {wallet.label}
- -
- ) - } - - return ( -
- -
- ) -} -``` diff --git a/docs/src/lib/components/examples/connect-wallet/SvelteConnectWallet.md b/docs/src/lib/components/examples/connect-wallet/SvelteConnectWallet.md deleted file mode 100644 index 684c4735e..000000000 --- a/docs/src/lib/components/examples/connect-wallet/SvelteConnectWallet.md +++ /dev/null @@ -1,205 +0,0 @@ -## Step 1: Import + Configure - -Import the libraries and any wallets you would like to use. For this example, we are going to use the injected wallets module. You can easily add more wallet support to your dapp via our other wallet modules. Additionally, we'll setup web3-onboard to support 2 chains: Ethereum mainnet and Polygon mainnet. - -```js title="onboard.js"|copy -import Onboard from '@web3-onboard/core' -import injectedModule from '@web3-onboard/injected-wallets' -import infinityWalletModule from '@web3-onboard/infinity-wallet' -import fortmaticModule from '@web3-onboard/fortmatic' -import gnosisModule from '@web3-onboard/gnosis' -import keepkeyModule from '@web3-onboard/keepkey' -import keystoneModule from '@web3-onboard/keystone' -import ledgerModule from '@web3-onboard/ledger' -import portisModule from '@web3-onboard/portis' -import torusModule from '@web3-onboard/torus' -import trezorModule from '@web3-onboard/trezor' -import walletConnectModule from '@web3-onboard/walletconnect' -import coinbaseModule from '@web3-onboard/coinbase' -import magicModule from '@web3-onboard/magic' -import web3authModule from '@web3-onboard/web3auth' -import dcentModule from '@web3-onboard/dcent' -import sequenceModule from '@web3-onboard/sequence' -import tahoModule from '@web3-onboard/taho' -import trustModule from '@web3-onboard/trust' -import frontierModule from '@web3-onboard/frontier' - -const INFURA_KEY = '' - -const injected = injectedModule() -const coinbase = coinbaseModule() -const dcent = dcentModule() -const walletConnect = walletConnectModule() - -const portis = portisModule({ - apiKey: 'apiKey' -}) - -const fortmatic = fortmaticModule({ - apiKey: 'apiKey' -}) - -const infinityWallet = infinityWalletModule() -const ledger = ledgerModule() -const keystone = keystoneModule() -const keepkey = keepkeyModule() -const gnosis = gnosisModule() -const sequence = sequenceModule() -const taho = tahoModule() // Previously named Tally Ho wallet -const trust = trustModule() -const frontier = frontierModule() - -const trezorOptions = { - email: 'test@test.com', - appUrl: 'https://www.blocknative.com' -} - -const trezor = trezorModule(trezorOptions) - -const magic = magicModule({ - apiKey: 'apiKey' -}) - -const enkrypt = enkryptModule() -const mewWallet = mewWalletModule() - -const wallets = [ - infinityWallet, - keepkey, - sequence, - injected, - taho, - ledger, - coinbase, - dcent, - trust, - frontier, - trezor, - walletConnect, - enkrypt, - mewWallet, - gnosis, - magic, - fortmatic, - keystone, - portis -] - -const chains = [ - { - id: '0x1', - token: 'ETH', - label: 'Ethereum Mainnet', - rpcUrl: `https://mainnet.infura.io/v3/${INFURA_ID}` - }, - { - id: '0x5', - token: 'ETH', - label: 'Goerli', - rpcUrl: `https://goerli.infura.io/v3/${INFURA_ID}` - }, - { - id: '0x13881', - token: 'MATIC', - label: 'Polygon - Mumbai', - rpcUrl: 'https://matic-mumbai.chainstacklabs.com' - }, - { - id: '0x38', - token: 'BNB', - label: 'Binance', - rpcUrl: 'https://bsc-dataseed.binance.org/' - }, - { - id: '0xA', - token: 'OETH', - label: 'Optimism', - rpcUrl: 'https://mainnet.optimism.io' - }, - { - id: '0xA4B1', - token: 'ARB-ETH', - label: 'Arbitrum', - rpcUrl: 'https://rpc.ankr.com/arbitrum' - } -] - -const appMetadata = { - name: 'Connect Wallet Example', - icon: 'My App Icon', - description: 'Example showcasing how to connect a wallet.', - recommendedInjectedWallets: [ - { name: 'MetaMask', url: 'https://metamask.io' }, - { name: 'Coinbase', url: 'https://wallet.coinbase.com/' } - ] -} - -const onboard = Onboard({ - wallets, - chains, - appMetadata -}) - -export default onboard -``` - -## Step 2: Display the connect wallet button - -In main `App.svelte` file we'll import our previously initialized web3-onboard instance and then display our connect wallet button. - -```svelte title="App.svelte"|copy - - -
- -
-``` - -## Step 3: Display account information - -Now that we have our wallet connected, let's display some basic information, such as the connected wallet's address, ENS name, and avatar. - -```svelte title="App.svelte"|copy - - -{#if $wallets$?.[0]?.provider} -
- ENS Avatar -
{ ens?.name ? ens.name : address }
-
Connected to {wallet.label}
- -
-{:else} -
- -
-{/if} -``` diff --git a/docs/src/lib/components/examples/index.ts b/docs/src/lib/components/examples/index.ts index da992af9e..be83a4bfc 100644 --- a/docs/src/lib/components/examples/index.ts +++ b/docs/src/lib/components/examples/index.ts @@ -1,3 +1 @@ export { default as ConnectWallet } from './connect-wallet/ConnectWallet.svelte' -export { default as ReactConnectWallet } from './connect-wallet/ReactConnectWallet.md' -export { default as SvelteConnectWallet } from './connect-wallet/SvelteConnectWallet.md' diff --git a/docs/src/lib/components/gas/Gas.svelte b/docs/src/lib/components/gas/Gas.svelte index 0497d8951..aacf39c23 100644 --- a/docs/src/lib/components/gas/Gas.svelte +++ b/docs/src/lib/components/gas/Gas.svelte @@ -69,7 +69,7 @@ }) -
+
MORE LIKELY LESS LIKELY
-
+
{#each ($ethMainnetGasBlockPrices && $ethMainnetGasBlockPrices[0]?.blockPrices[0]?.estimatedPrices) || GAS_DATA_DEFAULT.estimatedPrices as gasData} {/each} diff --git a/docs/src/lib/components/gas/GasCard.svelte b/docs/src/lib/components/gas/GasCard.svelte index 11992a7ac..c914e671c 100644 --- a/docs/src/lib/components/gas/GasCard.svelte +++ b/docs/src/lib/components/gas/GasCard.svelte @@ -22,7 +22,8 @@ const gasDiff = (bnGas: GasPrice) => { if (!rpcGasForDiff || !bnGas || !bnGas.maxPriorityFeePerGas || !bnGas.maxFeePerGas) return - const priFeeDiff = Number.parseInt(rpcGasForDiff.maxPriorityFeePerGas) - bnGas.maxPriorityFeePerGas + const priFeeDiff = + Number.parseInt(rpcGasForDiff.maxPriorityFeePerGas) - bnGas.maxPriorityFeePerGas const maxFeeDiff = Number.parseInt(rpcGasForDiff.maxFeePerGas) - bnGas.maxFeePerGas return priFeeDiff + maxFeeDiff } @@ -56,7 +57,7 @@ {#if gasPriceFrom === 'bn'}
- {(gasData && gasData?.confidence) ? `${gasData.confidence}% probability` : '...'} + {gasData && gasData?.confidence ? `${gasData.confidence}% probability` : '...'}
{rpcGasForDiff ? `${gasDiff(gasData)?.toFixed(2)} gwei saved` : '...'} diff --git a/docs/src/lib/components/gas/index.ts b/docs/src/lib/components/gas/index.ts index afd3cb0f4..6db88a7a1 100644 --- a/docs/src/lib/components/gas/index.ts +++ b/docs/src/lib/components/gas/index.ts @@ -1 +1 @@ -export { default as Gas } from './Gas.svelte' \ No newline at end of file +export { default as Gas } from './Gas.svelte' diff --git a/docs/src/lib/components/gas/types.ts b/docs/src/lib/components/gas/types.ts index f31016936..ea734a17b 100644 --- a/docs/src/lib/components/gas/types.ts +++ b/docs/src/lib/components/gas/types.ts @@ -13,7 +13,7 @@ export type RPCGasPrice = { export interface GasData { estimatedPrices: GasPrice[] - baseFeePerGas: number| null + baseFeePerGas: number | null blockNumber: number | null maxPrice: number | null estimatedTransactionCount: number | null @@ -25,4 +25,4 @@ export interface GasData { export interface EstimatedBaseFee { confidence: number baseFee: number -} \ No newline at end of file +} diff --git a/docs/src/lib/components/icons/blocknative-icon.js b/docs/src/lib/components/icons/blocknative-icon.js index a85040b7c..91ca1cb81 100644 --- a/docs/src/lib/components/icons/blocknative-icon.js +++ b/docs/src/lib/components/icons/blocknative-icon.js @@ -22,5 +22,4 @@ export default ` - ` diff --git a/docs/src/lib/components/icons/bnWhiteBackground.js b/docs/src/lib/components/icons/bnWhiteBackground.js index 71c1bc7af..73b52594a 100644 --- a/docs/src/lib/components/icons/bnWhiteBackground.js +++ b/docs/src/lib/components/icons/bnWhiteBackground.js @@ -1 +1 @@ -export default `` \ No newline at end of file +export default `` diff --git a/docs/src/lib/components/index.ts b/docs/src/lib/components/index.ts index 745bf18f8..151d51101 100644 --- a/docs/src/lib/components/index.ts +++ b/docs/src/lib/components/index.ts @@ -1,4 +1,3 @@ export * from './examples' export * from './gas' -export { default as ThemeCustomizer } from './ThemeCustomizer.svelte' export { default as TransactionPreviewButton } from './TransactionPreviewButton.svelte' diff --git a/docs/src/lib/services/onboard.js b/docs/src/lib/services/onboard.js index e8ca05f07..88d5cc0fc 100644 --- a/docs/src/lib/services/onboard.js +++ b/docs/src/lib/services/onboard.js @@ -29,7 +29,6 @@ const classMutationListener = () => { } const intiOnboard = async (theme) => { - const { default: cedeModule } = await import('@web3-onboard/cede-store') const { default: Onboard } = await import('@web3-onboard/core') const { default: injectedModule } = await import('@web3-onboard/injected-wallets') const { default: trezorModule } = await import('@web3-onboard/trezor') @@ -52,6 +51,7 @@ const intiOnboard = async (theme) => { const { default: uauthModule } = await import('@web3-onboard/uauth') const { default: trustModule } = await import('@web3-onboard/trust') 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 INFURA_ID = '8b60d52405694345a99bcb82e722e0af' @@ -78,7 +78,6 @@ const intiOnboard = async (theme) => { const torus = torusModule() const trust = trustModule() const xdefi = xdefiModule() - const frame = frameModule() const cede = cedeModule() const portis = portisModule({ @@ -106,6 +105,8 @@ const intiOnboard = async (theme) => { apiKey: 'pk_live_02207D744E81C2BA' }) + const frame = frameModule() + return Onboard({ wallets: [ injected, diff --git a/docs/src/lib/styles/docsearch.css b/docs/src/lib/styles/docsearch.css new file mode 100644 index 000000000..30292e1c3 --- /dev/null +++ b/docs/src/lib/styles/docsearch.css @@ -0,0 +1,290 @@ +:root { + --docsearch-primary-color: var(--kd-color-brand); + --docsearch-highlight-color: var(--docsearch-primary-color); + --docsearch-text-color: var(--kd-color-gray-inverse); + --docsearch-searchbox-shadow: none; + --docsearch-searchbox-focus-background: transparent; + --docsearch-key-gradient: transparent; + --docsearch-key-shadow: none; + --docsearch-modal-background: #fafafa; + --docsearch-footer-background: #ededed; + --docsearch-muted-color: #606060; + --docsearch-logo-color: #606060; + --docsearch-hit-color: #606060; + --docsearch-hit-active-color: var(--kd-color-gray-inverse); + --docsearch-hit-background: none; +} + +:root.dark { + --docsearch-modal-shadow: none; + --docsearch-footer-shadow: none; + --docsearch-hit-background: #292929; + --docsearch-hit-color: #b4b4b4; + --docsearch-modal-background: #2d2d2d; + --docsearch-hit-shadow: none; + --docsearch-footer-background: #242424; + --docsearch-muted-color: #b4b4b4; + --docsearch-logo-color: #b4b4b4; +} + +.DocSearch-Container { + background-color: rgb(0 0 0 / 0.7); + font-family: var(--kd-font-family-sans); + --tw-backdrop-blur: blur(4px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) + var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) + var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) + var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) + var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) + var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + +.dark .DocSearch-Container { + background-color: rgb(34 34 34 / 0.8); +} + +.DocSearch-Button { + display: flex; + height: auto; + width: 100%; + align-items: center; + border-radius: 0.125rem; + background-color: var(--kd-color-gray-elevate); + padding-top: 0.625rem; + padding-bottom: 0.625rem; + padding-left: 0.75rem; + padding-right: 0.75rem; + --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); + --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); +} + +.DocSearch-Button:hover { + background-color: var(--kd-color-gray-hover); +} + +.DocSearch-Button { + margin: 0px; + font-size: 15px; + border: 1px solid var(--kd-color-gray-divider); +} + +.DocSearch-Button:focus-visible, +.DocSearch-Button.focus-visible { + outline-offset: 2px; + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) + var(--tw-ring-offset-color) !important; + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) + var(--tw-ring-color) !important; + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; + --tw-ring-color: var(--kd-color-focus); + outline: 2px solid transparent !important; +} + +.DocSearch-Button-Container { + display: flex; + width: 100%; + align-items: center; +} + +.DocSearch-SearchBar { + padding-bottom: 0.5rem; +} + +.DocSearch-Search-Icon { + margin-top: -0.25rem; + margin-right: 0.5rem; +} + +.DocSearch-Button-Placeholder { + margin: 0px; + height: auto; + padding: 0px; + font-size: 15px; + font-weight: 400; + color: var(--kd-color-gray-inverse); +} + +.DocSearch-Button-Keys { + display: flex; +} + +.DocSearch-Button-Keys > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.125rem * var(--tw-space-x-reverse)); + margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))); +} + +.DocSearch-Button-Keys { + padding: 0px; + min-width: unset; +} + +.DocSearch-Button-Key { + top: 0px; + margin: 0px; + display: flex; + height: auto; + width: auto; +} + +.DocSearch-Button-Key > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.125rem * var(--tw-space-x-reverse)); + margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))); +} + +.DocSearch-Button-Key { + background-image: none; + padding: 0px; + font-size: 15px; + font-weight: 600; + color: var(--kd-color-gray-inverse); + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); +} + +.DocSearch-Input { + margin-left: 0.25rem; + margin-right: 0.5rem; + padding: 0px; + padding-left: 0px; + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} + +.DocSearch-Form:focus-within { + outline: 2px solid transparent; + outline-offset: 2px; + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) + var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) + var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); + --tw-ring-color: var(--kd-color-focus); +} + +.DocSearch-Input:focus, +.DocSearch-Input:focus-visible { + outline: 0; + box-shadow: none; +} + +.DocSearch-Hit { + padding: 0.25rem; +} + +.DocSearch-Hit-source { + color: var(--docsearch-hit-text-color); +} + +.DocSearch-Hit[aria-selected='true'] a { + color: var(--docsearch-text-color); + background: var(--docsearch-hit-background); +} + +.DocSearch-Hit[aria-selected='true'] mark { + color: var(--docsearch-highlight-color) !important; +} + +:root.dark .DocSearch-Input { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + +.DocSearch-Cancel { + display: none; +} + +.DocSearch-Screen-Icon { + display: flex; + align-items: center; + justify-content: center; + padding-bottom: 1.5rem; +} + +.DocSearch-NoResults-Prefill-List { + padding-bottom: 1.5rem; +} + +.DocSearch-Form:focus-within .DocSearch-MagnifierLabel { + color: var(--kd-color-focus); +} + +.DocSearch-MagnifierLabel { + color: var(--docsearch-text-color); +} + +@media screen and (max-width: 750px) { + .DocSearch-Modal { + top: 1rem; + left: 0px; + right: 0px; + margin-left: auto; + margin-right: auto; + max-height: 75vh; + max-width: 90vw; + overflow: hidden !important; + --docsearch-vh: 0.75vh !important; + } +} + +@media only screen and (max-width: 991px) { + .DocSearch-Button { + --docsearch-text-color: var(--kd-color-gray-soft); + margin: 0px; + display: flex; + height: 3rem; + width: 3rem; + align-items: center; + justify-content: center; + border-width: 0px; + background-color: transparent; + padding: 0px; + } + + .DocSearch-Button:hover { + background-color: transparent; + } + + .DocSearch-Button-Container { + width: auto; + } + + .DocSearch-Button-Placeholder { + display: none; + } + + .DocSearch-Search-Icon { + display: inline-block; + height: 1.5rem; + width: 1.5rem; + } + + .DocSearch-Search-Icon:hover { + color: var(--kd-color-gray-inverse); + } + + .DocSearch-Button { + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); + } + + .DocSearch-Button-Keys { + display: none; + } + + .DocSearch-Button-Key { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) + var(--tw-ring-offset-color) !important; + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) + var(--tw-ring-color) !important; + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; + } +} diff --git a/docs/src/lib/styles/kit-docs.css b/docs/src/lib/styles/kit-docs.css index 44ef18914..1b8517d2f 100644 --- a/docs/src/lib/styles/kit-docs.css +++ b/docs/src/lib/styles/kit-docs.css @@ -9,6 +9,8 @@ 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; */ --kd-font-family-sans: 'Sofia Pro'; + --kd-color-brand: rgb(var(--kd-color-brand-rgb)); + --kd-font-family-mono: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation, Mono, Fira Code VF, monospace; @@ -59,7 +61,6 @@ --kd-color-gray-hover: rgb(54, 54, 54); --kd-color-gray-hover-inverse: rgb(245, 245, 245); --kd-color-gray-elevate: rgb(45, 45, 45); - /* --kd-color-gray-body: rgb(26, 26, 26); */ --kd-color-gray-body: rgb(26, 29, 38); } @@ -93,3 +94,39 @@ --kd-sidebar-padding: 0 0 2rem 0.25rem; } } + +:root, +.prefers-light-scheme { + --kd-color-brand: 99 112 229; + --kd-color-focus: 79 70 229; + --kd-color-soft: 112 112 112; + --kd-color-body: 250 250 250; + --kd-color-elevate: 243 244 246; + --kd-color-inverse: 5 11 23; + --kd-color-border: 209 213 219; +} + +:root.dark, +.prefers-dark-scheme { + color-scheme: dark; + --kd-color-brand: 99 112 229; + --kd-color-soft: 140 140 140; + --kd-color-inverse: 245 245 245; + --kd-color-border: 38 48 64; + --kd-color-elevate: 10 19 33; + --kd-color-body: 26 29 38; + --kd-color-focus: 129 140 248; +} + +.socialIcon { + color: var(--kd-color-gray-soft); +} + +.socialIcon:hover { + color: rgb(0, 0, 0); +} + +.socialIcon:hover, +.prefers-dark-scheme { + color: rgb(99 112 229); +} diff --git a/docs/src/routes/+layout.js b/docs/src/routes/+layout.js new file mode 100644 index 000000000..644ef735f --- /dev/null +++ b/docs/src/routes/+layout.js @@ -0,0 +1,13 @@ +import { createKitDocsLoader } from '@svelteness/kit-docs' + +export const prerender = true + +/** @type {import('./$types').LayoutLoad} */ +export const load = createKitDocsLoader({ + sidebar: { + '/': null, + '/docs': '/docs', + '/examples': '/examples', + faq: 'faq' + } +}) diff --git a/docs/src/routes/__layout-kit-docs.svelte b/docs/src/routes/+layout.svelte similarity index 66% rename from docs/src/routes/__layout-kit-docs.svelte rename to docs/src/routes/+layout.svelte index d54a5ec93..950150093 100644 --- a/docs/src/routes/__layout-kit-docs.svelte +++ b/docs/src/routes/+layout.svelte @@ -1,46 +1,26 @@ - - @@ -64,12 +45,14 @@ {#if title} {title} {/if} - {#if description} - + {#if metadescription} + {/if} {/key} + +
@@ -88,10 +71,11 @@
- - +
+ @@ -99,6 +83,12 @@ diff --git a/docs/src/routes/+page.md b/docs/src/routes/+page.md new file mode 100644 index 000000000..7edd1acb9 --- /dev/null +++ b/docs/src/routes/+page.md @@ -0,0 +1,150 @@ + + + + + + + +```sh copy +npm i @web3-onboard/core @web3-onboard/injected @web3-onboard/transaction-preview +``` + + + + +```sh copy +yarn add @web3-onboard/core @web3-onboard/injected @web3-onboard/transaction-preview +``` + + + + + + + + + +```sh copy +npm i @web3-onboard/core @web3-onboard/injected @web3-onboard/transaction-preview +``` + + + + +```sh copy +yarn add @web3-onboard/core @web3-onboard/injected @web3-onboard/transaction-preview +``` + + + + + + +```sh copy +npm i @web3-onboard/core @web3-onboard/injected @web3-onboard/transaction-preview +``` + + + + +```sh copy +yarn add @web3-onboard/core @web3-onboard/injected @web3-onboard/transaction-preview +``` + + + + + + + +
+ +```css copy +:root { + --w3o-background-color: #1a1d26; + --w3o-foreground-color: #242835; + --w3o-text-color: #eff1fc; + --w3o-border-color: #33394b; + --w3o-action-color: #929bed; + --w3o-border-radius: 16px; +} +``` + +
+ + + + + + +
+ +# Getting Started + +## Installation + +Install the core 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 +``` + +## Quick Start + +Then initialize in your app: + +```js copy lineNumbers +import Onboard from '@web3-onboard/core' +import injectedModule from '@web3-onboard/injected-wallets' +import { ethers } from 'ethers' + +const MAINNET_RPC_URL = 'https://mainnet.infura.io/v3/' + +const injected = injectedModule() + +const onboard = Onboard({ + wallets: [injected], + chains: [ + { + id: '0x1', + token: 'ETH', + label: 'Ethereum Mainnet', + rpcUrl: MAINNET_RPC_URL + } + ] +}) + +const wallets = await onboard.connectWallet() + +console.log(wallets) + +if (wallets[0]) { + // create an ethers provider with the last connected wallet provider + const ethersProvider = new ethers.providers.Web3Provider(wallets[0].provider, 'any') + // if using ethers v6 this is: + // ethersProvider = new ethers.BrowserProvider(wallet.provider, 'any') + + const signer = ethersProvider.getSigner() + + // send a transaction with the ethers provider + const txn = await signer.sendTransaction({ + to: '0x', + value: 100000000000000 + }) + + const receipt = await txn.wait() + console.log(receipt) +} +``` + +
+ + + diff --git a/docs/src/routes/__layout-homepage.svelte b/docs/src/routes/__layout-homepage.svelte deleted file mode 100644 index 1dc0125eb..000000000 --- a/docs/src/routes/__layout-homepage.svelte +++ /dev/null @@ -1,69 +0,0 @@ - - - - - - {#if title} - {title} - {/if} - {#if metadescription} - - {/if} - - - - - - -
- - - -
-
-
- - - -
-
- - - - - diff --git a/docs/src/routes/docs/+page.js b/docs/src/routes/docs/+page.js new file mode 100644 index 000000000..18cab696e --- /dev/null +++ b/docs/src/routes/docs/+page.js @@ -0,0 +1,8 @@ +import { redirect } from '@sveltejs/kit' + +export const prerender = true + +/** @type {import('./$types').PageLoad} */ +export function load() { + throw redirect(307, '/docs/overview/introduction') +} diff --git a/docs/src/routes/docs/[...1]overview/[...1]introduction.md b/docs/src/routes/docs/[...1]overview/[...1]introduction/+page.md similarity index 83% rename from docs/src/routes/docs/[...1]overview/[...1]introduction.md rename to docs/src/routes/docs/[...1]overview/[...1]introduction/+page.md index 643132a1c..67cb56c6a 100644 --- a/docs/src/routes/docs/[...1]overview/[...1]introduction.md +++ b/docs/src/routes/docs/[...1]overview/[...1]introduction/+page.md @@ -1,5 +1,5 @@ --- -sidebar_title: Introduction +title: Introduction --- -# Core +# {$frontmatter.title} This is the core package that contains all of the UI and logic to be able to seamlessly connect user's wallets to your app and track the state of those wallets. Onboard no longer contains any wallet specific code, so wallets need to be passed in upon initialization. @@ -74,6 +78,7 @@ Checkout our full library of quick start examples for connecting and interacting - **[Vite/React](https://github.com/blocknative/web3-onboard/tree/main/examples/with-vite-react)** - **[Vue](https://github.com/blocknative/web3-onboard/tree/main/examples/with-vuejs)** - **[Vue2](https://github.com/blocknative/web3-onboard/tree/main/examples/with-vuejs-v2)** +- **[Vanilla-JS](https://github.com/blocknative/web3-onboard/tree/main/examples/with-vanilla-js)** ## Initialization @@ -140,7 +145,11 @@ type Chain = { icon?: string // the icon to represent the chain publicRpcUrl?: string // an optional public RPC used when adding a new chain config to the wallet blockExplorerUrl?: string // also used when adding a new config to the wallet +<<<<<<< HEAD:docs/src/routes/docs/[...3]modules/[...1]core/+page.md + secondaryTokens?: SecondaryTokens[] // An optional array of tokens (max of 5) to be available to the dapp in the app state object per wallet within the wallet account and displayed in Account Center (if enabled) +======= secondaryTokens?: SecondaryTokens[] // An optional array of tokens (max of 5) to be available to the dapp in the app state object per wallet within the wallet account and displayed in Account Center (if enabled) +>>>>>>> develop:docs/src/routes/docs/[...3]modules/core.md } interface SecondaryTokens { @@ -360,7 +369,7 @@ An object that defines whether the account center UI (default and minimal) is en ```ts type AccountCenter = { enabled: boolean - position?: AccountCenterPosition // default: 'topRight' + position?: AccountCenterPosition // default: 'bottomRight' expanded?: boolean // default: true minimal?: boolean // enabled by default for mobile diff --git a/docs/src/routes/docs/[...3]modules/gas.md b/docs/src/routes/docs/[...3]modules/[...2]gas/+page.md similarity index 98% rename from docs/src/routes/docs/[...3]modules/gas.md rename to docs/src/routes/docs/[...3]modules/[...2]gas/+page.md index 1c02d7911..bdd6edd32 100644 --- a/docs/src/routes/docs/[...3]modules/gas.md +++ b/docs/src/routes/docs/[...3]modules/[...2]gas/+page.md @@ -1,8 +1,12 @@ +--- +title: Gas +--- + -# Gas +# {$frontmatter.title} A module for requesting streams or single requests of gas price estimates from the [Blocknative Gas Platform API](https://docs.blocknative.com/gas-platform). diff --git a/docs/src/routes/docs/[...3]modules/react.md b/docs/src/routes/docs/[...3]modules/[...3]react/+page.md similarity index 90% rename from docs/src/routes/docs/[...3]modules/react.md rename to docs/src/routes/docs/[...3]modules/[...3]react/+page.md index 6d6275a77..cf22d1ccf 100644 --- a/docs/src/routes/docs/[...3]modules/react.md +++ b/docs/src/routes/docs/[...3]modules/[...3]react/+page.md @@ -1,4 +1,8 @@ -# React +--- +title: React +--- + +# {$frontmatter.title} A collection of React hooks for implementing web3-onboard into a React project @@ -10,14 +14,14 @@ A collection of React hooks for implementing web3-onboard into a React project ```sh copy -yarn add @web3-onboard/react +yarn add @web3-onboard/react @web3-onboard/injected-wallets ``` ```sh copy -npm install @web3-onboard/react +npm install @web3-onboard/react @web3-onboard/injected-wallets ``` @@ -25,7 +29,7 @@ npm install @web3-onboard/react ### Add Code -```javascript +```javascript title="App.js" import React from 'react' import { init, useConnectWallet } from '@web3-onboard/react' import injectedModule from '@web3-onboard/injected-wallets' @@ -74,9 +78,12 @@ function App() {
) } + +export default App ``` ## Using the `Web3OnboardProvider` + You can use the context provider `Web3OnboardProvider` to better manage global state. Simply wrap the provider around your `App` and the initialized web3Onboard instance will be available in all children components. See example below. @@ -96,9 +103,9 @@ const web3Onboard = init({ wallets, chains, appMetadata: { - name: "Web3-Onboard Demo", + name: 'Web3-Onboard Demo', icon: 'App Icon', - description: "A demo of Web3-Onboard." + description: 'A demo of Web3-Onboard.' } }) function MyApp({ Component, pageProps }) { @@ -113,7 +120,7 @@ export default MyApp ## `init` -The `init` function must be called before any hooks can be used. The `init` function just initializes `web3-onboard` and makes it available for all hooks to use. For reference check out the [initialization docs for `@web3-onboard/core`](./core.md#initialization) +The `init` function must be called before any hooks can be used. The `init` function just initializes `web3-onboard` and makes it available for all hooks to use. For reference check out the [initialization docs for `@web3-onboard/core`](../../modules/core.md#initialization) ## `useConnectWallet` @@ -200,7 +207,7 @@ type SetChainOptions = { chainNamespace?: string wallet?: WalletState['label'], // if chain was instantiated without rpcUrl, include here. Used for network requests - rpcUrl?: string, + rpcUrl?: string, // if chain was instantiated without token, include here. Used for display, eg Ethereum Mainnet label?: string, // if chain was instantiated without label, include here. The native token symbol, eg ETH, BNB, MATIC @@ -221,7 +228,7 @@ const [ This hook allows the dev to access all notifications if enabled, send custom notifications and update notify **note** requires an API key be added to the initialization, enabled by default if API key exists -For full Notification documentation please see [Notify section within the `@web3-onboard/core` docs](./core.md#options) +For full Notification documentation please see [Notify section within the `@web3-onboard/core` docs](../../modules/core.md#options) ```typescript type UseNotifications = (): [ @@ -437,7 +444,6 @@ const updateLocale = useSetLocale() updateLocale('es') ``` - ## Build Environments Many of the wallet modules require dependencies that are not normally included in browser builds (namely the node built-in modules such as `crypto`, `buffer`, `util` etc). If you are having build issues you can try the following bundler configs to resolve these dependency issues: @@ -520,14 +526,74 @@ module.exports = { } ``` -#### If using create-react-app +### If using create-react-app + +[CRACO](https://www.npmjs.com/package/@craco/craco) provides a way to override webpack config which is obfuscated in Create React App built applications. + +`npm i @craco/craco` + +**OR** -[CRACO](https://www.npmjs.com/package/@craco/craco) provides a similar way to override webpack config which is obfuscated in Create React App built applications. +`yarn add @craco/craco` -The above webpack 5 example can be used in the `craco.config.js` file at the root level in this case. +The above webpack 5 example can be used in the `craco.config.js` file at the root level. + +```javascript title="craco.config.js" +const webpack = require('webpack') + +module.exports = { + webpack: { + configure: { + resolve: { + fallback: { + path: require.resolve('path-browserify') + }, + alias: { + assert: 'assert', + buffer: 'buffer', + crypto: 'crypto-browserify', + http: 'stream-http', + https: 'https-browserify', + os: 'os-browserify/browser', + process: 'process/browser', + stream: 'stream-browserify', + util: 'util' + } + }, + experiments: { + asyncWebAssembly: true + }, + plugins: [ + new webpack.ProvidePlugin({ + process: 'process/browser', + Buffer: ['buffer', 'Buffer'] + }) + ] + } + } +} +``` + +Be sure to update the scripts in package.json: + +``` +"scripts": { + "start": "craco start", + "build": "craco build", + "test": "craco test" + } +``` [React App Rewired](https://www.npmjs.com/package/react-app-rewired) is another option for working with Create React App DApps +Add React App Rewired: + +`npm i react-app-rewired` + +**OR** + +`yarn add react-app-rewired` + Add the following dev dependencies: `npm i --save-dev rollup-plugin-polyfill-node webpack-bundle-analyzer assert buffer crypto-browserify stream-http https-browserify os-browserify process stream-browserify util path-browserify browserify-zlib` @@ -535,7 +601,7 @@ Add the following dev dependencies: `yarn add rollup-plugin-polyfill-node webpack-bundle-analyzer assert buffer crypto-browserify stream-http https-browserify os-browserify process stream-browserify util path-browserify browserify-zlib -D` -```javascript +```javascript title="config.overrides.js" const webpack = require('webpack') const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer') const path = require('path') @@ -589,6 +655,16 @@ module.exports = function override(config) { } ``` +Be sure to update the scripts in package.json: + +``` +"scripts": { + "start": "react-app-rewired start", + "build": "react-app-rewired build", + "test": "react-app-rewired test" + } +``` + ### Vite Add the following dev dependencies: diff --git a/docs/src/routes/docs/[...3]modules/transaction-preview.md b/docs/src/routes/docs/[...3]modules/[...4]transaction-preview/+page.md similarity index 99% rename from docs/src/routes/docs/[...3]modules/transaction-preview.md rename to docs/src/routes/docs/[...3]modules/[...4]transaction-preview/+page.md index 72bfb2b86..b2512f893 100644 --- a/docs/src/routes/docs/[...3]modules/transaction-preview.md +++ b/docs/src/routes/docs/[...3]modules/[...4]transaction-preview/+page.md @@ -1,10 +1,14 @@ +--- +title: Transaction Preview +--- + -# Transaction Preview +# {$frontmatter.title} A modular UI for previewing a single or set of unsigned Ethereum transactions. @@ -16,6 +20,7 @@ Preview Vitalik swapping 100 UNI tokens for ETH using Transaction Preview Full Simulation Platform API documentation can be found [here](https://docs.blocknative.com/transaction-preview-api) + ### Install diff --git a/docs/src/routes/docs/[...3]modules/unstoppable-resolution.md b/docs/src/routes/docs/[...3]modules/[...5]unstoppable-resolution/+page.md similarity index 90% rename from docs/src/routes/docs/[...3]modules/unstoppable-resolution.md rename to docs/src/routes/docs/[...3]modules/[...5]unstoppable-resolution/+page.md index 5ee90b500..17780b2f3 100644 --- a/docs/src/routes/docs/[...3]modules/unstoppable-resolution.md +++ b/docs/src/routes/docs/[...3]modules/[...5]unstoppable-resolution/+page.md @@ -1,4 +1,8 @@ -# Unstoppable Domains Resolution +--- +title: Unstoppable Domains Resolution +--- + +# {$frontmatter.title} A module to add Unstoppable Domain resolution to web3-onboard. diff --git a/docs/src/routes/docs/[...3]modules/vue.md b/docs/src/routes/docs/[...3]modules/[...6]vue/+page.md similarity index 78% rename from docs/src/routes/docs/[...3]modules/vue.md rename to docs/src/routes/docs/[...3]modules/[...6]vue/+page.md index b648fed47..05828a26d 100644 --- a/docs/src/routes/docs/[...3]modules/vue.md +++ b/docs/src/routes/docs/[...3]modules/[...6]vue/+page.md @@ -1,4 +1,8 @@ -# Vue +--- +title: Vue +--- + +# {$frontmatter.title} A collection of composable functions for implementing web3-onboard in to a Vue project; compatible both with Vue 2 + composition-api and Vue 3 @@ -57,7 +61,7 @@ if (connectedWallet) { ## `init` -The `init` function initializes `web3-onboard` and makes it available to the `useOnboard()` composable. For references check out the [initialization docs for `@web3-onboard/core`](./core.md#initialization) +The `init` function initializes `web3-onboard` and makes it available to the `useOnboard()` composable. For references check out the [initialization docs for `@web3-onboard/core`](../../modules/core.md#initialization) ### Example usage @@ -99,20 +103,20 @@ const { wallets, connectWallet, disconnectConnectedWallet, connectedWallet } = u ### `connectWallet` -Function to open the onboard modal and connect to a wallet provider. For reference check out the [connecting a wallet for `@web3-onboard/core`](./core.md#connecting-a-wallet) +Function to open the onboard modal and connect to a wallet provider. For reference check out the [connecting a wallet for `@web3-onboard/core`](../../modules/core.md#connecting-a-wallet) ### Example usage -```vue +```html