Add to injected

Author: Adamj1232

packages/demo/package.json

@@ -44,7 +44,7 @@
     "@web3-onboard/gas": "^2.2.1",
     "@web3-onboard/gnosis": "^2.3.1",
     "@web3-onboard/infinity-wallet": "^2.1.1",
-    "@web3-onboard/injected-wallets": "^2.11.1",
+    "@web3-onboard/injected-wallets": "^2.11.2-alpha.2",
     "@web3-onboard/keepkey": "^2.3.8",
     "@web3-onboard/keplr": "2.0.0-alpha.1",
     "@web3-onboard/keystone": "^2.3.8",

packages/injected/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@web3-onboard/injected-wallets",
-  "version": "2.11.2-alpha.1",
+  "version": "2.11.2-alpha.2",
   "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/icons/keplr.ts

@@ -0,0 +1,33 @@
+export default `
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_425_5107)">
+        <path d="M32.4545 0H9.54545C4.27365 0 0 4.27365 0 9.54545V32.4545C0 37.7264 4.27365 42 9.54545 42H32.4545C37.7264 42 42 37.7264 42 32.4545V9.54545C42 4.27365 37.7264 0 32.4545 0Z" fill="url(#paint0_linear_425_5107)"/>
+        <path d="M32.4545 0H9.54545C4.27365 0 0 4.27365 0 9.54545V32.4545C0 37.7264 4.27365 42 9.54545 42H32.4545C37.7264 42 42 37.7264 42 32.4545V9.54545C42 4.27365 37.7264 0 32.4545 0Z" fill="url(#paint1_radial_425_5107)"/>
+        <path d="M32.4545 0H9.54545C4.27365 0 0 4.27365 0 9.54545V32.4545C0 37.7264 4.27365 42 9.54545 42H32.4545C37.7264 42 42 37.7264 42 32.4545V9.54545C42 4.27365 37.7264 0 32.4545 0Z" fill="url(#paint2_radial_425_5107)"/>
+        <path d="M32.4545 0H9.54545C4.27365 0 0 4.27365 0 9.54545V32.4545C0 37.7264 4.27365 42 9.54545 42H32.4545C37.7264 42 42 37.7264 42 32.4545V9.54545C42 4.27365 37.7264 0 32.4545 0Z" fill="url(#paint3_radial_425_5107)"/>
+        <path d="M17.2526 32.2614V22.5192L26.7185 32.2614H31.9849V32.0079L21.0964 20.9122L31.1469 10.3857V10.2614H25.8464L17.2526 19.5635V10.2614H12.9849V32.2614H17.2526Z" fill="white"/>
+    </g>
+    <defs>
+        <linearGradient id="paint0_linear_425_5107" x1="21" y1="0" x2="21" y2="42" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#1FD1FF"/>
+            <stop offset="1" stop-color="#1BB8FF"/>
+        </linearGradient>
+        <radialGradient id="paint1_radial_425_5107" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(2.00623 40.4086) rotate(-45.1556) scale(67.3547 68.3624)">
+            <stop stop-color="#232DE3"/>
+            <stop offset="1" stop-color="#232DE3" stop-opacity="0"/>
+        </radialGradient>
+        <radialGradient id="paint2_radial_425_5107" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(39.7379 41.7602) rotate(-138.45) scale(42.1137 64.2116)">
+            <stop stop-color="#8B4DFF"/>
+            <stop offset="1" stop-color="#8B4DFF" stop-opacity="0"/>
+        </radialGradient>
+        <radialGradient id="paint3_radial_425_5107" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(20.6501 0.311498) rotate(90) scale(33.1135 80.3423)">
+            <stop stop-color="#24D5FF"/>
+            <stop offset="1" stop-color="#1BB8FF" stop-opacity="0"/>
+        </radialGradient>
+        <clipPath id="clip0_425_5107">
+            <rect width="42" height="42" fill="white"/>
+        </clipPath>
+    </defs>
+</svg>
+`

packages/injected/src/types.ts

