<html>
|
|
<header>
|
|
</header>
|
|
<script src="websnark.js"></script>
|
|
<script>
|
|
|
|
var witness;
|
|
var provingKey;
|
|
|
|
function onLoad() {
|
|
|
|
fetch("proving_key.bin").then( (response) => {
|
|
return response.arrayBuffer();
|
|
}).then( (b) => {
|
|
provingKey = b;
|
|
});
|
|
|
|
fetch("witness.bin").then( (response) => {
|
|
return response.arrayBuffer();
|
|
}).then( (b) => {
|
|
witness = b;
|
|
});
|
|
}
|
|
|
|
function calcProof() {
|
|
const start = new Date().getTime();
|
|
document.getElementById("time").innerHTML = "processing....";
|
|
document.getElementById("proof").innerHTML = "";
|
|
|
|
window.genZKSnarkProof(witness, provingKey).then((p)=> {
|
|
const end = new Date().getTime();
|
|
const time = end - start;
|
|
document.getElementById("time").innerHTML = `Time to compute: ${time}ms`;
|
|
document.getElementById("proof").innerHTML = JSON.stringify(p, null, 1);
|
|
});
|
|
}
|
|
|
|
function test() {
|
|
|
|
const groth16 = window.groth16;
|
|
const nSignals = 1;
|
|
|
|
const pkey32 = new Uint32Array(provingKey);
|
|
const pPointsA = pkey32[5];
|
|
|
|
const points = provingKey.slice(pPointsA, pPointsA + nSignals*64);
|
|
const signals = witness.slice(0, nSignals*32);
|
|
|
|
const pr1 = groth16.alloc(96);
|
|
const pPoints = groth16.alloc(points.byteLength);
|
|
groth16.putBin(pPoints, points);
|
|
|
|
const pSignals = groth16.alloc(signals.byteLength);
|
|
groth16.putBin(pSignals, signals);
|
|
|
|
groth16.instance.exports.g1_zero(pr1);
|
|
groth16.instance.exports.g1_multiexp(pSignals, pPoints, nSignals, 1, pr1);
|
|
groth16.instance.exports.g1_affine(pr1, pr1);
|
|
groth16.instance.exports.g1_fromMontgomery(pr1, pr1);
|
|
|
|
const r1 = groth16.bin2g1(groth16.getBin(pr1, 96));
|
|
|
|
groth16.instance.exports.g1_zero(pr1);
|
|
groth16.instance.exports.g1_multiexp2(pSignals, pPoints, nSignals, 1, pr1);
|
|
groth16.instance.exports.g1_affine(pr1, pr1);
|
|
groth16.instance.exports.g1_fromMontgomery(pr1, pr1);
|
|
|
|
const r2 = groth16.bin2g1(groth16.getBin(pr1, 96));
|
|
|
|
console.log(r1);
|
|
console.log(r2);
|
|
}
|
|
|
|
</script>
|
|
<body onLoad="onLoad()">
|
|
<h1>iden3</h1>
|
|
<h2>Zero knowledge proof generator</h2>
|
|
<button onClick="calcProof()">Test</button>
|
|
<div id="time"></div>
|
|
<pre id="proof"></pre>
|
|
|
|
</body>
|
|
</html>
|