@meshconnect/uwc-react 0.11.18 → 0.12.0

package/dist/hooks/useSignMessage.d.ts

@@ -9,9 +9,9 @@ import type { UseSignMessageReturn } from '@meshconnect/uwc-types';
  *
  * const handleSign = async () => {
  *   try {
- *     const sig = await signMessage('Hello World')
- *     console.log('Signature:', sig)
- *     // signature state will also be updated with the result
+ *     const { signature, address } = await signMessage('Hello World')
+ *     console.log('Signature:', signature, 'signed by', address)
+ *     // The `signature` state also holds result.signature after the call.
  *   } catch (error) {
  *     console.error('Failed to sign:', error)
  *   }

package/dist/hooks/useSignMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSignMessage.d.ts","sourceRoot":"","sources":["../../src/hooks/useSignMessage.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,oBAAoB,EAErB,MAAM,wBAAwB,CAAA;AAE/B;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,IAAI,oBAAoB,CAwCrD"}
+{"version":3,"file":"useSignMessage.d.ts","sourceRoot":"","sources":["../../src/hooks/useSignMessage.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGV,oBAAoB,EAErB,MAAM,wBAAwB,CAAA;AAE/B;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,cAAc,IAAI,oBAAoB,CA0CrD"}

package/dist/hooks/useSignMessage.js

@@ -10,9 +10,9 @@ import { useConnectionContext } from './useConnectionContext';
  *
  * const handleSign = async () => {
  *   try {
- *     const sig = await signMessage('Hello World')
- *     console.log('Signature:', sig)
- *     // signature state will also be updated with the result
+ *     const { signature, address } = await signMessage('Hello World')
+ *     console.log('Signature:', signature, 'signed by', address)
+ *     // The `signature` state also holds result.signature after the call.
  *   } catch (error) {
  *     console.error('Failed to sign:', error)
  *   }
@@ -35,9 +35,11 @@ export function useSignMessage() {
         setIsLoading(true);
         setError(undefined);
         try {
-            const sig = await connector.signMessage(message);
-            setSignature(sig);
-            return sig;
+            const result = await connector.signMessage(message);
+            // Keep the `signature` state as the SignatureType for backward-compat
+            // display; callers needing the exact signer read `result.address`.
+            setSignature(result.signature);
+            return result;
         }
         catch (err) {
             const walletError = err;

package/dist/hooks/useSignMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSignMessage.js","sourceRoot":"","sources":["../../src/hooks/useSignMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAO7D;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,cAAc;IAC5B,MAAM,OAAO,GAAG,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACtD,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,OAAO,CAAA;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAA6B,CAAA;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA2B,CAAA;IAE7D,MAAM,WAAW,GAAG,WAAW,CAC7B,KAAK,EAAE,OAAe,EAA0B,EAAE;QAChD,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;YACzC,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;QACxC,CAAC;QAED,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;QACxC,CAAC;QAED,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,QAAQ,CAAC,SAAS,CAAC,CAAA;QACnB,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,MAAM,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;YAChD,YAAY,CAAC,GAAG,CAAC,CAAA;YACjB,OAAO,GAAG,CAAA;QACZ,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,MAAM,WAAW,GAAG,GAAkB,CAAA;YACtC,QAAQ,CAAC,WAAW,CAAC,CAAA;YACrB,MAAM,GAAG,CAAA;QACX,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,EACD,CAAC,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,CACnC,CAAA;IAED,OAAO;QACL,WAAW;QACX,SAAS;QACT,SAAS;QACT,KAAK;KACN,CAAA;AACH,CAAC"}
+{"version":3,"file":"useSignMessage.js","sourceRoot":"","sources":["../../src/hooks/useSignMessage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAQ7D;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,cAAc;IAC5B,MAAM,OAAO,GAAG,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;IACtD,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,OAAO,CAAA;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAA6B,CAAA;IACvE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA2B,CAAA;IAE7D,MAAM,WAAW,GAAG,WAAW,CAC7B,KAAK,EAAE,OAAe,EAA4B,EAAE;QAClD,IAAI,CAAC,SAAS,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;YACzC,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;QACxC,CAAC;QAED,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;QACxC,CAAC;QAED,YAAY,CAAC,IAAI,CAAC,CAAA;QAClB,QAAQ,CAAC,SAAS,CAAC,CAAA;QACnB,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;YACnD,sEAAsE;YACtE,mEAAmE;YACnE,YAAY,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;YAC9B,OAAO,MAAM,CAAA;QACf,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,MAAM,WAAW,GAAG,GAAkB,CAAA;YACtC,QAAQ,CAAC,WAAW,CAAC,CAAA;YACrB,MAAM,GAAG,CAAA;QACX,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,EACD,CAAC,SAAS,EAAE,OAAO,CAAC,aAAa,CAAC,CACnC,CAAA;IAED,OAAO;QACL,WAAW;QACX,SAAS;QACT,SAAS;QACT,KAAK;KACN,CAAA;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meshconnect/uwc-react",
-  "version": "0.11.18",
+  "version": "0.12.0",
   "description": "React hooks and components for Universal Wallet Connector",
   "type": "module",
   "main": "dist/index.js",
@@ -16,8 +16,8 @@
     "src"
   ],
   "dependencies": {
-    "@meshconnect/uwc-core": "1.10.3",
-    "@meshconnect/uwc-types": "0.23.0"
+    "@meshconnect/uwc-core": "2.0.0",
+    "@meshconnect/uwc-types": "0.25.0"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/src/hooks/useSignMessage.test.tsx

@@ -0,0 +1,177 @@
+import React, { act } from 'react'
+import { describe, it, expect, vi } from 'vitest'
+import { createRoot } from 'react-dom/client'
+import { ConnectionContext } from '../providers/ConnectionProvider'
+import { useSignMessage } from './useSignMessage'
+import type {
+  SignatureResult,
+  UseSignMessageReturn
+} from '@meshconnect/uwc-types'
+
+// ---------------------------------------------------------------------------
+// Fixtures + helpers
+// ---------------------------------------------------------------------------
+
+const SIGNER_ADDRESS = '0xSignerAddress'
+
+const RESULT: SignatureResult = {
+  signature: { type: 'standard', signature: '0xdeadbeef' },
+  address: SIGNER_ADDRESS
+}
+
+/** Minimal stub that satisfies ConnectionContextValue's connector shape. */
+function makeConnector(
+  signMessage: (message: string) => Promise<SignatureResult>
+) {
+  return {
+    signMessage,
+    getSession: () => ({ isConnected: false }),
+    isReady: () => true,
+    subscribe: () => () => {},
+    getWallets: () => [],
+    getNetworks: () => []
+  }
+}
+
+/**
+ * Minimal context value that wraps a connector stub. Pass `{ activeAddress }`
+ * as an object (not a bare arg) so an explicit `undefined` survives.
+ */
+function makeContextValue(
+  connector: ReturnType<typeof makeConnector>,
+  { activeAddress }: { activeAddress: string | undefined } = {
+    activeAddress: '0xUserAddress'
+  }
+) {
+  return {
+    connector,
+    session: {
+      isConnected: activeAddress !== undefined,
+      walletId: undefined,
+      networkId: undefined,
+      activeAddress
+    },
+    wallets: [],
+    networks: [],
+    isReady: true
+  }
+}
+
+function renderHookInContext(
+  contextValue: ReturnType<typeof makeContextValue>
+) {
+  const captured: { current: UseSignMessageReturn | null } = { current: null }
+
+  function Capture() {
+    captured.current = useSignMessage()
+    return null
+  }
+
+  const container = document.createElement('div')
+  document.body.appendChild(container)
+  const root = createRoot(container)
+
+  async function render() {
+    await act(async () => {
+      root.render(
+        <ConnectionContext.Provider value={contextValue as never}>
+          <Capture />
+        </ConnectionContext.Provider>
+      )
+    })
+  }
+
+  async function unmount() {
+    await act(async () => {
+      root.unmount()
+    })
+    document.body.removeChild(container)
+  }
+
+  return { captured, render, unmount }
+}
+
+// ---------------------------------------------------------------------------
+// Tests
+// ---------------------------------------------------------------------------
+
+describe('useSignMessage', () => {
+  it('resolves to the full SignatureResult { signature, address }', async () => {
+    const mockSign = vi.fn().mockResolvedValue(RESULT)
+    const ctxValue = makeContextValue(makeConnector(mockSign))
+    const { captured, render, unmount } = renderHookInContext(ctxValue)
+
+    await render()
+    expect(captured.current).not.toBeNull()
+
+    let result: SignatureResult | undefined
+    await act(async () => {
+      result = await captured.current!.signMessage('Hello World')
+    })
+
+    expect(mockSign).toHaveBeenCalledOnce()
+    expect(mockSign).toHaveBeenCalledWith('Hello World')
+    expect(result).toEqual(RESULT)
+    await unmount()
+  })
+
+  it('stores result.signature (the SignatureType) in the signature state', async () => {
+    const mockSign = vi.fn().mockResolvedValue(RESULT)
+    const ctxValue = makeContextValue(makeConnector(mockSign))
+    const { captured, render, unmount } = renderHookInContext(ctxValue)
+
+    await render()
+
+    await act(async () => {
+      await captured.current!.signMessage('Hello World')
+    })
+
+    expect(captured.current!.signature).toEqual(RESULT.signature)
+    await unmount()
+  })
+
+  it('sets error state and re-throws when connector rejects', async () => {
+    const walletError = { code: 4001, message: 'User rejected' }
+    const mockSign = vi.fn().mockRejectedValue(walletError)
+    const ctxValue = makeContextValue(makeConnector(mockSign))
+    const { captured, render, unmount } = renderHookInContext(ctxValue)
+
+    await render()
+
+    let thrownError: unknown
+    await act(async () => {
+      try {
+        await captured.current!.signMessage('Hello World')
+      } catch (err) {
+        thrownError = err
+      }
+    })
+
+    expect(thrownError).toBe(walletError)
+    expect(captured.current!.error).toBe(walletError)
+    await unmount()
+  })
+
+  it('throws "No wallet connected" when there is no active address', async () => {
+    const mockSign = vi.fn()
+    const ctxValue = makeContextValue(makeConnector(mockSign), {
+      activeAddress: undefined
+    })
+    const { captured, render, unmount } = renderHookInContext(ctxValue)
+
+    await render()
+
+    let thrownError: unknown
+    await act(async () => {
+      try {
+        await captured.current!.signMessage('Hello World')
+      } catch (err) {
+        thrownError = err
+      }
+    })
+
+    expect((thrownError as Error).message).toBe('No wallet connected')
+    expect(mockSign).not.toHaveBeenCalled()
+    await unmount()
+  })
+})

package/src/hooks/useSignMessage.ts

@@ -2,6 +2,7 @@ import { useCallback, useState } from 'react'
 import { useConnectionContext } from './useConnectionContext'
 import type {
   SignatureType,
+  SignatureResult,
   UseSignMessageReturn,
   WalletError
 } from '@meshconnect/uwc-types'
@@ -16,9 +17,9 @@ import type {
  *
  * const handleSign = async () => {
  *   try {
- *     const sig = await signMessage('Hello World')
- *     console.log('Signature:', sig)
- *     // signature state will also be updated with the result
+ *     const { signature, address } = await signMessage('Hello World')
+ *     console.log('Signature:', signature, 'signed by', address)
+ *     // The `signature` state also holds result.signature after the call.
  *   } catch (error) {
  *     console.error('Failed to sign:', error)
  *   }
@@ -33,7 +34,7 @@ export function useSignMessage(): UseSignMessageReturn {
   const [error, setError] = useState<WalletError | undefined>()
 
   const signMessage = useCallback(
-    async (message: string): Promise<SignatureType> => {
+    async (message: string): Promise<SignatureResult> => {
       if (!connector || !session.activeAddress) {
         throw new Error('No wallet connected')
       }
@@ -45,9 +46,11 @@ export function useSignMessage(): UseSignMessageReturn {
       setIsLoading(true)
       setError(undefined)
       try {
-        const sig = await connector.signMessage(message)
-        setSignature(sig)
-        return sig
+        const result = await connector.signMessage(message)
+        // Keep the `signature` state as the SignatureType for backward-compat
+        // display; callers needing the exact signer read `result.address`.
+        setSignature(result.signature)
+        return result
       } catch (err) {
         const walletError = err as WalletError
         setError(walletError)