@vela-ventures/aosync-sdk-react 1.0.6 → 1.0.8

package/README.md

@@ -35,6 +35,7 @@ const App = () => {
         port: 443,
         protocol: "https",
       }}
+      appInfo={{ name: "App name" }}
       muUrl="https://mu.ao-testnet.xyz"
     >
       <YourApp />
@@ -91,16 +92,17 @@ export default WalletComponent;
 
 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, tags, data)`                | Signs an ANS-104 Data Item.                    |
+| 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, tags, data)` | Signs an ANS-104 Data Item.                    |
+| `signAODataItem(dataItem)`          | Signs an ANS-104 Data Item.                    |
 
 ## License
 

package/dist/types.d.ts

@@ -1,3 +1,4 @@
+import { DataItem } from "arconnect";
 import Transaction from "arweave/web/lib/transaction";
 export interface AOSyncSDKContext {
     isConnected: boolean;
@@ -10,5 +11,6 @@ export interface AOSyncSDKContext {
         name: string;
         value: string;
     }[], data: string) => Promise<any>;
+    signAODataItem: (dataItem: DataItem) => Promise<any>;
     sign: (transaction: Transaction) => Promise<Transaction>;
 }

package/dist/walletContext.d.ts

@@ -1,10 +1,11 @@
 export { useWallet } from "./useWallet";
 import React, { PropsWithChildren } from "react";
-import { GatewayConfig } from "arconnect";
+import { AppInfo, GatewayConfig } from "arconnect";
 import { AOSyncSDKContext } from "./types";
 export declare const AOSyncContext: React.Context<AOSyncSDKContext | undefined>;
 interface Props extends PropsWithChildren {
     gatewayConfig: GatewayConfig;
     muUrl: string;
+    appInfo?: AppInfo;
 }
-export declare function AOSyncProvider({ gatewayConfig, muUrl, children, }: Props): React.JSX.Element;
+export declare function AOSyncProvider({ gatewayConfig, muUrl, children, appInfo, }: Props): React.JSX.Element;

package/dist/walletContext.js

@@ -12,7 +12,7 @@ import React, { useEffect, useRef, useState, createContext, } from "react";
 import Arweave from "arweave";
 import WalletClient from "@vela-ventures/ao-sync-sdk";
 export const AOSyncContext = createContext(undefined);
-export function AOSyncProvider({ gatewayConfig = { host: "arweave.net", port: 443, protocol: "https" }, muUrl = "https://mu.ao-testnet.xyz", children, }) {
+export function AOSyncProvider({ gatewayConfig = { host: "arweave.net", port: 443, protocol: "https" }, muUrl = "https://mu.ao-testnet.xyz", children, appInfo, }) {
     const [isConnected, setIsConnected] = useState(false);
     const walletRef = useRef(new WalletClient());
     useEffect(() => {
@@ -31,6 +31,7 @@ export function AOSyncProvider({ gatewayConfig = { host: "arweave.net", port: 44
         try {
             yield walletRef.current.connect({
                 gateway: gatewayConfig,
+                appInfo,
             });
         }
         catch (error) {
@@ -81,6 +82,26 @@ export function AOSyncProvider({ gatewayConfig = { host: "arweave.net", port: 44
             throw error;
         }
     });
+    const signAODataItem = (dataItem) => __awaiter(this, void 0, void 0, function* () {
+        try {
+            const signedDataItem = yield walletRef.current.signDataItem(dataItem);
+            const response = yield fetch(muUrl, {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/octet-stream",
+                },
+                body: signedDataItem,
+            });
+            if (!response.ok) {
+                throw new Error("Network response was not ok");
+            }
+            return signedDataItem;
+        }
+        catch (error) {
+            console.error("Error signing AO message:", error);
+            throw error;
+        }
+    });
     const signAOMessage = (target, tags, data) => __awaiter(this, void 0, void 0, function* () {
         try {
             const dataItem = {
@@ -130,6 +151,7 @@ export function AOSyncProvider({ gatewayConfig = { host: "arweave.net", port: 44
             getAllAddresses,
             sendAR,
             signAOMessage,
+            signAODataItem,
             sign,
         } }, children));
 }

package/package.json

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