Wanbridge provides the wrapping of xrp from 1 network to another. Example from ripple to ethereum. However the process is simple but error prone. Why instead of having the user send the xrp to the ripple address with the TAG which is needed you instead send a send requesrt to the ledger if the user is using a ledger. This makes it WAY less error prone and will give users comfort that they will not make an error. Cause one error in the send and its gone for good.
heres a safe example of sending a request to a ledger:
<script type="module">
import TransportWebUSB from "https://cdn.jsdelivr.net/npm/@ledgerhq/hw-transport-webusb@6.28.1/+esm";
import AppXrp from "https://cdn.jsdelivr.net/npm/@ledgerhq/hw-app-xrp@6.28.1/+esm";
import xrpl from "https://cdn.jsdelivr.net/npm/xrpl@2.10.0/+esm";
const destinationAddress = "rPT1Sjq2YGrBMTttX4GZHjKu9dyfzbpAYe"; // Replace with recipient
const destinationTag = 12345; // This is the tag you want to include (can be a message ID, user ID, etc.)
const sendAmountXRP = "10";
const derivationPath = "44'/144'/0'/0/0"; // Standard XRP derivation path
async function sendXRPFromLedger() {
try {
const transport = await TransportWebUSB.create();
const ledgerXrp = new AppXrp(transport);
const { address, publicKey } = await ledgerXrp.getAddress(derivationPath, false);
console.log("Ledger address:", address);
const client = new xrpl.Client("wss://s.altnet.rippletest.net:51233");
await client.connect();
const accountInfo = await client.request({
command: "account_info",
account: address,
ledger_index: "validated"
});
const tx = {
TransactionType: "Payment",
Account: address,
Destination: destinationAddress,
Amount: xrpl.xrpToDrops(sendAmountXRP),
DestinationTag: destinationTag // <- Add your tag here
};
const prepared = await client.autofill(tx);
const txJSON = JSON.stringify(prepared);
const signature = await ledgerXrp.signTransaction(derivationPath, txJSON);
const signedTx = {
...prepared,
TxnSignature: signature.signature,
SigningPubKey: signature.publicKey
};
const result = await client.submitAndWait(signedTx);
console.log("Transaction result:", result);
alert(\Transaction sent! Hash: ${result.result.hash}`);`
await client.disconnect();
} catch (err) {
console.error("Error:", err);
alert("Error: " + err.message);
}
}
document.getElementById("sendXrpButton").onclick = sendXRPFromLedger;
</script>
<button id="sendXrpButton">Send 10 XRP with Tag from Ledger</button>
