PressKey Events

// Core request pattern
window.presskey.request({ action: "ACTION_NAME", ...params })

// All confirmed actions:
window.presskey.request({ action: "PING" })
window.presskey.request({ action: "CONNECT" })
window.presskey.request({ action: "GET_WALLET" })
window.presskey.request({ action: "GET_CHAIN_ID" })
window.presskey.request({ action: "SIGN_MESSAGE",   message: "..." })
window.presskey.request({ action: "SIGN_TRANSACTION", tx: {...} })
window.presskey.request({ action: "SUBMIT_CAPSULE",  capsule: {...} })
window.presskey.request({ action: "SUBMIT_SUPPORTING_CAPSULE", capsuleId: "...", data: {...} })
window.presskey.request({ action: "SUBMIT_DISPUTE",  capsuleId: "...", claims: [...] })
window.presskey.request({ action: "SUBMIT_VOTE",     capsuleId: "...", support: true })
window.presskey.request({ action: "GRANT_ROLE",      role: 2, outletSlug: "..." })
window.presskey.request({ action: "VERIFY_OUTLET",   outletSlug: "..." })
window.presskey.request({ action: "LINK_DOMAIN",     domain: "...", outletSlug: "..." })

App requests action
        |
        v
API Gateway issues nonce (single-use, 30s expiry)
        |
        v
PressKey signs nonce locally (key never leaves device)
        |
        v
PressKey returns { signature, sessionToken, address }
        |
        v
App forwards signed payload to Bridge API
        |
        v
Gateway verifies signature + role status

class PressKeyAdapter {
  private address: string | null = null;
  ready = false;

  constructor() {
    window.addEventListener("message", this.handle.bind(this));
  }

  private handle(e: MessageEvent) {
    const { type, payload } = e.data ?? {};
    if (type === "PRESSKEY_EXTENSION") {
      this.address = payload.address;
      this.ready = true;
    }
    if (type === "OFFCHAIN_FAULT") console.error("PressKey fault:", payload);
    if (type === "FETCH_FAILED")   console.error("PressKey fetch failed:", payload);
  }

  async connect(): Promise<string> {
    const r = await window.presskey.request({ action: "CONNECT" });
    this.address = r.address;
    return r.address;
  }

  async vote(capsuleId: string, support: boolean) {
    const { signature, sessionToken } = await window.presskey.request({
      action: "SUBMIT_VOTE",
      capsuleId,
      support,
    });

    return fetch(`https://bridge.presschain.io/capsules/${capsuleId}/accept`, {
      method: "POST",
      headers: {
        "Authorization": `Bearer ${sessionToken}`,
        "Content-Type": "application/json",
      },
      body: JSON.stringify({ capsuleId, support, signature }),
    });
  }

  async submitCapsule(data: object) {
    const { signature, sessionToken } = await window.presskey.request({
      action: "SUBMIT_CAPSULE",
      capsule: data,
    });

    return fetch("https://bridge.presschain.io/capsules/create", {
      method: "POST",
      headers: {
        "Authorization": `Bearer ${sessionToken}`,
        "Content-Type": "application/json",
      },
      body: JSON.stringify({ ...data, signature }),
    });
  }
}

// Usage
const pk = new PressKeyAdapter();
await pk.connect();
await pk.vote("247", true);

const [showCreateCapsuleModal, setShowCreateCapsuleModal] = useState(false);
const [showRightsModal,        setShowRightsModal]        = useState(false);
const [showDisputeModal,       setShowDisputeModal]       = useState(false);
const [showRoleModal,          setShowRoleModal]          = useState(false);

const [wallet,          setWallet]          = useState(null);
const [walletConnected, setWalletConnected] = useState(false);
const [latestTx,        setLatestTx]        = useState(null);
const [chainId,         setChainId]         = useState(77117002);
const [networkName,     setNetworkName]     = useState("PressChain Testnet");

WordPress PHP/JS
      |
      |  POST signed payload only — never raw keys, never RPC
      v
API Gateway (rate limiting, nonce verify, replay protection)
      |
      v
Bridge API -> Protocol Contracts