@@ -71,7 +71,8 @@ export enum ProviderIdentityFlag {
   Lif3Wallet = 'isLif3Wallet',
   ZodiacPilot = 'isZodiacPilot',
   StableWallet = 'isStableWallet',
-  Echooo = 'isEchooo'
+  Echooo = 'isEchooo',
+  Keplr = 'keplr'
 }
 
 /**
@@ -101,7 +102,8 @@ export enum ProviderExternalUrl {
   Lif3Wallet = 'https://lif3.com',
   Rabby = 'https://rabby.io',
   ZodiacPilot = 'https://pilot.gnosisguild.org/',
-  Echooo = 'https://www.echooo.xyz'
+  Echooo = 'https://www.echooo.xyz',
+  Keplr = 'https://www.keplr.app/download'
 }
 
 export enum ProviderLabel {
@@ -164,7 +166,8 @@ export enum ProviderLabel {
   Lif3Wallet = 'Lif3 Wallet',
   ZodiacPilot = 'Zodiac Pilot',
   StableWallet = 'StableWallet',
-  Echooo = 'Echooo'
+  Echooo = 'Echooo',
+  Keplr = 'Keplr'
 }
 
 export interface MeetOneProvider extends ExternalProvider {
@@ -291,7 +294,7 @@ export interface InjectedWalletOptions {
   walletUnavailableMessage?: (wallet: WalletModule) => string
   /**Function that can be used to sort the order of wallets that are displayed */
   sort?: (wallets: WalletModule[]) => WalletModule[]
-  /** A boolean that can be passed to disable supporting 6963 (https://eips.ethereum.org/EIPS/eip-6963) 
+  /** A boolean that can be passed to disable supporting 6963 (https://eips.ethereum.org/EIPS/eip-6963)
    * which will display wallets available on the browser
    */
   disable6963Support?: boolean

packages/injected/src/wallets.ts

@@ -920,6 +920,17 @@ const echooo: InjectedWalletModule = {
   externalUrl: ProviderExternalUrl.Echooo
 }
 
+const keplr: InjectedWalletModule = {
+  label: ProviderLabel.Keplr,
+  injectedNamespace: InjectedNameSpace.Ethereum,
+  checkProviderIdentity: ({ provider }) =>
+    !!provider && !!provider[ProviderIdentityFlag.Keplr],
+  getIcon: async () => (await import('./icons/keplr.js')).default,
+  getInterface: getInjectedInterface(ProviderIdentityFlag.Keplr),
+  platforms: ['all'],
+  externalUrl: ProviderExternalUrl.Keplr
+}
+
 const wallets = [
   zeal,
   exodus,
@@ -978,7 +989,8 @@ const wallets = [
   Lif3Wallet,
   zodiacPilot,
   stablewallet,
-  echooo
+  echooo,
+  keplr
 ]
 
 export default wallets

yarn.lock

@@ -5529,6 +5529,25 @@
   dependencies:
     "@web3-onboard/common" "^2.4.1"
 
+"@web3-onboard/passport@^2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@web3-onboard/passport/-/passport-2.1.1.tgz#4a3421803f174197160a3ea3e30e1c3cf7f47790"
+  integrity sha512-73kAE6KPBNYi+b67ziA5EGzRBY6foN7NHINmk25hMnivBzUiyXvSvV85V35wH7EnWfzUlHvihFmd0fFurQuE6A==
+  dependencies:
+    "@0xpass/passport" "2.1.1"
+    "@0xpass/passport-viem" "2.0.1"
+    "@web3-onboard/common" "^2.4.1"
+    crypto-js "^4.2.0"
+    react-dom "^18.2.0"
+    viem "^2.9.4"
+
+"@web3-onboard/trust@^2.1.1":
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/@web3-onboard/trust/-/trust-2.1.1.tgz#334d3c8297249193516aa9e3847b87ba02039863"
+  integrity sha512-NvSfJ4a7SpHwiVLsAQQq6j4cj5V8HqRfX9hreJcjpvixWK0TtUMkFVbdU5QnnhBaU6gUe+WUva64i0SeRSpYRg==
+  dependencies:
+    "@web3-onboard/common" "^2.4.1"
+
 "@web3-onboard/wagmi@2.0.0":
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/@web3-onboard/wagmi/-/wagmi-2.0.0.tgz#9beda01b4539d399aa0420e7afaacc09fc25ed7d"