@aptos-labs/wallet-adapter-react 0.2.0 → 0.2.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @aptos-labs/wallet-adapter-react
 
+## 0.2.2
+
+### Patch Changes
+
+- 552d255: Add react package as a dependency
+
+## 0.2.1
+
+### Patch Changes
+
+- c3eb031: Export WalletReadyState enum from react package
+
 ## 0.2.0
 
 ### Minor Changes

package/README.md

@@ -4,6 +4,25 @@ A react provider wrapper for the Aptos Wallet Adapter
 
 Dapps that want to use the adapter should install this package and other supported wallet packages.
 
+### Support
+
+The react provider supports all [wallet standard](https://aptos.dev/guides/wallet-standard) functions and feature functions
+
+##### Standard functions
+
+connect
+disconnect
+connected
+account
+network
+signAndSubmitTransaction
+signMessage
+
+##### Feature functions
+
+signTransaction
+signMessageAndVerify
+
 ### Usage
 
 #### Install Dependencies
@@ -71,6 +90,7 @@ const {
   signAndSubmitTransaction,
   signTransaction,
   signMessage,
+  signMessageAndVerify,
 } = useWallet();
 ```
 
@@ -113,29 +133,6 @@ const {
 </button>
 ```
 
-##### signTransaction(payload)
-
-```js
-  const onSignTransaction = async () => {
-    const payload: Types.TransactionPayload = {
-      type: "entry_function_payload",
-      function: "0x1::coin::transfer",
-      type_arguments: ["0x1::aptos_coin::AptosCoin"],
-      arguments: [account?.address, 1], // 1 is in Octas
-    };
-    try {
-      const response = await signTransaction(payload);
-      console.log("response", response);
-    } catch (error: any) {
-      console.log("error", error);
-    }
-  };
-
-<button onClick={onSignTransaction}>
-  Sign transaction
-</button>
-```
-
 ##### signMessage(payload)
 
 ```js
@@ -185,3 +182,47 @@ const {
   wallets.map((wallet) => <p>{wallet.name}</p>);
 }
 ```
+
+##### signTransaction(payload)
+
+```js
+  const onSignTransaction = async () => {
+    const payload: Types.TransactionPayload = {
+      type: "entry_function_payload",
+      function: "0x1::coin::transfer",
+      type_arguments: ["0x1::aptos_coin::AptosCoin"],
+      arguments: [account?.address, 1], // 1 is in Octas
+    };
+    try {
+      const response = await signTransaction(payload);
+      console.log("response", response);
+    } catch (error: any) {
+      console.log("error", error);
+    }
+  };
+
+<button onClick={onSignTransaction}>
+  Sign transaction
+</button>
+```
+
+##### signMessageAndVerify(payload)
+
+```js
+const onSignMessageAndVerify = async () => {
+  const payload = {
+    message: "Hello from Aptos Wallet Adapter",
+    nonce: "random_string",
+  };
+  try {
+    const response = await signMessageAndVerify(payload);
+    console.log("response", response);
+  } catch (error: any) {
+    console.log("error", error);
+  }
+};
+
+<button onClick={onSignMessageAndVerify}>
+  Sign message and verify
+</button>
+```

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import { AccountInfo, NetworkInfo, WalletName, WalletInfo, Wallet, SignMessagePayload, SignMessageResponse } from '@aptos-labs/wallet-adapter-core';
+export { WalletName, WalletReadyState } from '@aptos-labs/wallet-adapter-core';
 import { Types } from 'aptos';
 import { ReactNode, FC } from 'react';
 

package/dist/index.js

@@ -21,11 +21,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   AptosWalletAdapterProvider: () => AptosWalletAdapterProvider,
+  WalletReadyState: () => import_wallet_adapter_core.WalletReadyState,
   useWallet: () => useWallet
 });
 module.exports = __toCommonJS(src_exports);
 
 // src/useWallet.tsx
+var import_wallet_adapter_core = require("@aptos-labs/wallet-adapter-core");
 var import_react = require("react");
 var DEFAULT_COUNTEXT = {
   connected: false
@@ -43,7 +45,7 @@ function useWallet() {
 
 // src/WalletProvider.tsx
 var import_react2 = require("react");
-var import_wallet_adapter_core = require("@aptos-labs/wallet-adapter-core");
+var import_wallet_adapter_core2 = require("@aptos-labs/wallet-adapter-core");
 var import_jsx_runtime = require("react/jsx-runtime");
 var initialState = {
   connected: false,
@@ -57,7 +59,7 @@ var AptosWalletAdapterProvider = ({
   autoConnect = false
 }) => {
   const [{ connected, account, network, wallet }, setState] = (0, import_react2.useState)(initialState);
-  const walletCore = (0, import_react2.useMemo)(() => new import_wallet_adapter_core.WalletCore(plugins), []);
+  const walletCore = (0, import_react2.useMemo)(() => new import_wallet_adapter_core2.WalletCore(plugins), []);
   const [wallets, setWallets] = (0, import_react2.useState)(walletCore.wallets);
   const connect = (walletName) => {
     try {
@@ -210,5 +212,6 @@ var AptosWalletAdapterProvider = ({
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AptosWalletAdapterProvider,
+  WalletReadyState,
   useWallet
 });

package/dist/index.mjs

@@ -1,4 +1,7 @@
 // src/useWallet.tsx
+import {
+  WalletReadyState
+} from "@aptos-labs/wallet-adapter-core";
 import { createContext, useContext } from "react";
 var DEFAULT_COUNTEXT = {
   connected: false
@@ -187,5 +190,6 @@ var AptosWalletAdapterProvider = ({
 };
 export {
   AptosWalletAdapterProvider,
+  WalletReadyState,
   useWallet
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aptos-labs/wallet-adapter-react",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Aptos Wallet Adapter React Provider",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -28,9 +28,6 @@
     "Wallet Adapter Provider",
     "React"
   ],
-  "peerDependencies": {
-    "react": "*"
-  },
   "devDependencies": {
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
@@ -41,7 +38,8 @@
   },
   "dependencies": {
     "@aptos-labs/wallet-adapter-core": "*",
-    "aptos": "^1.3.17"
+    "aptos": "^1.3.17",
+    "react": "^18"
   },
   "scripts": {
     "build": "tsup src/index.tsx --format esm,cjs --dts --external react",

package/src/WalletProvider.tsx

@@ -1,4 +1,3 @@
-import * as React from "react";
 import {
   FC,
   ReactNode,

package/src/index.tsx

@@ -1,3 +1,4 @@
 import * as React from "react";
-export { useWallet } from "./useWallet";
+export { useWallet, WalletReadyState } from "./useWallet";
+export type { WalletName } from "./useWallet";
 export * from "./WalletProvider";

package/src/useWallet.tsx

@@ -6,11 +6,13 @@ import {
   SignMessagePayload,
   SignMessageResponse,
   Wallet,
+  WalletReadyState,
 } from "@aptos-labs/wallet-adapter-core";
 import { createContext, useContext } from "react";
 import { Types } from "aptos";
 
 export type { WalletName };
+export { WalletReadyState };
 
 export interface WalletContextState {
   connected: boolean;