csmith1865/browserPGP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

a

Browse Source
This commit is contained in:
exams228
2018-11-12 10:03:12 +00:00
parent c9a5964ae6
commit be663acc50
6 changed files with 44 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
decrypt.html
View File

@@ -2,7 +2,7 @@
<head> <head>
<title>browserPGP | Decrypt</title> <title>browserPGP | Decrypt</title>
<meta name="description" content="Decrypt PGP in browser, simple and secure."> <meta name="description" content="Decrypt PGP in browser, simple and secure.">
<meta name="keywords" content="PGP,online,browser,javascript,github,live,secure,key generator,encrypt,decrypt,sign,verify"> <meta name="keywords" content="browserPGP,PGP,online,browser,javascript,github,live,secure,key generator,encrypt,decrypt,sign,verify">
<meta name="author" content="ar0n#1462"> <meta name="author" content="ar0n#1462">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
@@ -16,6 +16,7 @@
openpgp.initWorker({ path:'openpgp.worker.min.js' }) // set the relative web worker path openpgp.initWorker({ path:'openpgp.worker.min.js' }) // set the relative web worker path
const encryptDecryptFunction = async() => { const encryptDecryptFunction = async() => {
document.getElementById("progressbar").className = "progress-bar progress-bar-striped progress-bar-animated";
// put keys in backtick (``) to avoid errors caused by spaces or tabs // put keys in backtick (``) to avoid errors caused by spaces or tabs
const privkey = document.getElementById("privKey").value const privkey = document.getElementById("privKey").value
const passphrase = document.getElementById("pass").value const passphrase = document.getElementById("pass").value
@@ -32,8 +33,8 @@
} }
openpgp.decrypt(options).then(plaintext => { openpgp.decrypt(options).then(plaintext => {
console.log(plaintext.data)
document.getElementById("result").value = plaintext.data; document.getElementById("result").value = plaintext.data;
document.getElementById("progressbar").className = "progress-bar bg-success";
}) })
} }
</script> </script>
@@ -91,12 +92,15 @@
<label for="exampleInputEmail1">Privkey Passphrase</label> <label for="exampleInputEmail1">Privkey Passphrase</label>
<input type="password" class="form-control" id="pass" placeholder="Enter passphrase"> <input type="password" class="form-control" id="pass" placeholder="Enter passphrase">
</div> </div>
<div class="form-group progress">
<div class="progress-bar" role="progressbar" id="progressbar" style="width: 100%"></div>
</div>
<button type="button" onclick="encryptDecryptFunction()" class="btn btn-primary">Decrypt</button> <button type="button" onclick="encryptDecryptFunction()" class="btn btn-primary">Decrypt</button>
</div> </div>
<div class="col-sm" style="height:100%;"> <div class="col-sm" style="height:100%;">
<div class="form-group"> <div class="form-group">
<label for="exampleFormControlTextarea1">Message</label> <label for="exampleFormControlTextarea1">Message</label>
<textarea class="form-control" rows="10" placeholder="So basically, I'm monky." id="result" readonly></textarea> <textarea class="form-control" rows="10" placeholder="Secret Message" id="result" readonly></textarea>
</div> </div>
</div> </div>
</div> </div>

6
encrypt.html
View File

@@ -2,7 +2,7 @@
<head> <head>
<title>browserPGP | Encrypt</title> <title>browserPGP | Encrypt</title>
<meta name="description" content="Encrypt PGP in browser, simple and secure."> <meta name="description" content="Encrypt PGP in browser, simple and secure.">
<meta name="keywords" content="PGP,online,browser,javascript,github,live,secure,key generator,encrypt,decrypt,sign,verify"> <meta name="keywords" content="browserPGP,PGP,online,browser,javascript,github,live,secure,key generator,encrypt,decrypt,sign,verify">
<meta name="author" content="ar0n#1462"> <meta name="author" content="ar0n#1462">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
@@ -16,6 +16,7 @@
openpgp.initWorker({ path:'openpgp.worker.min.js' }) // set the relative web worker path openpgp.initWorker({ path:'openpgp.worker.min.js' }) // set the relative web worker path
const encryptDecryptFunction = async() => { const encryptDecryptFunction = async() => {
document.getElementById("progressbar").className = "progress-bar progress-bar-striped progress-bar-animated";
// put keys in backtick (``) to avoid errors caused by spaces or tabs // put keys in backtick (``) to avoid errors caused by spaces or tabs
const pubkey = document.getElementById("pubKey").value const pubkey = document.getElementById("pubKey").value
@@ -29,6 +30,7 @@
openpgp.encrypt(options).then(ciphertext => { openpgp.encrypt(options).then(ciphertext => {
encrypted = ciphertext.data // '-----BEGIN PGP MESSAGE ... END PGP MESSAGE-----' encrypted = ciphertext.data // '-----BEGIN PGP MESSAGE ... END PGP MESSAGE-----'
document.getElementById("result").value = encrypted; document.getElementById("result").value = encrypted;
document.getElementById("progressbar").className = "progress-bar bg-success";
}) })
} }
</script> </script>
@@ -80,7 +82,7 @@
<div class="col-sm"> <div class="col-sm">
<div class="form-group"> <div class="form-group">
<label for="exampleFormControlTextarea1">Input Text</label> <label for="exampleFormControlTextarea1">Input Text</label>
<textarea class="form-control" id="text" rows="5" placeholder="So basically, I'm monky."></textarea> <textarea class="form-control" id="text" rows="5" placeholder="Secret Message"></textarea>
</div> </div>
<button type="button" onclick="encryptDecryptFunction()" class="btn btn-primary">Encrypt</button> <button type="button" onclick="encryptDecryptFunction()" class="btn btn-primary">Encrypt</button>
</div> </div>

