Sign messages

npm install bs58

import { useSolana } from "@phantom/react-sdk";
import bs58 from "bs58";

function SolanaMessageSigning() {
  const { solana } = useSolana();

  const handleSign = async () => {
    // signature is a Uint8Array; encode it for display or transport
    const { signature, publicKey } = await solana.signMessage("Hello Solana!");
    console.log("Signature (base58):", bs58.encode(signature));
    console.log("Signer:", publicKey);
  };

  return (
    <button onClick={handleSign}>
      Sign Solana Message
    </button>
  );
}

import { useEthereum } from "@phantom/react-sdk";

function EthereumMessageSigning() {
  const { ethereum } = useEthereum();

  const handleSignPersonal = async () => {
    const accounts = await ethereum.getAccounts();
    const signature = await ethereum.signPersonalMessage("Hello Ethereum!", accounts[0]);
    console.log("Signature:", signature);
  };

  const handleSignTypedData = async () => {
    const accounts = await ethereum.getAccounts();
    const signature = await ethereum.signTypedData(typedData, accounts[0]);
    console.log("Typed data signature:", signature);
  };

  return (
    <div>
      <button onClick={handleSignPersonal}>Sign Personal Message</button>
      <button onClick={handleSignTypedData}>Sign Typed Data</button>
    </div>
  );
}

import { useSolana } from "@phantom/react-sdk";
import { VersionedTransaction, TransactionMessage, SystemProgram, PublicKey, Connection } from "@solana/web3.js";

function SolanaOperations() {
  const { solana } = useSolana();

  const signMessage = async () => {
    const signature = await solana.signMessage("Hello Solana!");
    console.log("Signature:", signature);
  };



  return (
    <div>
      <button onClick={signMessage}>Sign Message</button>
      <p>Connected: {solana.isConnected ? 'Yes' : 'No'}</p>
    </div>
  );
}

import { useEthereum } from "@phantom/react-sdk";

function EthereumOperations() {
  const { ethereum } = useEthereum();

  const signPersonalMessage = async () => {
    const accounts = await ethereum.getAccounts();
    const signature = await ethereum.signPersonalMessage("Hello Ethereum!", accounts[0]);
    console.log("Signature:", signature);
  };

  const signTypedData = async () => {
    const accounts = await ethereum.getAccounts();
    const typedData = {
      types: {
        EIP712Domain: [
          { name: "name", type: "string" },
          { name: "version", type: "string" },
          { name: "chainId", type: "uint256" },
          { name: "verifyingContract", type: "address" }
        ],
        Mail: [
          { name: "from", type: "string" },
          { name: "to", type: "string" },
          { name: "contents", type: "string" }
        ]
      },
      primaryType: "Mail",
      domain: {
        name: "Ether Mail",
        version: "1",
        chainId: 1,
        verifyingContract: "0xCcCCccccCCCCcCCCCCCcCcCccCcCCCcCcccccccC"
      },
      message: {
        from: "Alice",
        to: "Bob",
        contents: "Hello!"
      }
    };

    const signature = await ethereum.signTypedData(typedData, accounts[0]);
    console.log("Typed data signature:", signature);
  };


  return (
    <div>
      <button onClick={signPersonalMessage}>Sign Personal Message</button>
      <button onClick={signTypedData}>Sign Typed Data</button>
      <p>Connected: {ethereum.isConnected() ? 'Yes' : 'No'}</p>
    </div>
  );
}