142 lines
3.0 KiB
JavaScript
142 lines
3.0 KiB
JavaScript
let encForm = new Form({label: "Encryption"});
|
|
|
|
let encMsg = encForm.createTextArea({label: "Message"});
|
|
let encPass = encForm.createPasswordInput({label: "Password"});
|
|
let encManualMode = encForm.createCheckBox({
|
|
label: "Manual mode",
|
|
advanced: true
|
|
});
|
|
let encSalt = encForm.createTextBox({
|
|
label: "PBKDF2 salt",
|
|
dataType: "b64",
|
|
advanced: true,
|
|
disabled: true
|
|
});
|
|
let encIV = encForm.createTextBox({
|
|
label: "IV",
|
|
dataType: "b64",
|
|
advanced: true,
|
|
disabled: true
|
|
});
|
|
let encButton = encForm.createButton({label: "Encrypt"});
|
|
let encOut = encForm.createOutput({
|
|
label: "Output",
|
|
dataType: "json-b64",
|
|
});
|
|
let encOutRaw = encForm.createOutput({
|
|
label: "Raw ciphertext",
|
|
dataType: "b64",
|
|
advanced: true
|
|
});
|
|
|
|
let decForm = new Form({label: "Decryption"});
|
|
|
|
let decMsg = decForm.createTextArea({
|
|
label: "Encrypted message",
|
|
dataType: "json-b64",
|
|
});
|
|
let decPass = decForm.createPasswordInput({label: "Password"});
|
|
let decButton = decForm.createButton({label: "Decrypt"});
|
|
let decOut = decForm.createOutput({label: "Output"});
|
|
|
|
|
|
function getKeyMaterial(password) {
|
|
let enc = new TextEncoder();
|
|
return window.crypto.subtle.importKey(
|
|
"raw",
|
|
enc.encode(password),
|
|
"PBKDF2",
|
|
false,
|
|
["deriveKey"]
|
|
);
|
|
}
|
|
|
|
function getKey(keyMaterial, salt) {
|
|
return window.crypto.subtle.deriveKey(
|
|
{
|
|
"name": "PBKDF2",
|
|
"hash": "SHA-256",
|
|
"salt": salt,
|
|
"iterations": 300000
|
|
},
|
|
keyMaterial,
|
|
{
|
|
"name": "AES-GCM",
|
|
"length": 256
|
|
},
|
|
true,
|
|
["encrypt", "decrypt"]
|
|
);
|
|
}
|
|
|
|
async function encrypt() {
|
|
let keyMaterial = await getKeyMaterial(encPass.value);
|
|
let salt = window.crypto.getRandomValues(new Uint8Array(16));
|
|
encSalt.value = salt;
|
|
let key = await getKey(keyMaterial, salt);
|
|
|
|
let iv = window.crypto.getRandomValues(new Uint8Array(16));
|
|
encIV.value = iv;
|
|
|
|
let enc = new TextEncoder();
|
|
let msgEncoded = enc.encode(encMsg.value);
|
|
|
|
let ciphertext = await window.crypto.subtle.encrypt(
|
|
{
|
|
"name": "AES-GCM",
|
|
"iv": iv
|
|
},
|
|
key,
|
|
msgEncoded
|
|
);
|
|
|
|
encOutRaw.value = ciphertext;
|
|
|
|
encOut.value = {
|
|
"ciphertext": bufToB64(ciphertext),
|
|
"salt": bufToB64(salt),
|
|
"iv": bufToB64(iv)
|
|
}
|
|
}
|
|
|
|
async function decrypt() {
|
|
let msgEncoded = decMsg.value;
|
|
|
|
let ciphertext, iv, salt;
|
|
try {
|
|
ciphertext = new b64ToBuf(msgEncoded.ciphertext);
|
|
iv = new Uint8Array(b64ToBuf(msgEncoded.iv));
|
|
salt = new Uint8Array(b64ToBuf(msgEncoded.salt));
|
|
} catch (e) {
|
|
decMsg.alertBox("alert-error", "Invalid base64 value.");
|
|
}
|
|
|
|
if (ciphertext === undefined || iv === undefined || salt === undefined) {
|
|
return;
|
|
}
|
|
|
|
let keyMaterial = await getKeyMaterial(decPass.value);
|
|
let key = await getKey(keyMaterial, salt);
|
|
|
|
let plaintext;
|
|
|
|
try {
|
|
plaintext = await window.crypto.subtle.decrypt(
|
|
{
|
|
"name": "AES-GCM",
|
|
"iv": iv
|
|
},
|
|
key,
|
|
ciphertext
|
|
);
|
|
} catch (e) {
|
|
decPass.alertBox("alert-error", "Decryption error: incorrect password?");
|
|
}
|
|
|
|
let dec = new TextDecoder();
|
|
decOut.value = `${dec.decode(plaintext)}`;
|
|
}
|
|
|
|
encButton.handle.addEventListener("click", encrypt);
|
|
decButton.handle.addEventListener("click", decrypt);
|