<script src="https://cdn.jsdelivr.net/npm/zkrune-widget@latest/dist/zkrune-widget.global.js"></script>
<div id="zkrune-verify"></div>
<script>
  ZkRuneWidget.init({
    container: '#zkrune-verify',
    circuit: 'age-verification',     // optional — omit to show circuit picker
    theme: 'dark',                    // 'dark' | 'light'
    verifierUrl: 'https://zkrune.com/api/verify-proof',
    onResult: function(result) {
      console.log(result.verified);   // true or false
      console.log(result.proofHash);  // SHA-256 of proof
    },
    onError: function(err) {
      console.error(err.code, err.message);
    }
  });
</script>

import { init, verify } from 'zkrune-widget';
 
// Option A: Render button + modal
const widget = init({
  container: '#my-div',
  theme: 'light',
  onResult: (r) => console.log(r),
});
widget.destroy(); // cleanup
 
// Option B: Headless — no UI, programmatic
const result = await verify('age-verification', {
  birthYear: '1990',
  currentYear: '2026',
  minimumAge: '18',
});
console.log(result.verified);

{
  verified: boolean,
  circuitName: string,
  proof: { pi_a, pi_b, pi_c, protocol, curve },
  publicSignals: string[],
  proofHash: string,       // SHA-256 of proof
  timestamp: number        // Date.now()
}

<iframe
  src="https://zkrune.com/widget/embed?circuit=age-verification&theme=dark"
  width="400" height="500" frameborder="0"
></iframe>
 
<script>
  window.addEventListener('message', function(e) {
    if (e.data.type === 'zkrune-result') {
      console.log('Verified:', e.data.verified);
      console.log('Proof hash:', e.data.proofHash);
    }
    if (e.data.type === 'zkrune-error') {
      console.error(e.data.code, e.data.message);
    }
  });
</script>