[injected-v2.2.2-alpha.1] : Feature - Add core wallet support, fix scroll issue (#1259)

* Add core wallet support, fix scroll issue
* Commit core icon

Author: Adamj1232

packages/core/src/views/connect/Index.svelte

@@ -115,7 +115,7 @@
       }
 
       connectingErrorMessage = ''
-
+      scrollToTop()
       // change step on next event loop
       setTimeout(() => setStep('connectingWallet'), 1)
     } catch (error) {
@@ -196,8 +196,10 @@
       trackWallet(provider, label)
       updateSelectedWallet(update)
       setStep('connectedWallet')
+      scrollToTop()
     } catch (error) {
       const { code } = error as { code: number; message: string }
+      scrollToTop()
 
       // user rejected account access
       if (code === ProviderRpcErrorCode.ACCOUNT_ACCESS_REJECTED) {

packages/demo/package.json

@@ -28,7 +28,7 @@
     "@web3-onboard/fortmatic": "^2.0.13",
     "@web3-onboard/gas": "^2.1.2",
     "@web3-onboard/gnosis": "^2.1.2",
-    "@web3-onboard/injected-wallets": "^2.2.1",
+    "@web3-onboard/injected-wallets": "^2.2.2-alpha.1",
     "@web3-onboard/keepkey": "^2.3.0",
     "@web3-onboard/keystone": "^2.3.0",
     "@web3-onboard/ledger": "^2.3.0",

packages/demo/src/App.svelte

@@ -106,14 +106,14 @@
 
   const onboard = Onboard({
     wallets: [
+      injected,
       web3auth,
       ledger,
       trezor,
       walletConnect,
       keepkey,
       keystone,
       coinbaseWallet,
-      injected,
       magic,
       fortmatic,
       portis,

packages/injected/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/injected-wallets",
-  "version": "2.2.1",
+  "version": "2.2.2-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",

packages/injected/src/constants.ts

@@ -13,5 +13,6 @@ export const WALLET_NAMES: { [key: string]: string } = {
   meetone: 'MeetOne',
   frame: 'Frame',
   bitkeep: 'BitKeep',
-  sequence: 'Sequence'
+  sequence: 'Sequence',
+  core: 'Core'
 }

packages/injected/src/icons/core.ts

@@ -0,0 +1,4 @@
+export default `<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="256" height="256" rx="128" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M87.6477 203.403C66.6922 203.403 47.0213 198.931 30 191.095L99.2514 127.885C89.6861 120.038 83.5836 108.126 83.5836 94.7884C83.5836 81.2079 89.9104 69.1052 99.7773 61.2668V52.0015H126.08C126.177 52.0008 126.274 52.0005 126.372 52.0005C137.068 52.0005 146.848 55.9254 154.349 62.4136C161.85 55.926 171.629 52.0015 182.325 52.0015H182.389L182.39 52L182.392 52.0015H208.919V61.2679C218.786 69.1062 225.113 81.209 225.113 94.7894C225.113 111.867 215.108 126.608 200.64 133.47C195.467 148.743 185.737 162.479 172.714 173.652V193.398H139.977C124.227 199.801 106.455 203.403 87.6477 203.403ZM126.371 127.703C134.16 127.703 141.317 124.998 146.954 120.475L154.282 136.976L161.645 120.397C167.296 124.967 174.491 127.703 182.325 127.703C200.502 127.703 215.238 112.967 215.238 94.7895C215.238 76.6117 200.502 61.8757 182.325 61.8757C170.513 61.8757 160.155 68.0975 154.348 77.4425C148.541 68.0975 138.183 61.8757 126.371 61.8757C108.193 61.8757 93.4575 76.6117 93.4575 94.7895C93.4575 112.967 108.193 127.703 126.371 127.703ZM126.371 117.829C139.096 117.829 149.411 107.514 149.411 94.7893C149.411 82.0648 139.096 71.7496 126.371 71.7496C113.647 71.7496 103.331 82.0648 103.331 94.7893C103.331 107.514 113.647 117.829 126.371 117.829ZM126.371 107.955C133.642 107.955 139.537 102.06 139.537 94.7893C139.537 87.5182 133.642 81.6238 126.371 81.6238C119.1 81.6238 113.206 87.5182 113.206 94.7893C113.206 102.06 119.1 107.955 126.371 107.955ZM205.364 94.7893C205.364 107.514 195.049 117.829 182.324 117.829C169.6 117.829 159.285 107.514 159.285 94.7893C159.285 82.0648 169.6 71.7496 182.324 71.7496C195.049 71.7496 205.364 82.0648 205.364 94.7893ZM195.49 94.7893C195.49 102.06 189.596 107.955 182.324 107.955C175.053 107.955 169.159 102.06 169.159 94.7893C169.159 87.5182 175.053 81.6238 182.324 81.6238C189.596 81.6238 195.49 87.5182 195.49 94.7893Z" fill="white"/>
+</svg>`

packages/injected/src/types.ts

@@ -45,7 +45,8 @@ export enum ProviderIdentityFlag {
   MathWallet = 'isMathWallet',
   GameStop = 'isGamestop',
   BitKeep = 'isBitKeep',
-  Sequence = 'isSequence'
+  Sequence = 'isSequence',
+  Core = 'isAvalanche'
 }
 
 export enum ProviderLabel {
@@ -82,7 +83,8 @@ export enum ProviderLabel {
   MathWallet = 'MathWallet',
   GameStop = 'GameStop Wallet',
   BitKeep = 'BitKeep',
-  Sequence = 'Sequence'
+  Sequence = 'Sequence',
+  Core = 'Core'
 }
 
 export interface MeetOneProvider extends ExternalProvider {
@@ -103,7 +105,8 @@ export enum InjectedNameSpace {
   Arbitrum = 'arbitrum',
   XFI = 'xfi',
   GameStop = 'gamestop',
-  BitKeep = 'bitkeep'
+  BitKeep = 'bitkeep',
+  Avalanche = 'avalanche'
 }
 
 export interface CustomWindow extends Window {
@@ -119,6 +122,7 @@ export interface CustomWindow extends Window {
   bitkeep: {
     ethereum: InjectedProvider
   }
+  avalanche: InjectedProvider
 }
 
 export type InjectedProvider = ExternalProvider &

packages/injected/src/wallets.ts

@@ -532,6 +532,17 @@ const sequence: InjectedWalletModule = {
   platforms: ['all']
 }
 
+const core: InjectedWalletModule = {
+  label: ProviderLabel.Core,
+  injectedNamespace: InjectedNameSpace.Avalanche,
+  checkProviderIdentity: ({ provider }) =>
+    !!provider && !!provider[ProviderIdentityFlag.Core],
+  getIcon: async () => (await import('./icons/core.js')).default,
+  getInterface: getInjectedInterface(ProviderIdentityFlag.Core),
+  // Core wallet is only tested in chrome or chromium browser
+  platforms: ['desktop', 'Chrome', 'Chromium', 'Microsoft Edge']
+}
+
 const wallets = [
   exodus,
   metamask,
@@ -564,7 +575,8 @@ const wallets = [
   mathwallet,
   gamestop,
   bitkeep,
-  sequence
+  sequence,
+  core
 ]
 
 export default wallets