feature: add Kayros wallet (#1893)

* feat: add Kayros wallet

* Update kayros InjectedNameSpace

* version bump @web3-onboard/injected-wallets

* bump demo inject-wallets version

* Add kayros to inject wallets README

---------

Co-authored-by: Atouch Mohamed <[email protected]>

Author: atouchsh

packages/demo/package.json

@@ -40,7 +40,7 @@
     "@web3-onboard/gas": "^2.1.7",
     "@web3-onboard/gnosis": "^2.1.10",
     "@web3-onboard/infinity-wallet": "^2.0.3",
-    "@web3-onboard/injected-wallets": "^2.10.5",
+    "@web3-onboard/injected-wallets": "^2.10.6-alpha.1",
     "@web3-onboard/keepkey": "^2.3.7",
     "@web3-onboard/keystone": "^2.3.7",
     "@web3-onboard/ledger": "^2.5.2",

packages/injected/README.md

@@ -93,6 +93,7 @@ console.log(connectedWallets)
 - Ronin Wallet - _Desktop & Mobile_
 - Coin98 Wallet - _Desktop & Mobile_
 - SubWallet - _Desktop & Mobile_
+- Kayros - _Desktop_
 
 ## Filtering Wallets
 

packages/injected/package.json

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

@@ -30,6 +30,7 @@ export const WALLET_NAMES: { [key: string]: string } = {
   onekey: 'OneKey',
   fordefi: 'Fordefi',
   roninWallet: 'Ronin Wallet',
-  coin98wallet:'Coin98 Wallet',
-  SubWallet:'SubWallet'
+  coin98wallet: 'Coin98 Wallet',
+  SubWallet: 'SubWallet',
+  kayros: 'Kayros'
 }

packages/injected/src/icons/kayros.ts

@@ -0,0 +1,24 @@
+export default `<svg width="1000" height="1000" viewBox="0 0 1000 1000" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="1000" height="1000" rx="60" fill="url(#paint0_linear_6189_16871)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M302.047 565.455C355.623 491.453 406.203 421.561 456.813 351.697C475.543 325.84 494.11 299.862 513.344 274.386C516.799 269.811 523.118 264.507 528.155 264.465C604.228 263.836 680.301 264.028 760 264.028C754.971 271.51 751.707 276.704 748.113 281.659C698.833 349.628 649.776 417.768 599.915 485.311C591.735 496.387 592.153 503.547 600.142 514.399C649.574 581.526 698.238 649.214 747.132 716.739C750.509 721.407 753.663 726.241 758.483 733.287C751.434 733.987 746.572 734.886 741.709 734.89C672.621 734.961 603.53 735.277 534.459 734.36C526.67 734.253 516.484 728.907 511.66 722.679C488.497 692.777 467.016 661.574 444.423 631.217C438.699 623.521 436.966 617.617 443.728 609.526C452.701 598.795 460.52 587.093 469.936 574.31C493.143 606.355 515.566 636.723 537.256 667.606C543.95 677.144 550.897 681.882 563.305 681.402C592.114 680.293 620.991 681.05 654.476 681.05C609.672 618.975 567.033 559.896 523.647 499.789C566.746 440.113 609.76 380.558 655.223 317.611C618.525 317.611 586.284 316.918 554.129 318.258C548.427 318.496 541.93 326.37 537.734 332.132C443.827 461.228 350.189 590.526 256.484 719.768C254.542 722.445 252.366 724.951 248 730.411V265.257H416.251C403.949 282.743 393.331 298.81 381.476 313.9C379.052 316.989 372.003 317.295 367.063 317.376C345.887 317.735 324.701 317.529 302.047 317.529V565.455Z" fill="url(#paint1_linear_6189_16871)" stroke="url(#paint2_linear_6189_16871)" stroke-width="0.531247"/>
+<defs>
+<linearGradient id="paint0_linear_6189_16871" x1="0" y1="0" x2="1143.45" y2="192.733" gradientUnits="userSpaceOnUse">
+<stop stop-color="#13091B"/>
+<stop offset="0.536458" stop-color="#0A1126"/>
+<stop offset="1" stop-color="#082027"/>
+</linearGradient>
+<linearGradient id="paint1_linear_6189_16871" x1="737.631" y1="698.361" x2="284.098" y2="263.032" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5BC6CE"/>
+<stop offset="0.26634" stop-color="#74B4EC"/>
+<stop offset="0.61677" stop-color="#7A7AE2"/>
+<stop offset="1" stop-color="#F53381"/>
+</linearGradient>
+<linearGradient id="paint2_linear_6189_16871" x1="737.631" y1="698.361" x2="284.098" y2="263.032" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5BC6CE"/>
+<stop offset="0.26634" stop-color="#74B4EC"/>
+<stop offset="0.61677" stop-color="#3232A5"/>
+<stop offset="1" stop-color="#F53381"/>
+</linearGradient>
+</defs>
+</svg>
+`

packages/injected/src/types.ts

@@ -67,9 +67,9 @@ export enum ProviderIdentityFlag {
   Fordefi = 'isFordefi',
   Coin98Wallet = 'isCoin98',
   SubWallet = 'isSubWallet',
+  Kayros = 'isKayros'
 }
 
-
 /**
  * The ProviderExternalUrl enum represents the external URLs associated
  * with different injected providers. It is used to direct end users who
@@ -91,6 +91,7 @@ export enum ProviderExternalUrl {
   RoninWallet = 'https://wallet.skymavis.com/',
   Coin98Wallet = 'https://coin98.com/wallet/',
   SubWallet = 'https://www.subwallet.app/',
+  Kayros = 'https://www.kayros.games/wallet/'
 }
 
 export enum ProviderLabel {
@@ -149,6 +150,7 @@ export enum ProviderLabel {
   RoninWallet = 'Ronin Wallet',
   Coin98Wallet = 'Coin98 Wallet',
   SubWallet = 'SubWallet',
+  Kayros = 'Kayros'
 }
 
 export interface MeetOneProvider extends ExternalProvider {
@@ -184,7 +186,8 @@ export enum InjectedNameSpace {
   OneKey = '$onekey',
   RoninWallet = 'ronin',
   Coin98Wallet = 'coin98',
-  SubWallet = 'SubWallet'
+  SubWallet = 'SubWallet',
+  Kayros = 'kayros'
 }
 
 export interface CustomWindow extends Window {
@@ -223,16 +226,17 @@ export interface CustomWindow extends Window {
   talismanEth: InjectedProvider
   $onekey: {
     ethereum: InjectedProvider
-  },
+  }
   ronin: {
     provider: InjectedProvider
   }
   coin98: {
     provider: InjectedProvider
-  },
+  }
   SubWallet: {
     provider: InjectedProvider
-  },
+  }
+  kayros: InjectedProvider
 }
 
 export type InjectedProvider = ExternalProvider &

packages/injected/src/wallets.ts

@@ -839,7 +839,10 @@ const coin98wallet: InjectedWalletModule = {
     let provider: EIP1193Provider
 
     // check if coin98 is injected into window.ethereum
-    if (ethereumInjectionExists && window[InjectedNameSpace.Ethereum].isCoin98) {
+    if (
+      ethereumInjectionExists &&
+      window[InjectedNameSpace.Ethereum].isCoin98
+    ) {
       provider = window[InjectedNameSpace.Ethereum]
     } else {
       // directly use the window.coin98 injection
@@ -867,6 +870,18 @@ const subwallet: InjectedWalletModule = {
   externalUrl: ProviderExternalUrl.SubWallet
 }
 
+const kayros: InjectedWalletModule = {
+  label: ProviderLabel.Kayros,
+  injectedNamespace: InjectedNameSpace.Kayros,
+  checkProviderIdentity: ({ provider }) =>
+    !!provider && !!provider[ProviderIdentityFlag.Kayros],
+  getIcon: async () => (await import('./icons/kayros.js')).default,
+  getInterface: async () => ({
+    provider: createEIP1193Provider(window.kayros)
+  }),
+  platforms: ['desktop']
+}
+
 const wallets = [
   zeal,
   exodus,
@@ -920,7 +935,8 @@ const wallets = [
   fordefi,
   ronin,
   coin98wallet,
-  subwallet
+  subwallet,
+  kayros
 ]
 
 export default wallets