@phantom/react-sdk 1.0.0-beta.1 → 1.0.0-beta.2

package/README.md

@@ -470,6 +470,16 @@ function EthereumOperations() {
     console.log("Typed data signature:", signature);
   };
 
+  const signTransaction = async () => {
+    const signedTx = await ethereum.signTransaction({
+      to: "0x742d35Cc6634C0532925a3b8D4C8db86fB5C4A7E",
+      value: "1000000000000000000", // 1 ETH in wei
+      gas: "21000",
+    });
+    console.log("Transaction signed:", signedTx);
+    // Transaction is signed but not sent - you can broadcast it later
+  };
+
   const sendTransaction = async () => {
     const result = await ethereum.sendTransaction({
       to: "0x742d35Cc6634C0532925a3b8D4C8db86fB5C4A7E",
@@ -487,7 +497,8 @@ function EthereumOperations() {
     <div>
       <button onClick={signPersonalMessage}>Sign Personal Message</button>
       <button onClick={signTypedData}>Sign Typed Data</button>
-      <button onClick={sendTransaction}>Send Transaction</button>
+      <button onClick={signTransaction}>Sign Transaction</button>
+      <button onClick={sendTransaction}>Sign & Send Transaction</button>
       <button onClick={switchChain}>Switch to Polygon</button>
       <p>Connected: {ethereum.isConnected ? "Yes" : "No"}</p>
     </div>
@@ -500,7 +511,8 @@ function EthereumOperations() {
 - `request(args)` - EIP-1193 requests
 - `signPersonalMessage(message, address)` - Sign personal message
 - `signTypedData(typedData)` - Sign EIP-712 typed data
-- `sendTransaction(transaction)` - Send transaction
+- `signTransaction(transaction)` - Sign transaction without sending
+- `sendTransaction(transaction)` - Sign and send transaction
 - `switchChain(chainId)` - Switch chains
 - `getChainId()` - Get current chain ID
 - `getAccounts()` - Get connected accounts

package/dist/index.d.ts

@@ -109,6 +109,7 @@ declare function useEthereum(): {
     }) => Promise<T>;
     signPersonalMessage: (message: string, address: string) => Promise<string>;
     signMessage: (message: string) => Promise<string>;
+    signTransaction: (transaction: EthTransactionRequest) => Promise<string>;
     signTypedData: (typedData: any) => Promise<string>;
     sendTransaction: (transaction: EthTransactionRequest) => Promise<string>;
     switchChain: (chainId: number) => Promise<void>;

package/dist/index.js

@@ -356,6 +356,13 @@ function useAutoConfirm() {
 var import_react5 = require("react");
 function useSolana() {
   const { sdk, isConnected } = usePhantom();
+  const getSolanaChain = (0, import_react5.useCallback)(() => {
+    if (!sdk)
+      throw new Error("Phantom SDK not initialized.");
+    if (!sdk.isConnected())
+      throw new Error("Phantom SDK not connected. Call connect() first.");
+    return sdk.solana;
+  }, [sdk]);
   const solanaChain = (0, import_react5.useMemo)(() => {
     if (!sdk || !isConnected)
       return null;
@@ -367,54 +374,48 @@ function useSolana() {
   }, [sdk, isConnected]);
   const signMessage = (0, import_react5.useCallback)(
     async (message) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.signMessage(message);
+      const chain = getSolanaChain();
+      return chain.signMessage(message);
     },
-    [solanaChain]
+    [getSolanaChain]
   );
   const signTransaction = (0, import_react5.useCallback)(
     async (transaction) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.signTransaction(transaction);
+      const chain = getSolanaChain();
+      return chain.signTransaction(transaction);
     },
-    [solanaChain]
+    [getSolanaChain]
   );
   const signAndSendTransaction = (0, import_react5.useCallback)(
     async (transaction) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.signAndSendTransaction(transaction);
+      const chain = getSolanaChain();
+      return chain.signAndSendTransaction(transaction);
     },
-    [solanaChain]
+    [getSolanaChain]
   );
   const connect = (0, import_react5.useCallback)(
     async (options) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.connect(options);
+      const chain = getSolanaChain();
+      return chain.connect(options);
     },
-    [solanaChain]
+    [getSolanaChain]
   );
   const disconnect = (0, import_react5.useCallback)(async () => {
-    if (!solanaChain)
-      throw new Error("Solana chain not available. Ensure SDK is connected.");
-    return solanaChain.disconnect();
-  }, [solanaChain]);
+    const chain = getSolanaChain();
+    return chain.disconnect();
+  }, [getSolanaChain]);
   const switchNetwork = (0, import_react5.useCallback)(
     async (network) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.switchNetwork?.(network);
+      const chain = getSolanaChain();
+      return chain.switchNetwork?.(network);
     },
-    [solanaChain]
+    [getSolanaChain]
   );
   const getPublicKey = (0, import_react5.useCallback)(async () => {
-    if (!solanaChain)
+    if (!sdk || !sdk.isConnected())
       return null;
-    return solanaChain.getPublicKey();
-  }, [solanaChain]);
+    return sdk.solana.getPublicKey();
+  }, [sdk]);
   return {
     // Chain instance for advanced usage
     solana: solanaChain,
@@ -436,6 +437,13 @@ function useSolana() {
 var import_react6 = require("react");
 function useEthereum() {
   const { sdk, isConnected } = usePhantom();
+  const getEthereumChain = (0, import_react6.useCallback)(() => {
+    if (!sdk)
+      throw new Error("Phantom SDK not initialized.");
+    if (!sdk.isConnected())
+      throw new Error("Phantom SDK not connected. Call connect() first.");
+    return sdk.ethereum;
+  }, [sdk]);
   const ethereumChain = (0, import_react6.useMemo)(() => {
     if (!sdk || !isConnected)
       return null;
@@ -447,11 +455,10 @@ function useEthereum() {
   }, [sdk, isConnected]);
   const request = (0, import_react6.useCallback)(
     async (args) => {
-      if (!ethereumChain)
-        throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-      return ethereumChain.request(args);
+      const chain = getEthereumChain();
+      return chain.request(args);
     },
-    [ethereumChain]
+    [getEthereumChain]
   );
   const signPersonalMessage = (0, import_react6.useCallback)(
     async (message, address) => {
@@ -462,32 +469,35 @@ function useEthereum() {
     },
     [request]
   );
+  const signTransaction = (0, import_react6.useCallback)(
+    async (transaction) => {
+      const chain = getEthereumChain();
+      return chain.signTransaction(transaction);
+    },
+    [getEthereumChain]
+  );
   const sendTransaction = (0, import_react6.useCallback)(
     async (transaction) => {
-      if (!ethereumChain)
-        throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-      return ethereumChain.sendTransaction(transaction);
+      const chain = getEthereumChain();
+      return chain.sendTransaction(transaction);
     },
-    [ethereumChain]
+    [getEthereumChain]
   );
   const switchChain = (0, import_react6.useCallback)(
     async (chainId) => {
-      if (!ethereumChain)
-        throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-      return ethereumChain.switchChain(chainId);
+      const chain = getEthereumChain();
+      return chain.switchChain(chainId);
     },
-    [ethereumChain]
+    [getEthereumChain]
   );
   const getChainId = (0, import_react6.useCallback)(async () => {
-    if (!ethereumChain)
-      throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-    return ethereumChain.getChainId();
-  }, [ethereumChain]);
+    const chain = getEthereumChain();
+    return chain.getChainId();
+  }, [getEthereumChain]);
   const getAccounts = (0, import_react6.useCallback)(async () => {
-    if (!ethereumChain)
-      throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-    return ethereumChain.getAccounts();
-  }, [ethereumChain]);
+    const chain = getEthereumChain();
+    return chain.getAccounts();
+  }, [getEthereumChain]);
   const signMessage = (0, import_react6.useCallback)(
     async (message) => {
       return request({
@@ -515,6 +525,7 @@ function useEthereum() {
     // Convenient methods
     signPersonalMessage,
     signMessage,
+    signTransaction,
     signTypedData,
     sendTransaction,
     switchChain,

package/dist/index.mjs

@@ -308,6 +308,13 @@ function useAutoConfirm() {
 import { useCallback as useCallback4, useMemo as useMemo2 } from "react";
 function useSolana() {
   const { sdk, isConnected } = usePhantom();
+  const getSolanaChain = useCallback4(() => {
+    if (!sdk)
+      throw new Error("Phantom SDK not initialized.");
+    if (!sdk.isConnected())
+      throw new Error("Phantom SDK not connected. Call connect() first.");
+    return sdk.solana;
+  }, [sdk]);
   const solanaChain = useMemo2(() => {
     if (!sdk || !isConnected)
       return null;
@@ -319,54 +326,48 @@ function useSolana() {
   }, [sdk, isConnected]);
   const signMessage = useCallback4(
     async (message) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.signMessage(message);
+      const chain = getSolanaChain();
+      return chain.signMessage(message);
     },
-    [solanaChain]
+    [getSolanaChain]
   );
   const signTransaction = useCallback4(
     async (transaction) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.signTransaction(transaction);
+      const chain = getSolanaChain();
+      return chain.signTransaction(transaction);
     },
-    [solanaChain]
+    [getSolanaChain]
   );
   const signAndSendTransaction = useCallback4(
     async (transaction) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.signAndSendTransaction(transaction);
+      const chain = getSolanaChain();
+      return chain.signAndSendTransaction(transaction);
     },
-    [solanaChain]
+    [getSolanaChain]
   );
   const connect = useCallback4(
     async (options) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.connect(options);
+      const chain = getSolanaChain();
+      return chain.connect(options);
     },
-    [solanaChain]
+    [getSolanaChain]
   );
   const disconnect = useCallback4(async () => {
-    if (!solanaChain)
-      throw new Error("Solana chain not available. Ensure SDK is connected.");
-    return solanaChain.disconnect();
-  }, [solanaChain]);
+    const chain = getSolanaChain();
+    return chain.disconnect();
+  }, [getSolanaChain]);
   const switchNetwork = useCallback4(
     async (network) => {
-      if (!solanaChain)
-        throw new Error("Solana chain not available. Ensure SDK is connected.");
-      return solanaChain.switchNetwork?.(network);
+      const chain = getSolanaChain();
+      return chain.switchNetwork?.(network);
     },
-    [solanaChain]
+    [getSolanaChain]
   );
   const getPublicKey = useCallback4(async () => {
-    if (!solanaChain)
+    if (!sdk || !sdk.isConnected())
       return null;
-    return solanaChain.getPublicKey();
-  }, [solanaChain]);
+    return sdk.solana.getPublicKey();
+  }, [sdk]);
   return {
     // Chain instance for advanced usage
     solana: solanaChain,
@@ -388,6 +389,13 @@ function useSolana() {
 import { useCallback as useCallback5, useMemo as useMemo3 } from "react";
 function useEthereum() {
   const { sdk, isConnected } = usePhantom();
+  const getEthereumChain = useCallback5(() => {
+    if (!sdk)
+      throw new Error("Phantom SDK not initialized.");
+    if (!sdk.isConnected())
+      throw new Error("Phantom SDK not connected. Call connect() first.");
+    return sdk.ethereum;
+  }, [sdk]);
   const ethereumChain = useMemo3(() => {
     if (!sdk || !isConnected)
       return null;
@@ -399,11 +407,10 @@ function useEthereum() {
   }, [sdk, isConnected]);
   const request = useCallback5(
     async (args) => {
-      if (!ethereumChain)
-        throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-      return ethereumChain.request(args);
+      const chain = getEthereumChain();
+      return chain.request(args);
     },
-    [ethereumChain]
+    [getEthereumChain]
   );
   const signPersonalMessage = useCallback5(
     async (message, address) => {
@@ -414,32 +421,35 @@ function useEthereum() {
     },
     [request]
   );
+  const signTransaction = useCallback5(
+    async (transaction) => {
+      const chain = getEthereumChain();
+      return chain.signTransaction(transaction);
+    },
+    [getEthereumChain]
+  );
   const sendTransaction = useCallback5(
     async (transaction) => {
-      if (!ethereumChain)
-        throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-      return ethereumChain.sendTransaction(transaction);
+      const chain = getEthereumChain();
+      return chain.sendTransaction(transaction);
     },
-    [ethereumChain]
+    [getEthereumChain]
   );
   const switchChain = useCallback5(
     async (chainId) => {
-      if (!ethereumChain)
-        throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-      return ethereumChain.switchChain(chainId);
+      const chain = getEthereumChain();
+      return chain.switchChain(chainId);
     },
-    [ethereumChain]
+    [getEthereumChain]
   );
   const getChainId = useCallback5(async () => {
-    if (!ethereumChain)
-      throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-    return ethereumChain.getChainId();
-  }, [ethereumChain]);
+    const chain = getEthereumChain();
+    return chain.getChainId();
+  }, [getEthereumChain]);
   const getAccounts = useCallback5(async () => {
-    if (!ethereumChain)
-      throw new Error("Ethereum chain not available. Ensure SDK is connected.");
-    return ethereumChain.getAccounts();
-  }, [ethereumChain]);
+    const chain = getEthereumChain();
+    return chain.getAccounts();
+  }, [getEthereumChain]);
   const signMessage = useCallback5(
     async (message) => {
       return request({
@@ -467,6 +477,7 @@ function useEthereum() {
     // Convenient methods
     signPersonalMessage,
     signMessage,
+    signTransaction,
     signTypedData,
     sendTransaction,
     switchChain,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phantom/react-sdk",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.2",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -26,9 +26,9 @@
     "prettier": "prettier --write \"src/**/*.{ts,tsx}\""
   },
   "dependencies": {
-    "@phantom/browser-sdk": "^1.0.0-beta.1",
-    "@phantom/chains": "^1.0.0-beta.1",
-    "@phantom/constants": "^1.0.0-beta.1"
+    "@phantom/browser-sdk": "^1.0.0-beta.2",
+    "@phantom/chains": "^1.0.0-beta.2",
+    "@phantom/constants": "^1.0.0-beta.2"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.0",