OpenKey Quickstart

npm create vite@latest openkey-demo -- --template vanilla-ts
cd openkey-demo
npm install
npm install @openkey/[email protected]

import { OpenKey, type AuthResult } from "@openkey/sdk";

document.querySelector<HTMLDivElement>("#app")!.innerHTML = `
  <button id="connect">Connect OpenKey</button>
  <button id="sign" disabled>Sign message</button>
  <pre id="result">Not connected</pre>
`;

const openkey = new OpenKey({
  host: "https://openkey.so",
  appName: "OpenKey demo",
});

const connectButton = document.querySelector<HTMLButtonElement>("#connect")!;
const signButton = document.querySelector<HTMLButtonElement>("#sign")!;
const result = document.querySelector<HTMLPreElement>("#result")!;
let auth: AuthResult | undefined;

connectButton.addEventListener("click", async () => {
  auth = await openkey.connect();
  result.textContent = `Connected: ${auth.address}`;
  signButton.disabled = false;
});

signButton.addEventListener("click", async () => {
  if (!auth) return;
  const signed = await openkey.signMessage({
    message: "Hello from OpenKey",
    keyId: auth.keyId,
  });
  result.textContent = `Address: ${signed.address}\nSignature: ${signed.signature}`;
});

npm run dev