ascai-trx v1.3.9
ascai-trx
Overview
ascai-trx is a JavaScript library for enhancing the security of smart contract interactions on the Ethereum blockchain. It leverages AI-powered natural language processing (NLP) to provide an extra layer of security by analyzing smart contracts before transaction execution. This analysis helps users make informed decisions about whether to proceed with a contract interaction.
Installation
You can install ascai-trx using npm or yarn:
npm install ascai-trx
## OR
yarn add ascai-trx
Usage
To use ascai-trx in your project, follow these steps:
Import the Ascai component:
import Ascai from "ascai-trx";
Create a state variable to store your contract data:
import { useState } from "react";
const [data, setData] = useState({
contractAddress: "0x8048ae8cDadA2A466B38679e41b42f613F3912F2",
signer: "", // Set your signer
functionName: "set", // The function you want to call
inputValue: "", // The input value for the function
params: {
value: 0, // Value in Wei
gasLimit: 100000, // Gas limit for the transaction
},
contractAbi: storeMyNumberAbi, // Your contract's ABI
});
Add the component:
<Ascai
contractAddress={data.contractAddress}
signer={data.signer}
functionName={data.functionName}
inputValue={data.inputValue}
params={data.params}
contractAbi={data.contractAbi}
/>
update your existing button with
<button type="submit" onClick={customFunction}></button>
Add this custome function to your component
const customFunction = () => {
const btn = document.getElementById("ascai-btn");
btn.click();
};
Now, when the user clicks the "Submit" button, a popup will open, showing the AI-powered NLP analysis of the smart contract. Users can review the analysis and decide whether to proceed with the contract interaction.
If the user chooses to proceed, the transaction will be executed using the specified contract data and function.
You can also handle the result of the transaction using event listeners or other mechanisms as needed.
Example
import React, { Children, useEffect, useState } from "react";
import { sendTransactionDetails } from "ascai-trx";
import Ascai from "ascai-trx";
import storeMyNumberAbi from "./StoreMyNumber.json";
import { ethers } from "ethers";
function ContractInteractionForm() {
const [cdnEndpoint, setCdnEndpoint] = useState("");
const [result, setResult] = useState([]);
const [showPopup, setPopup] = useState(false);
const [data, setData] = useState({
contractAddress: "0x8048ae8cDadA2A466B38679e41b42f613F3912F2",
signer: "",
functionName: "set",
inputValue: "",
params: {
value: 0,
gasLimit: 100000,
},
contractAbi: storeMyNumberAbi,
});
const handleSendTransaction = async () => {
try {
if (window.ethereum) {
const ethereumProvider = new ethers.providers.Web3Provider(
window.ethereum
);
await window.ethereum.enable(); // Request user permission to connect
let signer = ethereumProvider.getSigner();
console.log(signer);
setData({
...data,
signer: signer,
inputValue: [25],
});
}
} catch (error) {
console.log("error", error);
}
};
const customFunction = () => {
const btn = document.getElementById("ascai-btn");
btn.click();
};
useEffect(() => {
handleSendTransaction();
}, []);
return (
<div>
{/* {result ? result : null} */}
<button type="submit" onClick={customFunction}>
Register
</button>
<Ascai
contractAddress={data.contractAddress}
signer={data.signer}
functionName={data.functionName}
inputValue={data.inputValue}
params={data.params}
contractAbi={data.contractAbi}
/>
</div>
);
}
export default ContractInteractionForm;
Conclusion
Congratulations! You've successfully integrated and used the ascai-trx library in your project. This added security layer, powered by AI analysis, enhances the safety of your smart contract interactions. If you have any questions or encounter any issues, please refer to the documentation or reach out to our support team.
For more information and detailed documentation, visit our GitHub repository.
This example demonstrates how to integrate ascai-trx into a React component. Users can now analyze the smart contract using AI-powered NLP before proceeding with the transaction, adding an extra layer of security to their interactions.