@vela-ventures/aosync-sdk-react 1.0.0

package/dist/component.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const MyComponent: ({ label }: {
+    label: string;
+}) => React.JSX.Element;

package/dist/component.js

@@ -0,0 +1,5 @@
+import React from "react";
+export const MyComponent = ({ label }) => {
+    return (React.createElement("div", null,
+        React.createElement("button", null, label)));
+};

package/dist/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../src/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,MAAM,WAAW,GAAC,CAAC,KAAK,EAAC,EAAE;IACzB,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC;IACtB,OAAO,CACL;QACE,oCAAS,KAAK,CAAU,CACpB,CACP,CAAC;AACJ,CAAC,CAAA;AACD,eAAe,WAAW,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { useWallet } from "./useWallet";

package/dist/index.js

@@ -0,0 +1 @@
+export { useWallet } from "./useWallet";

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC5B,OAAO,cAAc,CAAA;AACzB,CAAC,CAAA"}

package/dist/useWallet.d.ts

@@ -0,0 +1,13 @@
+import Transaction from "arweave/web/lib/transaction";
+interface UseAOWalletReturn {
+    isConnected: boolean;
+    connect: () => Promise<void>;
+    disconnect: () => Promise<void>;
+    getAllAddresses: () => Promise<string[]>;
+    getAddress: () => Promise<string | undefined>;
+    sendAR: (recipient: string, quantity: string) => Promise<any>;
+    signAOMessage: (target: string, recipient: string, quantity: string) => Promise<any>;
+    sign: (transaction: Transaction) => Promise<Transaction>;
+}
+export declare const useWallet: () => UseAOWalletReturn;
+export {};

package/dist/useWallet.js

@@ -0,0 +1,136 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { useEffect, useRef, useState } from "react";
+import WalletClient from "@vela-ventures/ao-sync-sdk";
+import Arweave from "arweave";
+export const useWallet = () => {
+    const [isConnected, setIsConnected] = useState(false);
+    const walletRef = useRef(new WalletClient());
+    useEffect(() => {
+        const wallet = walletRef.current;
+        wallet.reconnect();
+        const handleDisconnect = () => setIsConnected(false);
+        const handleConnect = () => setIsConnected(true);
+        wallet.on("disconnected", handleDisconnect);
+        wallet.on("connected", handleConnect);
+        return () => {
+            wallet.off("disconnected", handleDisconnect);
+            wallet.off("connected", handleConnect);
+        };
+    }, []);
+    const connect = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            yield walletRef.current.connect({});
+        }
+        catch (error) {
+            console.error("Error connecting wallet:", error);
+            throw error;
+        }
+    });
+    const disconnect = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            yield walletRef.current.disconnect();
+            setIsConnected(false);
+        }
+        catch (error) {
+            console.error("Error disconnecting wallet:", error);
+            throw error;
+        }
+    });
+    const getAddress = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            return yield walletRef.current.getActiveAddress();
+        }
+        catch (error) {
+            console.error("Error getting address:", error);
+            throw error;
+        }
+    });
+    const getAllAddresses = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            return yield walletRef.current.getAllAddresses();
+        }
+        catch (error) {
+            console.error("Error getting address:", error);
+            throw error;
+        }
+    });
+    const sendAR = (recipient, quantity) => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            const arweave = Arweave.init({
+                host: "arweave.net",
+                port: 443,
+                protocol: "https",
+            });
+            const tx = yield arweave.createTransaction({
+                target: recipient,
+                quantity: quantity,
+            });
+            const signedTx = yield walletRef.current.sign(tx);
+            return yield arweave.transactions.post(signedTx);
+        }
+        catch (error) {
+            console.error("Error sending AR:", error);
+            throw error;
+        }
+    });
+    const signAOMessage = (target, recipient, quantity) => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            const dataItem = {
+                data: "",
+                target,
+                tags: [
+                    { name: "Action", value: "Transfer" },
+                    { name: "Recipient", value: recipient },
+                    { name: "Quantity", value: quantity },
+                    { name: "SDK", value: "Beacon Wallet" },
+                    { name: "Data-Protocol", value: "ao" },
+                    { name: "Variant", value: "ao.TN.1" },
+                    { name: "Type", value: "Message" },
+                ],
+            };
+            const signedDataItem = yield walletRef.current.signDataItem(dataItem);
+            const response = yield fetch("https://mu.ao-testnet.xyz", {
+                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 sign = (transaction) => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            return yield walletRef.current.sign(transaction);
+        }
+        catch (error) {
+            console.error("Error signing wallet:", error);
+            throw error;
+        }
+    });
+    return {
+        isConnected,
+        connect,
+        disconnect,
+        getAddress,
+        getAllAddresses,
+        sendAR,
+        signAOMessage,
+        sign,
+    };
+};

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@vela-ventures/aosync-sdk-react",
+  "version": "1.0.0",
+  "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsc"
+  },
+  "author": {
+    "name": "vela-ventures",
+    "email": "admin@vela.ventures",
+    "url": "https://vela.ventures/"
+  },
+  "description": "React SDK for Beacon wallet",
+  "devDependencies": {
+    "@babel/cli": "^7.26.4",
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.26.0",
+    "@babel/preset-react": "^7.26.3",
+    "@types/react": "^19.0.7",
+    "@types/react-dom": "^19.0.3",
+    "@vela-ventures/ao-sync-sdk": "^1.1.9",
+    "arconnect": "^1.0.4",
+    "arweave": "^1.15.5",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.7.3"
+  },
+  "license": "MIT",
+  "contributors": [
+    "Artem Purundzhian <artempa1607@gmail.com>"
+  ],
+  "peerDependencies": {
+    "react": "^18.2.0"
+  }
+}