@b3dotfun/sdk 0.1.69 → 0.1.70-alpha.1

package/dist/esm/wallet/react/hooks/useWalletState.js

@@ -0,0 +1,60 @@
+import { useEffect, useMemo, useRef } from "react";
+import { useAccount, useConnect, useConnectors } from "wagmi";
+/**
+ * Unified wallet state from both thirdweb and wagmi layers.
+ * Provides available connectors with install status and connect functions.
+ */
+export function useWalletState() {
+    const { address, isConnected, chain } = useAccount();
+    const { connectAsync, isPending } = useConnect();
+    const wagmiConnectors = useConnectors();
+    // Ref to avoid connectAsync in useMemo deps — wagmi returns a new reference on state
+    // changes, which would recreate the connectors array on every render.
+    const connectAsyncRef = useRef(connectAsync);
+    useEffect(() => {
+        connectAsyncRef.current = connectAsync;
+    });
+    const connectors = useMemo(() => {
+        const seen = new Set();
+        const mapped = wagmiConnectors
+            .filter(c => {
+            // Hide generic "Injected" — it duplicates the actual wallet (MetaMask, Rabby, etc.)
+            if (c.name === "Injected")
+                return false;
+            if (seen.has(c.name))
+                return false;
+            seen.add(c.name);
+            return true;
+        })
+            .map(connector => ({
+            name: connector.name,
+            uid: connector.uid,
+            isInstalled: isConnectorInstalled(connector),
+            connect: async () => {
+                await connectAsyncRef.current({ connector });
+            },
+            connector,
+        }));
+        // Sort: installed connectors first
+        return mapped.sort((a, b) => (a.isInstalled === b.isInstalled ? 0 : a.isInstalled ? -1 : 1));
+    }, [wagmiConnectors]);
+    return { address, isConnected, chain, isPending, connectors };
+}
+/** Check if a wallet connector's provider is available in the browser. */
+function isConnectorInstalled(connector) {
+    // WalletConnect is always "available" (uses QR code, no extension needed)
+    if (connector.id === "walletConnect")
+        return true;
+    // For injected connectors, check if any provider exists. This may report
+    // false positives (e.g., Rabby shows as installed when only MetaMask is)
+    // because multiple injected connectors share window.ethereum. This is
+    // intentional — we surface all options and let the wallet handle conflicts.
+    if (connector.type === "injected") {
+        return typeof window !== "undefined" && !!window.ethereum;
+    }
+    // Coinbase Wallet SDK works without extension (has mobile/QR fallback)
+    if (connector.id === "coinbaseWalletSDK")
+        return true;
+    // Default: assume available (better UX than hiding connectors)
+    return true;
+}

package/dist/esm/wallet/react/index.d.ts

@@ -0,0 +1,5 @@
+export { WalletProvider, type WalletProviderProps } from "./components/WalletProvider";
+export { createWalletConfig, type CreateWalletConfigOptions } from "../utils/createWalletConfig";
+export { useWalletDisconnect } from "./hooks/useWalletDisconnect";
+export { useWalletState, type WalletConnector, type WalletState } from "./hooks/useWalletState";
+export { ConnectWallet, type ConnectWalletProps } from "./components/ConnectWallet";

package/dist/esm/wallet/react/index.js

@@ -0,0 +1,8 @@
+// Provider
+export { WalletProvider } from "./components/WalletProvider.js";
+export { createWalletConfig } from "../utils/createWalletConfig.js";
+// Hooks
+export { useWalletDisconnect } from "./hooks/useWalletDisconnect.js";
+export { useWalletState } from "./hooks/useWalletState.js";
+// Components
+export { ConnectWallet } from "./components/ConnectWallet.js";

package/dist/esm/wallet/utils/createWalletConfig.d.ts

@@ -0,0 +1,21 @@
+import { type CreateConnectorFn } from "wagmi";
+import type { Chain } from "viem";
+export interface CreateWalletConfigOptions {
+    /** Chains to support. Defaults to SDK's supportedChains. Must be non-empty. */
+    chains?: Chain[];
+    /**
+     * Wagmi connectors. Defaults to injected + Coinbase Wallet.
+     * Must be memoized if passed to WalletProvider — inline arrays
+     * will cause the config to rebuild on every render, losing wallet connection state.
+     */
+    connectors?: CreateConnectorFn[];
+    /** Optional RPC URL overrides per chain ID. */
+    rpcUrls?: Record<number, string>;
+}
+/**
+ * Creates a generic wagmi config with sensible defaults.
+ * No ecosystem wallet, no B3-specific concerns.
+ */
+export declare function createWalletConfig(options?: CreateWalletConfigOptions): import("wagmi").Config<readonly [Chain, ...Chain[]], {
+    [k: string]: import("viem").HttpTransport<undefined, false>;
+}, CreateConnectorFn[]>;

package/dist/esm/wallet/utils/createWalletConfig.js

@@ -0,0 +1,21 @@
+import { supportedChains } from "../../shared/constants/chains/supported.js";
+import { http } from "viem";
+import { createConfig } from "wagmi";
+import { coinbaseWallet, injected } from "wagmi/connectors";
+/** Default connectors: injected (MetaMask, Rabby, Brave, etc.) + Coinbase Wallet. */
+const DEFAULT_CONNECTORS = [injected(), coinbaseWallet({ appName: "B3" })];
+/**
+ * Creates a generic wagmi config with sensible defaults.
+ * No ecosystem wallet, no B3-specific concerns.
+ */
+export function createWalletConfig(options = {}) {
+    const { chains = supportedChains, connectors = DEFAULT_CONNECTORS, rpcUrls } = options;
+    if (chains.length === 0) {
+        throw new Error("createWalletConfig: at least one chain must be provided");
+    }
+    return createConfig({
+        chains: [chains[0], ...chains.slice(1)],
+        transports: Object.fromEntries(chains.map(chain => [chain.id, http(rpcUrls?.[chain.id])])),
+        connectors,
+    });
+}