feat(connect-kit/wallets): add Browser Wallet

packages/connect-kit/src/wallets/wallets/browser-wallet/index.tsx

@@ -0,0 +1,25 @@
+import type { InjectedConnector } from "wagmi/connectors/injected";
+import React from "react";
+
+import { WalletIcon } from "../../../components";
+import { Wallet } from "../../types";
+import styles from "../coinbase-wallet/index.module.css";
+
+export const browserWallet = (connector?: InjectedConnector): Wallet | null => {
+	if (!connector) return null;
+
+	const installed =
+		typeof window !== "undefined" && typeof window.ethereum !== "undefined";
+
+	return installed
+		? {
+				id: "injected",
+				name: "Browser Wallet",
+				installed: installed,
+				createConnector: () => {
+					return { connector };
+				},
+				icon: <WalletIcon className={styles.icon} />,
+		  }
+		: null;
+};

packages/connect-kit/src/wallets/wallets/index.ts

@@ -12,6 +12,7 @@ import { metaMaskWallet } from "./meta-mask-wallet";
 import { coinbaseWallet } from "./coinbase-wallet";
 import { braveWallet } from "./brave-wallet";
 import { okxWallet } from "./okx-wallet";
+import { browserWallet } from "./browser-wallet";
 
 enum KnownConnector {
 	metaMask = "metaMask",
@@ -43,6 +44,7 @@ export function useWalletConnectors() {
 				metaMaskWallet(connectorMap.metaMask, connectorMap.walletConnect),
 				coinbaseWallet(connectorMap.coinbaseWallet),
 				braveWallet(connectorMap.injected),
+				browserWallet(connectorMap.injected),
 			]),
 		[connectors],
 	);