Verify Signatures with Stellar Libraries

import { useParaStellarSigner } from "@getpara/react-native-wallet/stellar";
import { Networks, StrKey } from "@stellar/stellar-sdk";
import { Text, Button } from "react-native";
import nacl from "tweetnacl";

function VerifySignature() {
  const { stellarSigner, isLoading } = useParaStellarSigner({
    networkPassphrase: Networks.PUBLIC,
  });

  const verifyMessage = async () => {
    if (!stellarSigner) return;

    const message = "Hello, Stellar!";
    const messageBytes = Buffer.from(new TextEncoder().encode(message));

    // Sign the message
    const signature = await stellarSigner.signBytes(messageBytes);

    // Extract the raw Ed25519 public key from the Stellar G-address
    const publicKeyBytes = StrKey.decodeEd25519PublicKey(stellarSigner.address);

    // Verify the signature using tweetnacl
    const isValid = nacl.sign.detached.verify(
      new Uint8Array(messageBytes),
      new Uint8Array(signature),
      publicKeyBytes
    );

    console.log("Message:", message);
    console.log("Signature:", signature.toString("hex"));
    console.log("Signature valid:", isValid);
    console.log("Signer:", stellarSigner.address);

    return isValid;
  };

  if (isLoading) return <Text>Loading...</Text>;

  return <Button title="Sign & Verify Message" onPress={verifyMessage} />;
}