Smimedemo

README.md

@@ -285,7 +285,7 @@ _**WARNING**_: if you would try to build PKI.js code for Node version <= 4 then
 
 ### How to use PKI.js ES6 files directly in browser
 
-Currently there is a posibility to use ES6 modules directly from Web pages, without any transpilations (Babel, Rollup etc.). In order to do this all used files must point to direct or relative names and should be achivable via browser. Almost all moder browsers would support the "native ES6 modules". You could check [_**this link to caniuse site**_](https://caniuse.com/#feat=es6-module) for current status.
+Currently there is a posibility to use ES6 modules directly from Web pages, without any transpilations (Babel, Rollup etc.). In order to do this all used files must point to direct or relative names and should be achievable via browser. Almost all modern browsers would support the "native ES6 modules". You could check [_**this link to caniuse site**_](https://caniuse.com/#feat=es6-module) for current status.
 
 You could check [_**full-featured example here**_](https://github.com/PeculiarVentures/PKI.js/tree/master/examples/HowToUseES6DirectlyInBrowser). And please carefully read [_**this README**_](https://github.com/PeculiarVentures/PKI.js/tree/master/examples/HowToUseES6DirectlyInBrowser/README.md) before run it.
 

examples/HowToEncryptCMSviaCertificate/es6.js

@@ -1,13 +1,15 @@
 /* eslint-disable no-undef,no-unreachable */
 import * as asn1js from "asn1js";
 import { arrayBufferToString, stringToArrayBuffer, toBase64, fromBase64, isEqualBuffer } from "pvutils";
-import { getCrypto, getAlgorithmParameters, setEngine } from "../../src/common";
-import Certificate from "../../src/Certificate";
-import EnvelopedData from "../../src/EnvelopedData";
-import ContentInfo from "../../src/ContentInfo";
-import AttributeTypeAndValue from "../../src/AttributeTypeAndValue";
-import BasicConstraints from "../../src/BasicConstraints";
-import Extension from "../../src/Extension";
+import { getCrypto, getAlgorithmParameters, setEngine } from "../../src/common.js";
+import Certificate from "../../src/Certificate.js";
+import EnvelopedData from "../../src/EnvelopedData.js";
+import ContentInfo from "../../src/ContentInfo.js";
+import AttributeTypeAndValue from "../../src/AttributeTypeAndValue.js";
+import BasicConstraints from "../../src/BasicConstraints.js";
+import Extension from "../../src/Extension.js";
+import OriginatorInfo from "../../src/OriginatorInfo.js";
+import CertificateSet from "../../src/CertificateSet.js";
 //<nodewebcryptoossl>
 //*********************************************************************************
 let certificateBuffer = new ArrayBuffer(0); // ArrayBuffer with loaded or created CERT 
@@ -230,7 +232,13 @@ function envelopedEncryptInternal()
 	const certSimpl = new Certificate({ schema: asn1.result });
 	//endregion
 
-	const cmsEnveloped = new EnvelopedData();
+	const cmsEnveloped = new EnvelopedData({
+		originatorInfo: new OriginatorInfo({
+			certs: new CertificateSet({
+				certificates: [certSimpl]
+			})
+		})
+	});
 
 	cmsEnveloped.addRecipientByCertificate(certSimpl, { oaepHashAlgorithm: oaepHashAlg });
 
@@ -253,7 +261,7 @@ function envelopedEncrypt()
 	return Promise.resolve().then(() =>
 	{
 		// noinspection InnerHTMLJS
-		const encodedCertificate = document.getElementById("new_signed_data").innerHTML;
+		const encodedCertificate = document.getElementById("new_signed_data").value;
 		const clearEncodedCertificate = encodedCertificate.replace(/(-----(BEGIN|END)( NEW)? CERTIFICATE-----|\n)/g, "");
 		certificateBuffer = stringToArrayBuffer(fromBase64(clearEncodedCertificate));
 
@@ -303,17 +311,17 @@ function envelopedDecrypt()
 	return Promise.resolve().then(() =>
 	{
 		// noinspection InnerHTMLJS
-		const encodedCertificate = document.getElementById("new_signed_data").innerHTML;
+		const encodedCertificate = document.getElementById("new_signed_data").value;
 		const clearEncodedCertificate = encodedCertificate.replace(/(-----(BEGIN|END)( NEW)? CERTIFICATE-----|\n)/g, "");
 		certificateBuffer = stringToArrayBuffer(window.atob(clearEncodedCertificate));
 
 		// noinspection InnerHTMLJS
-		const encodedPrivateKey = document.getElementById("pkcs8_key").innerHTML;
+		const encodedPrivateKey = document.getElementById("pkcs8_key").value;
 		const clearPrivateKey = encodedPrivateKey.replace(/(-----(BEGIN|END)( NEW)? PRIVATE KEY-----|\n)/g, "");
 		privateKeyBuffer = stringToArrayBuffer(window.atob(clearPrivateKey));
 
 		// noinspection InnerHTMLJS
-		const encodedCMSEnveloped = document.getElementById("encrypted_content").innerHTML;
+		const encodedCMSEnveloped = document.getElementById("encrypted_content").value;
 		const clearEncodedCMSEnveloped = encodedCMSEnveloped.replace(/(-----(BEGIN|END)( NEW)? CMS-----|\n)/g, "");
 		cmsEnvelopedBuffer = stringToArrayBuffer(window.atob(clearEncodedCMSEnveloped));
 	}).then(() => envelopedDecryptInternal()).then(result =>

examples/OpenSSLPrivateKeyEncryption/.babelrc

@@ -0,0 +1,19 @@
+{
+  "compact": "false",
+  "presets": [
+    [
+      "env",
+      {
+        "targets": {
+          "browsers": [ // Based on data from https://caniuse.com/#feat=cryptography
+            "Chrome >= 53",
+            "Firefox >= 47",
+            //"Edge >= 12", // Edge has incorrect or not complete WebCrypto API implementation (at least in v17)
+            "Safari >= 11",
+            "iOS >= 11.2"
+          ]
+        }
+      }
+    ]
+  ]
+}

examples/OpenSSLPrivateKeyEncryption/OpenSSLPrivateKeyEncryption.html

@@ -0,0 +1,147 @@
+<!DOCTYPE html>
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta charset="utf-8" />
+    <title>Parsing OpenSSL Encrypted Private Key</title>
+
+    <script type="application/javascript" src="../../node_modules/babel-polyfill/dist/polyfill.js"></script>
+    <script type="text/javascript" src="bundle.js"></script>
+
+    <style type="text/css">
+        body{background:#EFEFEF;font:normal 14px/16px Helvetica, Arial, sans-serif;}
+        .wrapper{
+            width:600px;
+            margin:50px auto;
+            padding:50px;
+            border:solid 2px #CCC;
+            border-radius:10px;
+            -webkit-border-radius:10px;
+            box-shadow:0 0 12px 3px #CDCDCD;
+            -webkit-box-shadow:0 0 12px 3px #CDCDCD;
+            background:#FFF;
+        }
+        label{
+            font:bold 16px/20px Helvetica, Arial, sans-serif;
+            margin:0 0 8px;
+        }
+        textarea{
+            width:500px;
+            border:solid 1px #999;
+            border-radius:5px;
+            -webkit-border-radius:5px;
+            height:340px;
+            font:normal 12px/15px monospace;
+            display:block;
+            margin:0 0 12px;
+            box-shadow:0 0 5px 5px #EFEFEF inset;
+            -webkit-box-shadow:0 0 5px 5px #EFEFEF inset;
+            padding:20px;
+           resize: none;
+        }
+        a{
+            display:inline-block;
+            padding:5px 15px;
+            background:#ACD0EC;
+            border:solid 1px #4C6181;
+            color:#000;
+            font:normal 14px/16px Helvetica, Arial, sans-serif;
+        }
+        a:hover{
+            background:#DAEBF8;
+            cursor:pointer;
+        }
+        .header-block {
+            margin-top:30px;
+            font:bold 16px/20px Helvetica, Arial, sans-serif;
+        }
+        .border-block{
+            border:solid 2px #999;
+            border-radius:5px;
+            -webkit-border-radius:5px;
+            margin:10px 0 0;
+            padding:20px 30px;
+            background:#F0F4FF;
+        }
+        .border-block h2{
+            margin:0 0 16px;
+            font:bold 22px/24px Helvetica, Arial, sans-serif;
+        }
+        .border-block p{
+            margin:0 0 12px;
+        }
+        .border-block p .type{
+            font-weight:bold;
+            display:inline-block;
+            width:176px;
+        }
+        .border-block .two-col{
+            overflow:hidden;
+            margin:0 0 16px;
+        }
+        .border-block .two-col .subject{
+            width:180px;
+            font-weight:bold;
+            margin:0 0 12px;
+            float:left;
+        }
+        .border-block .two-col #tsp-req-attributes{
+            margin:0;
+            padding:0;
+            float:left;
+            list-style:none;
+        }
+        .border-block .two-col #tsp-req-attributes li p{
+            margin:0;
+        }
+        .border-block .two-col #tsp-req-attributes li p span{
+            width:40px;
+            display:inline-block;
+            margin:0 0 5px;
+        }
+        .border-block .two-col #tsp-req-exten{
+            overflow:hidden;
+            padding:0 0 0 17px;
+            margin:0;
+            list-style-type:square;
+        }
+        table {
+            border:solid;
+            border-collapse:collapse;
+            border-color:black;
+        }
+       th { 
+        text-align:center;
+        background: #ccc;
+        padding: 5px;
+        border: 1px solid black;
+       }
+       td { 
+        padding: 5px;
+        border: 1px solid black; 
+       }
+    </style>
+</head>
+
+<body>
+    <div class="wrapper">
+
+        <p class="header-block">Insert OpenSSL Encrypted Private Key</p>
+        <p>
+            <label for="password" style="float:left;">Password:</label>
+            <input id="password" type="text" />
+        </p>
+        <div id="input_div" class="border-block">
+            <label for="openssl_data" style="font-weight:bold;float:left;">PEM encoded Open SSL Private Key:</label>
+            <textarea id="openssl_data">&lt;  Paste OpenSSL Encrypted Private Key here &gt;</textarea>
+            <a onclick="parseOpenSSLPrivateKey();">Parse</a>
+        </div>
+
+        <p class="header-block">Parsed OpenSSL Encrypted Private Key</p>
+        <div id="output_div" class="border-block">
+            <label for="pkijs_data" style="font-weight:bold;float:left;">Decrypted Open SSL Private Key:</label>
+            <textarea id="pkijs_data">&lt;  Decrypted Open SSL Private Key would be here &gt;</textarea>
+        </div>
+    </div>
+</body>
+</html>

examples/OpenSSLPrivateKeyEncryption/README.md

@@ -0,0 +1,3 @@
+## Description
+
+The example shows how to decrypt OpenSSL encrypted private keys using PKI.js