@aptos-labs/wallet-adapter-react 0.1.4 → 0.1.6

package/README.md

@@ -6,9 +6,7 @@ Dapps that want to use the adapter should install this package and other support
 
 #### Supported wallet packages
 
-- Petra
-- Martian
-- Rise
+- [Petra](https://www.npmjs.com/package/petra-plugin-wallet-adapter)
 
 ### Usage
 

package/dist/index.d.ts

@@ -0,0 +1,26 @@
+import { AccountInfo, NetworkInfo, WalletName, WalletInfo, Wallet, SignMessagePayload, SignMessageResponse } from '@aptos-labs/wallet-adapter-core';
+import { Types } from 'aptos';
+import { ReactNode, FC } from 'react';
+
+interface WalletContextState {
+    connected: boolean;
+    account: AccountInfo | null;
+    network: NetworkInfo | null;
+    connect(walletName: WalletName): void;
+    disconnect(): void;
+    wallet: WalletInfo | null;
+    wallets: Wallet[];
+    signAndSubmitTransaction<T extends Types.TransactionPayload, V>(transaction: T, options?: V): Promise<any>;
+    signTransaction<T extends Types.TransactionPayload, V>(transaction: T, options?: V): Promise<any>;
+    signMessage(message: SignMessagePayload): Promise<SignMessageResponse | null>;
+}
+declare function useWallet(): WalletContextState;
+
+interface AptosWalletProviderProps {
+    children: ReactNode;
+    plugins: Wallet[];
+    autoConnect?: boolean;
+}
+declare const AptosWalletAdapterProvider: FC<AptosWalletProviderProps>;
+
+export { AptosWalletAdapterProvider, AptosWalletProviderProps, useWallet };

package/dist/index.js

@@ -0,0 +1,206 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var src_exports = {};
+__export(src_exports, {
+  AptosWalletAdapterProvider: () => AptosWalletAdapterProvider,
+  useWallet: () => useWallet
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/useWallet.tsx
+var import_react = require("react");
+var DEFAULT_COUNTEXT = {
+  connected: false
+};
+var WalletContext = (0, import_react.createContext)(
+  DEFAULT_COUNTEXT
+);
+function useWallet() {
+  const context = (0, import_react.useContext)(WalletContext);
+  if (!context) {
+    throw new Error("useWallet must be used within a WalletContextState");
+  }
+  return context;
+}
+
+// src/WalletProvider.tsx
+var import_react2 = require("react");
+var import_wallet_adapter_core = require("@aptos-labs/wallet-adapter-core");
+var import_jsx_runtime = require("react/jsx-runtime");
+var initialState = {
+  connected: false,
+  account: null,
+  network: null,
+  wallet: null
+};
+var AptosWalletAdapterProvider = ({
+  children,
+  plugins,
+  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 [wallets, setWallets] = (0, import_react2.useState)(walletCore.wallets);
+  const connect = (walletName) => {
+    try {
+      walletCore.connect(walletName);
+    } catch (e) {
+      console.log("connect error", e);
+    }
+  };
+  const disconnect = () => {
+    try {
+      walletCore.disconnect();
+    } catch (e) {
+      console.log("disconnect error", e);
+    }
+  };
+  const signAndSubmitTransaction = async (transaction) => {
+    try {
+      return await walletCore.signAndSubmitTransaction(transaction);
+    } catch (error) {
+      throw error;
+    }
+  };
+  const signTransaction = async (transaction) => {
+    try {
+      return await walletCore.signTransaction(transaction);
+    } catch (error) {
+      throw error;
+    }
+  };
+  const signMessage = async (message) => {
+    try {
+      return await walletCore.signMessage(message);
+    } catch (error) {
+      throw error;
+    }
+  };
+  (0, import_react2.useEffect)(() => {
+    if (autoConnect) {
+      if (localStorage.getItem("AptosWalletName")) {
+        connect(localStorage.getItem("AptosWalletName"));
+      }
+    }
+  }, [wallets]);
+  (0, import_react2.useEffect)(() => {
+    if (connected) {
+      walletCore.onAccountChange();
+      walletCore.onNetworkChange();
+    }
+  }, [wallets, connected]);
+  const handleConnect = () => {
+    setState((state) => {
+      return {
+        ...state,
+        connected: true,
+        account: walletCore.account,
+        network: walletCore.network,
+        wallet: walletCore.wallet
+      };
+    });
+  };
+  const handleDisconnect = () => {
+    if (!connected)
+      return;
+    setState((state) => {
+      return {
+        ...state,
+        connected: false,
+        account: walletCore.account,
+        network: walletCore.network,
+        wallet: null
+      };
+    });
+  };
+  const handleAccountChange = (0, import_react2.useCallback)(() => {
+    if (!connected)
+      return;
+    if (!walletCore.wallet)
+      return;
+    setState((state) => {
+      return {
+        ...state,
+        account: walletCore.account
+      };
+    });
+  }, [connected]);
+  const handleNetworkChange = (0, import_react2.useCallback)(() => {
+    if (!connected)
+      return;
+    if (!walletCore.wallet)
+      return;
+    setState((state) => {
+      return {
+        ...state,
+        network: walletCore.network
+      };
+    });
+  }, [connected]);
+  const handleReadyStateChange = (wallet2) => {
+    setWallets((prevWallets) => {
+      const index = prevWallets.findIndex(
+        (currWallet) => currWallet === wallet2
+      );
+      if (index === -1)
+        return prevWallets;
+      return [
+        ...prevWallets.slice(0, index),
+        wallet2,
+        ...prevWallets.slice(index + 1)
+      ];
+    });
+  };
+  (0, import_react2.useEffect)(() => {
+    walletCore.on("connect", handleConnect);
+    walletCore.on("disconnect", handleDisconnect);
+    walletCore.on("accountChange", handleAccountChange);
+    walletCore.on("networkChange", handleNetworkChange);
+    walletCore.on("readyStateChange", handleReadyStateChange);
+    return () => {
+      walletCore.off("connect", handleConnect);
+      walletCore.off("disconnect", handleDisconnect);
+      walletCore.off("accountChange", handleAccountChange);
+      walletCore.off("networkChange", handleNetworkChange);
+      walletCore.off("readyStateChange", handleReadyStateChange);
+    };
+  }, [wallets, connected]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WalletContext.Provider, {
+    value: {
+      connect,
+      account,
+      network,
+      connected,
+      disconnect,
+      wallet,
+      wallets,
+      signAndSubmitTransaction,
+      signTransaction,
+      signMessage
+    },
+    children
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AptosWalletAdapterProvider,
+  useWallet
+});

package/dist/index.mjs

@@ -0,0 +1,183 @@
+// src/useWallet.tsx
+import { createContext, useContext } from "react";
+var DEFAULT_COUNTEXT = {
+  connected: false
+};
+var WalletContext = createContext(
+  DEFAULT_COUNTEXT
+);
+function useWallet() {
+  const context = useContext(WalletContext);
+  if (!context) {
+    throw new Error("useWallet must be used within a WalletContextState");
+  }
+  return context;
+}
+
+// src/WalletProvider.tsx
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
+import { WalletCore } from "@aptos-labs/wallet-adapter-core";
+import { jsx } from "react/jsx-runtime";
+var initialState = {
+  connected: false,
+  account: null,
+  network: null,
+  wallet: null
+};
+var AptosWalletAdapterProvider = ({
+  children,
+  plugins,
+  autoConnect = false
+}) => {
+  const [{ connected, account, network, wallet }, setState] = useState(initialState);
+  const walletCore = useMemo(() => new WalletCore(plugins), []);
+  const [wallets, setWallets] = useState(walletCore.wallets);
+  const connect = (walletName) => {
+    try {
+      walletCore.connect(walletName);
+    } catch (e) {
+      console.log("connect error", e);
+    }
+  };
+  const disconnect = () => {
+    try {
+      walletCore.disconnect();
+    } catch (e) {
+      console.log("disconnect error", e);
+    }
+  };
+  const signAndSubmitTransaction = async (transaction) => {
+    try {
+      return await walletCore.signAndSubmitTransaction(transaction);
+    } catch (error) {
+      throw error;
+    }
+  };
+  const signTransaction = async (transaction) => {
+    try {
+      return await walletCore.signTransaction(transaction);
+    } catch (error) {
+      throw error;
+    }
+  };
+  const signMessage = async (message) => {
+    try {
+      return await walletCore.signMessage(message);
+    } catch (error) {
+      throw error;
+    }
+  };
+  useEffect(() => {
+    if (autoConnect) {
+      if (localStorage.getItem("AptosWalletName")) {
+        connect(localStorage.getItem("AptosWalletName"));
+      }
+    }
+  }, [wallets]);
+  useEffect(() => {
+    if (connected) {
+      walletCore.onAccountChange();
+      walletCore.onNetworkChange();
+    }
+  }, [wallets, connected]);
+  const handleConnect = () => {
+    setState((state) => {
+      return {
+        ...state,
+        connected: true,
+        account: walletCore.account,
+        network: walletCore.network,
+        wallet: walletCore.wallet
+      };
+    });
+  };
+  const handleDisconnect = () => {
+    if (!connected)
+      return;
+    setState((state) => {
+      return {
+        ...state,
+        connected: false,
+        account: walletCore.account,
+        network: walletCore.network,
+        wallet: null
+      };
+    });
+  };
+  const handleAccountChange = useCallback(() => {
+    if (!connected)
+      return;
+    if (!walletCore.wallet)
+      return;
+    setState((state) => {
+      return {
+        ...state,
+        account: walletCore.account
+      };
+    });
+  }, [connected]);
+  const handleNetworkChange = useCallback(() => {
+    if (!connected)
+      return;
+    if (!walletCore.wallet)
+      return;
+    setState((state) => {
+      return {
+        ...state,
+        network: walletCore.network
+      };
+    });
+  }, [connected]);
+  const handleReadyStateChange = (wallet2) => {
+    setWallets((prevWallets) => {
+      const index = prevWallets.findIndex(
+        (currWallet) => currWallet === wallet2
+      );
+      if (index === -1)
+        return prevWallets;
+      return [
+        ...prevWallets.slice(0, index),
+        wallet2,
+        ...prevWallets.slice(index + 1)
+      ];
+    });
+  };
+  useEffect(() => {
+    walletCore.on("connect", handleConnect);
+    walletCore.on("disconnect", handleDisconnect);
+    walletCore.on("accountChange", handleAccountChange);
+    walletCore.on("networkChange", handleNetworkChange);
+    walletCore.on("readyStateChange", handleReadyStateChange);
+    return () => {
+      walletCore.off("connect", handleConnect);
+      walletCore.off("disconnect", handleDisconnect);
+      walletCore.off("accountChange", handleAccountChange);
+      walletCore.off("networkChange", handleNetworkChange);
+      walletCore.off("readyStateChange", handleReadyStateChange);
+    };
+  }, [wallets, connected]);
+  return /* @__PURE__ */ jsx(WalletContext.Provider, {
+    value: {
+      connect,
+      account,
+      network,
+      connected,
+      disconnect,
+      wallet,
+      wallets,
+      signAndSubmitTransaction,
+      signTransaction,
+      signMessage
+    },
+    children
+  });
+};
+export {
+  AptosWalletAdapterProvider,
+  useWallet
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aptos-labs/wallet-adapter-react",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Aptos Wallet Adapter React Provider",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -28,25 +28,25 @@
     "Wallet Adapter Provider",
     "React"
   ],
-  "scripts": {
-    "build": "tsup src/index.tsx --format esm,cjs --dts --external react",
-    "dev": "tsup src/index.tsx --format esm,cjs --watch --dts --external react",
-    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
-    "lint": "TIMING=1 eslint \"src/**/*.ts*\""
-  },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@aptos-labs/wallet-adapter-tsconfig": "workspace:*",
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
     "eslint": "^8.15.0",
     "typescript": "^4.5.3",
-    "tsup": "^5.10.1"
+    "tsup": "^5.10.1",
+    "@aptos-labs/wallet-adapter-tsconfig": "0.0.0"
   },
   "dependencies": {
     "@aptos-labs/wallet-adapter-core": "*",
     "aptos": "^1.3.17"
+  },
+  "scripts": {
+    "build": "tsup src/index.tsx --format esm,cjs --dts --external react",
+    "dev": "tsup src/index.tsx --format esm,cjs --watch --dts --external react",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
+    "lint": "TIMING=1 eslint \"src/**/*.ts*\""
   }
-}
+}