Published
Edited
May 3, 2019
//Try: Changing this value
register = ({ username: 'myuser', password: 'mypassword'})
//Try: Running this cell multiple times to see different (verifier,salt) for the same (username,password)
verifyToken = createClient(register).then( client => createVerifier(client) )
passwordStore = ({ [register.username]: verifyToken})
lookedUpVerifyToken = passwordStore[login.username]
//Try: Running this cell multiple times to see different publicKey from random value
server = createServer(lookedUpVerifyToken)
serverPublicKey = server.getPublicKey()
serverSalt = passwordStore[login.username].salt
// Try: Change this value to simulate login failed.
login = ({ username: 'myuser', password: 'mypassword'})
//Try: Running this cell multiple times to see different publicKey and clientProof from random value
client = createClient(login)
clientProof = {
client.setSalt(serverSalt);
client.setServerPublicKey(serverPublicKey);
return client.getProof()
}
clientPublicKey = client.getPublicKey()
{
server.setClientPublicKey(clientPublicKey)
return server.checkClientProof(clientProof)
}
function createVerifier(client) {
return new Promise( (resolve, reject) => {
client.createVerifier( (err, result) => { if(!err) resolve(result); else reject(err); } )
})
}
function createClient(cred) {
return new Promise(resolve => {
var client = new jsrp.client();
client.init(cred, () => resolve(client));
})
}
function createServer(v) {
return new Promise(resolve => {
var server = new jsrp.server();
server.init(v, () => resolve(server));
})
}
short = (str) => str.length > 15 ? str.substring(0, 15) + "..." : str;
print = (obj) => "(" + Object.entries(obj).map( (e) => e[0] + "=" + label(e[1]) ) + ")"
label = (str) => "<span style='background-color: #CCCCCC'>" + trunc(str) + "</span>"
trunc = (str) => str.length > 10 ? str.substring(0,10) : str;
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
