@meshconnect/uwc-react 0.3.4 → 0.3.5

package/dist/providers/ConnectionProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionProvider.d.ts","sourceRoot":"","sources":["../../src/providers/ConnectionProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqD,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EACV,OAAO,EACP,OAAO,EACP,cAAc,EACd,mBAAmB,EACpB,MAAM,wBAAwB,CAAA;AAE/B,UAAU,sBAAsB;IAC9B,SAAS,EAAE,wBAAwB,CAAA;IACnC,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,iBAAiB,8CAAqD,CAAA;AAE5E,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,mBAAmB,CAAC,EAAE,mBAAmB,CAAA;CAC1C;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,sBAA8B,EAC9B,mBAAmB,EACpB,EAAE,uBAAuB,2CAwCzB;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"ConnectionProvider.d.ts","sourceRoot":"","sources":["../../src/providers/ConnectionProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EACV,OAAO,EACP,OAAO,EACP,cAAc,EACd,mBAAmB,EACpB,MAAM,wBAAwB,CAAA;AAK/B,UAAU,sBAAsB;IAC9B,SAAS,EAAE,wBAAwB,CAAA;IACnC,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,QAAA,MAAM,iBAAiB,8CAAqD,CAAA;AAE5E,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,mBAAmB,CAAC,EAAE,mBAAmB,CAAA;CAC1C;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,sBAA8B,EAC9B,mBAAmB,EACpB,EAAE,uBAAuB,2CAqCzB;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/providers/ConnectionProvider.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, useEffect, useState, useRef } from 'react';
+import React, { createContext, useEffect, useState } from 'react';
 import { UniversalWalletConnector } from '@meshconnect/uwc-core';
+// Guard against double initialization
+let sharedConnector = null;
 const ConnectionContext = createContext(null);
 export function ConnectionProvider({ children, networks, wallets, usingIntegratedBrowser = false, walletConnectConfig }) {
-    // Create the connector instance only once using useRef
-    const connectorRef = useRef(null);
-    if (!connectorRef.current) {
-        connectorRef.current = new UniversalWalletConnector(networks, wallets, usingIntegratedBrowser, walletConnectConfig);
+    if (!sharedConnector) {
+        sharedConnector = new UniversalWalletConnector(networks, wallets, usingIntegratedBrowser, walletConnectConfig);
     }
-    const connector = connectorRef.current;
+    const connector = sharedConnector;
     const [session, setSession] = useState(() => connector.getSession());
     const [isReady, setIsReady] = useState(() => connector.isReady());
     useEffect(() => {

package/dist/providers/ConnectionProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionProvider.js","sourceRoot":"","sources":["../../src/providers/ConnectionProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACzE,OAAO,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AAgBhE,MAAM,iBAAiB,GAAG,aAAa,CAAgC,IAAI,CAAC,CAAA;AAU5E,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,sBAAsB,GAAG,KAAK,EAC9B,mBAAmB,EACK;IACxB,uDAAuD;IACvD,MAAM,YAAY,GAAG,MAAM,CAAkC,IAAI,CAAC,CAAA;IAElE,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;QAC1B,YAAY,CAAC,OAAO,GAAG,IAAI,wBAAwB,CACjD,QAAQ,EACR,OAAO,EACP,sBAAsB,EACtB,mBAAmB,CACpB,CAAA;IACH,CAAC;IAED,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAA;IAEtC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,CAAA;IAC7E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,CAAA;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,SAAS,CAAC,SAAS,CAAC,GAAG,EAAE;YAC3C,UAAU,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,CAAA;YAClC,UAAU,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,CAAA;QACjC,CAAC,CAAC,CAAA;QAEF,OAAO,WAAW,CAAA;IACpB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,MAAM,KAAK,GAA2B;QACpC,SAAS;QACT,OAAO;QACP,OAAO,EAAE,SAAS,CAAC,UAAU,EAAE;QAC/B,QAAQ,EAAE,SAAS,CAAC,WAAW,EAAE;QACjC,OAAO;KACR,CAAA;IAED,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACrC,QAAQ,GACkB,CAC9B,CAAA;AACH,CAAC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"ConnectionProvider.js","sourceRoot":"","sources":["../../src/providers/ConnectionProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AAQhE,sCAAsC;AACtC,IAAI,eAAe,GAAoC,IAAI,CAAA;AAU3D,MAAM,iBAAiB,GAAG,aAAa,CAAgC,IAAI,CAAC,CAAA;AAU5E,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,sBAAsB,GAAG,KAAK,EAC9B,mBAAmB,EACK;IACxB,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,eAAe,GAAG,IAAI,wBAAwB,CAC5C,QAAQ,EACR,OAAO,EACP,sBAAsB,EACtB,mBAAmB,CACpB,CAAA;IACH,CAAC;IAED,MAAM,SAAS,GAAG,eAAe,CAAA;IAEjC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,CAAA;IAC7E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,CAAA;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,SAAS,CAAC,SAAS,CAAC,GAAG,EAAE;YAC3C,UAAU,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,CAAA;YAClC,UAAU,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,CAAA;QACjC,CAAC,CAAC,CAAA;QAEF,OAAO,WAAW,CAAA;IACpB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,MAAM,KAAK,GAA2B;QACpC,SAAS;QACT,OAAO;QACP,OAAO,EAAE,SAAS,CAAC,UAAU,EAAE;QAC/B,QAAQ,EAAE,SAAS,CAAC,WAAW,EAAE;QACjC,OAAO;KACR,CAAA;IAED,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACrC,QAAQ,GACkB,CAC9B,CAAA;AACH,CAAC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meshconnect/uwc-react",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "description": "React hooks and components for Universal Wallet Connector",
   "type": "module",
   "main": "dist/index.js",

package/src/providers/ConnectionProvider.singleton.test.tsx

@@ -0,0 +1,100 @@
+import React, { useContext } from 'react'
+import { describe, it, expect, beforeEach, vi } from 'vitest'
+import { createRoot } from 'react-dom/client'
+import { act } from 'react-dom/test-utils'
+
+describe('ConnectionProvider singleton behavior', () => {
+  beforeEach(async () => {
+    vi.resetModules()
+  })
+
+  it('creates only one UniversalWalletConnector across multiple providers', async () => {
+    vi.doMock('@meshconnect/uwc-core', () => {
+      class UniversalWalletConnector {
+        static calls = 0
+
+        constructor() {
+          UniversalWalletConnector.calls++
+        }
+
+        // Minimal API used by the provider
+        getSession() {
+          return {
+            isConnected: false,
+            walletId: undefined,
+            networkId: undefined
+          }
+        }
+
+        isReady() {
+          return true
+        }
+
+        subscribe() {
+          return () => {}
+        }
+
+        getWallets() {
+          return []
+        }
+
+        getNetworks() {
+          return []
+        }
+      }
+
+      return { UniversalWalletConnector }
+    })
+
+    const { ConnectionProvider, ConnectionContext } = await import(
+      './ConnectionProvider'
+    )
+    const { UniversalWalletConnector } = await import('@meshconnect/uwc-core')
+    const connectors: unknown[] = []
+
+    function Capture() {
+      const ctx = useContext(ConnectionContext)
+      if (ctx) {
+        connectors.push(ctx.connector)
+      }
+      return null
+    }
+
+    const container = document.createElement('div')
+    document.body.appendChild(container)
+    const root = createRoot(container)
+
+    await act(async () => {
+      root.render(
+        <>
+          <ConnectionProvider
+            networks={[]}
+            wallets={[]}
+            usingIntegratedBrowser={false}
+          >
+            <Capture />
+          </ConnectionProvider>
+          <ConnectionProvider
+            networks={[]}
+            wallets={[]}
+            usingIntegratedBrowser={false}
+          >
+            <Capture />
+          </ConnectionProvider>
+        </>
+      )
+    })
+
+    // Only one constructor call expected due to singleton guard
+    // @ts-expect-error test-only property
+    expect(UniversalWalletConnector.calls).toBe(1)
+
+    // Both providers should expose the same connector instance
+    expect(connectors.length).toBe(2)
+    expect(connectors[0]).toBe(connectors[1])
+
+    await act(async () => {
+      root.unmount()
+    })
+  })
+})

package/src/providers/ConnectionProvider.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, useEffect, useState, useRef } from 'react'
+import React, { createContext, useEffect, useState } from 'react'
 import { UniversalWalletConnector } from '@meshconnect/uwc-core'
 import type {
   Session,
@@ -7,6 +7,9 @@ import type {
   WalletConnectConfig
 } from '@meshconnect/uwc-types'
 
+// Guard against double initialization
+let sharedConnector: UniversalWalletConnector | null = null
+
 interface ConnectionContextValue {
   connector: UniversalWalletConnector
   session: Session
@@ -32,11 +35,8 @@ export function ConnectionProvider({
   usingIntegratedBrowser = false,
   walletConnectConfig
 }: ConnectionProviderProps) {
-  // Create the connector instance only once using useRef
-  const connectorRef = useRef<UniversalWalletConnector | null>(null)
-
-  if (!connectorRef.current) {
-    connectorRef.current = new UniversalWalletConnector(
+  if (!sharedConnector) {
+    sharedConnector = new UniversalWalletConnector(
       networks,
       wallets,
       usingIntegratedBrowser,
@@ -44,7 +44,7 @@ export function ConnectionProvider({
     )
   }
 
-  const connector = connectorRef.current
+  const connector = sharedConnector
 
   const [session, setSession] = useState<Session>(() => connector.getSession())
   const [isReady, setIsReady] = useState(() => connector.isReady())

package/dist/hooks/index.d.ts

@@ -1,10 +0,0 @@
-export * from './useConnection';
-export * from './useSwitchNetwork';
-export * from './useDisconnect';
-export * from './useSession';
-export * from './useWallets';
-export * from './useWallet';
-export * from './useNetworks';
-export * from './useSignMessage';
-export * from './useTransaction';
-//# sourceMappingURL=index.d.ts.map

package/dist/hooks/useConnection.d.ts

@@ -1,22 +0,0 @@
-import type { UseConnectionReturn } from '@meshconnect/uwc-types';
-/**
- * Hook for managing wallet connections with both injected and WalletConnect modes
- * @param walletId - The ID of the wallet to connect to (e.g., 'metamask', 'trust')
- * @returns Connection methods and state for both injected and WalletConnect modes
- * @throws Error if used outside of ConnectionProvider
- * @example
- * ```tsx
- * const { walletConnect, injected } = useConnection('metamask')
- *
- * // Connect with browser extension
- * await injected.connect('eip155:1')
- *
- * // Connect with WalletConnect QR code
- * await walletConnect.connect('eip155:1')
- * if (walletConnect.connectionURI) {
- *   // Display QR code with walletConnect.connectionURI
- * }
- * ```
- */
-export declare function useConnection(walletId: string): UseConnectionReturn;
-//# sourceMappingURL=useConnection.d.ts.map

package/dist/hooks/useDisconnect.d.ts

@@ -1,27 +0,0 @@
-interface UseDisconnectReturn {
-    disconnect: () => Promise<void>;
-    isLoading: boolean;
-}
-/**
- * Hook for disconnecting the current wallet
- * @returns Disconnect function and loading state
- * @throws Error if used outside of ConnectionProvider
- * @example
- * ```tsx
- * const { disconnect, isLoading } = useDisconnect()
- *
- * const handleDisconnect = async () => {
- *   await disconnect()
- *   console.log('Wallet disconnected')
- * }
- *
- * return (
- *   <button onClick={handleDisconnect} disabled={isLoading}>
- *     {isLoading ? 'Disconnecting...' : 'Disconnect'}
- *   </button>
- * )
- * ```
- */
-export declare function useDisconnect(): UseDisconnectReturn;
-export {};
-//# sourceMappingURL=useDisconnect.d.ts.map

package/dist/hooks/useNetworks.d.ts

@@ -1,16 +0,0 @@
-import type { Network } from '@meshconnect/uwc-types';
-/**
- * Hook for accessing the list of configured networks
- * @returns Array of network configurations
- * @throws Error if used outside of ConnectionProvider
- * @example
- * ```tsx
- * const networks = useNetworks()
- *
- * networks.forEach(network => {
- *   console.log(`${network.name}: ${network.id}`)
- * })
- * ```
- */
-export declare function useNetworks(): Network[];
-//# sourceMappingURL=useNetworks.d.ts.map

package/dist/hooks/useSession.d.ts

@@ -1,18 +0,0 @@
-import type { UseSessionReturn } from '@meshconnect/uwc-types';
-/**
- * Hook for accessing the current wallet session state
- * @returns Session information including active address, network, and connection details
- * @throws Error if used outside of ConnectionProvider
- * @example
- * ```tsx
- * const { activeAddress, activeNetwork, availableNetworks } = useSession()
- *
- * if (activeAddress) {
- *   console.log(`Connected: ${activeAddress}`)
- *   console.log(`Network: ${activeNetwork?.name}`)
- *   console.log(`Available networks: ${availableNetworks.length}`)
- * }
- * ```
- */
-export declare function useSession(): UseSessionReturn;
-//# sourceMappingURL=useSession.d.ts.map

package/dist/hooks/useSignMessage.d.ts

@@ -1,22 +0,0 @@
-import type { UseSignMessageReturn } from '@meshconnect/uwc-types';
-/**
- * Hook for signing messages with the connected wallet
- * @returns Object containing signMessage function, loading state, and last signature
- * @throws Error if used outside of ConnectionProvider
- * @example
- * ```tsx
- * const { signMessage, isLoading, signature } = useSignMessage()
- *
- * const handleSign = async () => {
- *   try {
- *     const sig = await signMessage('Hello World')
- *     console.log('Signature:', sig)
- *     // signature state will also be updated with the result
- *   } catch (error) {
- *     console.error('Failed to sign:', error)
- *   }
- * }
- * ```
- */
-export declare function useSignMessage(): UseSignMessageReturn;
-//# sourceMappingURL=useSignMessage.d.ts.map

package/dist/hooks/useSwitchNetwork.d.ts

@@ -1,28 +0,0 @@
-import type { UseSwitchNetworkReturn } from '@meshconnect/uwc-types';
-/**
- * Hook for switching networks on the connected wallet
- * @returns Network switching function and loading states
- * @throws Error if used outside of ConnectionProvider
- * @example
- * ```tsx
- * const { switchNetwork, isLoading, isWaitingForUserApproval } = useSwitchNetwork()
- *
- * const handleSwitch = async () => {
- *   try {
- *     await switchNetwork('eip155:8453') // Switch to Base
- *   } catch (error) {
- *     console.error('Network switch failed:', error)
- *   }
- * }
- *
- * // Show loading UI
- * if (isWaitingForUserApproval) {
- *   return <div>Please approve in your wallet...</div>
- * }
- * if (isLoading) {
- *   return <div>Switching network...</div>
- * }
- * ```
- */
-export declare function useSwitchNetwork(): UseSwitchNetworkReturn;
-//# sourceMappingURL=useSwitchNetwork.d.ts.map

package/dist/hooks/useTransaction.d.ts

@@ -1,25 +0,0 @@
-import type { UseTransactionReturn } from '@meshconnect/uwc-types';
-/**
- * Hook for sending transactions with the connected wallet
- * @returns Object containing sendTransaction function, loading state, and transaction result
- * @throws Error if used outside of ConnectionProvider
- * @example
- * ```tsx
- * const { sendTransaction, isLoading, transactionResult } = useTransaction()
- *
- * const handleSend = async () => {
- *   try {
- *     const result = await sendTransaction({
- *       to: '0x...',
- *       amount: BigInt('1000000000000000000'),
- *       from: session.activeAddress
- *     })
- *     console.log('Transaction hash:', result.hash)
- *   } catch (error) {
- *     console.error('Transaction failed:', error)
- *   }
- * }
- * ```
- */
-export declare function useTransaction(): UseTransactionReturn;
-//# sourceMappingURL=useTransaction.d.ts.map

package/dist/hooks/useWallet.d.ts

@@ -1,17 +0,0 @@
-import type { UseWalletReturn } from '@meshconnect/uwc-types';
-/**
- * Hook for accessing a specific wallet configuration
- * @param {string} walletId - The ID of the wallet to access
- * @returns {UseWalletReturn} Object containing the wallet metadata and error if no wallet was found
- * @throws {Error} when used outside of ConnectionProvider
- * @example
- * ```tsx
- * const { wallet, error } = useWallet('metamask')
- * if (wallet) {
- *   console.log(wallet.name) // 'MetaMask'
- * } else {
- *   console.log(error?.message) // 'Wallet not found'
- * }
- */
-export declare function useWallet(walletId: string): UseWalletReturn;
-//# sourceMappingURL=useWallet.d.ts.map

package/dist/hooks/useWallets.d.ts

@@ -1,16 +0,0 @@
-import type { WalletMetadata } from '@meshconnect/uwc-types';
-/**
- * Hook for accessing the list of configured wallets
- * @returns Array of wallet metadata including names, IDs, and supported networks
- * @throws Error if used outside of ConnectionProvider
- * @example
- * ```tsx
- * const wallets = useWallets()
- *
- * wallets.forEach(wallet => {
- *   console.log(`${wallet.name}: ${wallet.id}`)
- * })
- * ```
- */
-export declare function useWallets(): WalletMetadata[];
-//# sourceMappingURL=useWallets.d.ts.map

package/dist/index.d.ts

@@ -1,3 +0,0 @@
-export * from './hooks';
-export * from './providers';
-//# sourceMappingURL=index.d.ts.map

package/dist/providers/ConnectionProvider.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { UniversalWalletConnector } from '@meshconnect/uwc-core';
-import type { Session, Network, WalletMetadata, WalletConnectConfig } from '@meshconnect/uwc-types';
-interface ConnectionContextValue {
-    connector: UniversalWalletConnector;
-    session: Session;
-    wallets: WalletMetadata[];
-    networks: Network[];
-    isReady: boolean;
-}
-declare const ConnectionContext: React.Context<ConnectionContextValue | null>;
-interface ConnectionProviderProps {
-    children: React.ReactNode;
-    networks: Network[];
-    wallets: WalletMetadata[];
-    usingIntegratedBrowser?: boolean;
-    walletConnectConfig?: WalletConnectConfig;
-}
-export declare function ConnectionProvider({ children, networks, wallets, usingIntegratedBrowser, walletConnectConfig }: ConnectionProviderProps): import("react/jsx-runtime").JSX.Element;
-export { ConnectionContext };
-//# sourceMappingURL=ConnectionProvider.d.ts.map

package/dist/providers/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ConnectionProvider';
-//# sourceMappingURL=index.d.ts.map