5
gen.html
View File

@@ -2,7 +2,7 @@
<head> <head>
<title>browserPGP | Key Gen</title> <title>browserPGP | Key Gen</title>
<meta name="description" content="Generate PGP keys in browser, simple and secure."> <meta name="description" content="Generate PGP keys in browser, simple and secure.">
<meta name="keywords" content="PGP,online,browser,javascript,github,live,secure,key generator,encrypt,decrypt,sign,verify"> <meta name="keywords" content="browserPGP,PGP,online,browser,javascript,github,live,secure,key generator,encrypt,decrypt,sign,verify">
<meta name="author" content="ar0n#1462"> <meta name="author" content="ar0n#1462">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
@@ -93,6 +93,9 @@
</div> </div>
<small id="emailHelp" class="form-text text-danger">This may take some time and cause browser lag.</small> <small id="emailHelp" class="form-text text-danger">This may take some time and cause browser lag.</small>
<br> <br>
<div class="form-group progress">
<div class="progress-bar" role="progressbar" id="progressbar" style="width: 100%"></div>
</div>
<div class="form-group"> <div class="form-group">
<button type="button" onclick="encryptDecryptFunction()" class="btn btn-primary">Generate</button> <button type="button" onclick="encryptDecryptFunction()" class="btn btn-primary">Generate</button>
</div> </div>

4
index.html
View File

@@ -3,9 +3,9 @@
<title>browserPGP</title> <title>browserPGP</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="description" content="PGP in browser, simple and secure."> <meta name="description" content="PGP in browser, simple and secure.">
<meta name="keywords" content="PGP,online,browser,javascript,github,live,secure,key generator,encrypt,decrypt,sign,verify"> <meta name="keywords" content="browserPGP,PGP,online,browser,javascript,github,live,secure,key generator,encrypt,decrypt,sign,verify">
<meta name="author" content="ar0n#1462"> <meta name="author" content="ar0n#1462">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>

17
sign.html
View File

@@ -12,12 +12,14 @@
openpgp.initWorker({ path:'openpgp.worker.min.js' }) // set the relative web worker path openpgp.initWorker({ path:'openpgp.worker.min.js' }) // set the relative web worker path
const encryptDecryptFunction = async() => { const encryptDecryptFunction = async() => {
document.getElementById("progressbar").className = "progress-bar progress-bar-striped progress-bar-animated";
// put keys in backtick (``) to avoid errors caused by spaces or tabs // put keys in backtick (``) to avoid errors caused by spaces or tabs
const privkey = document.getElementById("privKey").value const privkey = document.getElementById("privKey").value
const passphrase = document.getElementById("pass").value const passphrase = document.getElementById("pass").value
const msg = document.getElementById("msg").value const msg = document.getElementById("msg").value
const privKeyObj = (await openpgp.key.readArmored(privkey)).keys[0] const privKeyObj = (await openpgp.key.readArmored(privkey)).keys[0]
if (passphrase) { if (passphrase) {
await privKeyObj.decrypt(passphrase) await privKeyObj.decrypt(passphrase)
} }
@@ -28,8 +30,14 @@
}; };
openpgp.sign(options).then(function(signed) { openpgp.sign(options).then(function(signed) {
if (signed.data) {
cleartext = signed.data; // '-----BEGIN PGP SIGNED MESSAGE ... END PGP SIGNATURE-----' cleartext = signed.data; // '-----BEGIN PGP SIGNED MESSAGE ... END PGP SIGNATURE-----'
document.getElementById("result").value = cleartext; document.getElementById("result").value = cleartext;
document.getElementById("progressbar").className = "progress-bar bg-success";
} else {
document.getElementById("result").value = 'Signing failed.';
document.getElementById("progressbar").className = "progress-bar bg-danger";
}
}); });
} }
</script> </script>
@@ -75,7 +83,7 @@
<div class="col-sm"> <div class="col-sm">
<div class="form-group"> <div class="form-group">
<label for="exampleFormControlTextarea1">Message</label> <label for="exampleFormControlTextarea1">Message</label>
<textarea class="form-control" style="font-size: 10px;" rows="10" id="msg" placeholder=""></textarea> <textarea class="form-control" rows="6" id="msg" placeholder="Message to be signed. Don't sign anything vague as it could be used by someone to pretend to be you, include dates and specifics."></textarea>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="exampleFormControlTextarea1">PGP Privkey</label> <label for="exampleFormControlTextarea1">PGP Privkey</label>
@@ -87,12 +95,15 @@
<label for="exampleInputEmail1">Privkey Passphrase</label> <label for="exampleInputEmail1">Privkey Passphrase</label>
<input type="password" class="form-control" id="pass" placeholder="Enter passphrase"> <input type="password" class="form-control" id="pass" placeholder="Enter passphrase">
</div> </div>
<button type="button" onclick="encryptDecryptFunction()" class="btn btn-primary">Decrypt</button> <div class="form-group progress">
<div class="progress-bar" role="progressbar" id="progressbar" style="width: 100%"></div>
</div>
<button type="button" onclick="encryptDecryptFunction()" class="btn btn-primary">Sign</button>
</div> </div>
<div class="col-sm" style="height:100%;"> <div class="col-sm" style="height:100%;">
<div class="form-group"> <div class="form-group">
<label for="exampleFormControlTextarea1">PGP Message</label> <label for="exampleFormControlTextarea1">PGP Message</label>
<textarea class="form-control" rows="10" placeholder="So basically, I'm monky." id="result" readonly></textarea> <textarea class="form-control" style="font-size: 10px;" rows="20" placeholder="-----BEGIN PGP SIGNED MESSAGE-----" id="result" readonly></textarea>
</div> </div>
</div> </div>
</div> </div>

