@vela-ventures/aosync-sdk-react 1.0.1 → 1.0.3

package/README.md

@@ -1,100 +1,37 @@
-# Wallet SDK for Arweave
+# aosync-react-sdk
 
-A lightweight React hook and context provider for integrating the Beacon Wallet into your React applications.
-
-## Features
-
-- Easily manage wallet connections.
-- Send AR transactions.
-- Sign messages and transactions.
-- Retrieve wallet addresses.
-
-## Installation
-
-Install the package via npm:
-
-```bash
-npm install @vela-ventures/ao-sync-sdk
-```
+A simple react implementation of the ao-sync protocol.
 
 ## Usage
 
-### 1: Wrap Your App with WalletProvider
-To enable wallet functionality across your app, wrap your application with the WalletProvider:
-```javascript
-import React from "react";
-import { WalletProvider } from "@vela-ventures/ao-sync-sdk";
+```js
+import { AOSyncProvider, useWallet } from "@vela-ventures/aosync-react-sdk";
 
-const App = () => {
-  return (
-    <WalletProvider>
-      <YourApp />
-    </WalletProvider>
-  );
-};
-```
-### 2. Use the useWallet Hook
-Access wallet functionality in any component with the useWallet hook:
-```javascript
-import React from "react";
-import { useWallet } from "@vela-ventures/ao-sync-sdk";
+function WalletView() {
+  const wallet = useWallet();
+  const [address, setAddress] = useAddress<string>()
 
-const WalletComponent = () => {
-  const {
-    isConnected,
-    connect,
-    disconnect,
-    getAddress,
-    sendAR,
-  } = useWallet();
+  useEffect(() => {
+    setAddress(wallet.getAddress())
+  }, [wallet.isConnected])
 
-  const handleConnect = async () => {
-    await connect();
-    const address = await getAddress();
-    console.log("Connected wallet address:", address);
-  };
+  if (wallet.isConnected) {
+    return(
+      <>
+       <h1>Connected to: {address}</h1>
+       <Button onClick={wallet.disconnect}>Disconnect Wallet</Button>
+      </>
+    )
+  }
 
-  const handleSendAR = async () => {
-    try {
-      await sendAR("recipient-address", "1000000"); // 1 AR (in winstons)
-      console.log("AR sent successfully!");
-    } catch (error) {
-      console.error("Error sending AR:", error);
-    }
-  };
+  return <Button onClick={wallet.connect}>Connect Wallet</Button>
+}
 
+function App() {
   return (
-    <div>
-      <h1>Wallet Status: {isConnected ? "Connected" : "Disconnected"}</h1>
-      {!isConnected ? (
-        <button onClick={handleConnect}>Connect Wallet</button>
-      ) : (
-        <button onClick={disconnect}>Disconnect Wallet</button>
-      )}
-      {isConnected && <button onClick={handleSendAR}>Send AR</button>}
-    </div>
+    <AOSyncProvider arweaveHost='arweave.net' muUrl='https://mu.ao-testnet.xyz'>
+      <WalletView />
+    </AOSyncProvider>
   );
-};
-
-export default WalletComponent;
+}
 ```
-## API
-
-### `useWallet`
-
-The `useWallet` hook provides the following methods and properties:
-
-| Method/Property          | Description                                                                 |
-|--------------------------|-----------------------------------------------------------------------------|
-| `isConnected`            | Boolean indicating if the wallet is connected.                              |
-| `connect()`              | Connects to the wallet.                                                     |
-| `disconnect()`           | Disconnects from the wallet.                                                |
-| `getAddress()`           | Returns the currently active wallet address.                                |
-| `getAllAddresses()`      | Returns all wallet addresses.                                               |
-| `sendAR(recipient, quantity)` | Sends AR to the specified address.                                     |
-| `sign(transaction)`      | Signs a transaction using the wallet.                                       |
-| `signAOMessage(target, recipient, quantity)` | Signs a custom AO message.                              |
-
-## License
-
-MIT License © 2025 Vela Ventures

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vela-ventures/aosync-sdk-react",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "main": "dist/index.js",
   "files": [
     "dist"