18
verify.html
View File

@@ -11,6 +11,7 @@
openpgp.initWorker({ path:'openpgp.worker.min.js' }) // set the relative web worker path openpgp.initWorker({ path:'openpgp.worker.min.js' }) // set the relative web worker path
const encryptDecryptFunction = async() => { const encryptDecryptFunction = async() => {
document.getElementById("progressbar").className = "progress-bar progress-bar-striped progress-bar-animated";
// put keys in backtick (``) to avoid errors caused by spaces or tabs // put keys in backtick (``) to avoid errors caused by spaces or tabs
const pubkey = document.getElementById("pubKey").value const pubkey = document.getElementById("pubKey").value
const cleartext = document.getElementById("signMsg").value const cleartext = document.getElementById("signMsg").value
@@ -23,8 +24,12 @@
openpgp.verify(options).then(function(verified) { openpgp.verify(options).then(function(verified) {
validity = verified.signatures[0].valid; // true validity = verified.signatures[0].valid; // true
if (validity) { if (validity) {
document.getElementById("result").value('signed by key id ' + verified.signatures[0].keyid.toHex()); document.getElementById("result").value = 'Signed by key id ' + verified.signatures[0].keyid.toHex();
} document.getElementById("progressbar").className = "progress-bar bg-success";
} else {
document.getElementById("progressbar").className = "progress-bar bg-danger";
document.getElementById("result").value = 'Verification wrong or failed. DO NOT TRUST.';
}
}); });
} }
</script> </script>
@@ -76,14 +81,17 @@
<div class="col-sm"> <div class="col-sm">
<div class="form-group"> <div class="form-group">
<label for="exampleFormControlTextarea1">Public Key</label> <label for="exampleFormControlTextarea1">Public Key</label>
<textarea class="form-control" id="pubKey" rows="5" placeholder="-----BEGIN PGP PUBLIC KEY BLOCK-----"></textarea> <textarea class="form-control" style="font-size: 10px;" id="pubKey" rows="10" placeholder="-----BEGIN PGP PUBLIC KEY BLOCK-----"></textarea>
</div> </div>
<button type="button" onclick="encryptDecryptFunction()" class="btn btn-primary">Encrypt</button> <div class="form-group progress">
<div class="progress-bar" role="progressbar" id="progressbar" style="width: 100%"></div>
</div>
<button type="button" onclick="encryptDecryptFunction()" class="btn btn-primary">Verify</button>
</div> </div>
<div class="col-sm"> <div class="col-sm">
<div class="form-group"> <div class="form-group">
<label for="exampleFormControlTextarea1">PGP Output</label> <label for="exampleFormControlTextarea1">PGP Output</label>
<textarea class="form-control" style="font-size: 10px;" rows="10" id="result" placeholder="-----BEGIN PGP MESSAGE-----" readonly></textarea> <textarea class="form-control" style="font-size: 10px;" rows="10" id="result" readonly></textarea>
</div> </div>
</div> </div>
</div> </div>