app.js

@@ -144,18 +144,17 @@
         var msgArr = msg.split(".")
         var protected64 = msgArr[0]
         var payload64 = msgArr[1]
-        Keypairs._sign(opts, msg).then(function (buf) {
-          var signedMsg = {
-            protected: protected64
-            , payload: payload64
-            , signature: Enc.bufToUrlBase64(buf)
-          };
-          $('.js-jws').innerText = JSON.stringify(signedMsg);
-          $('.js-toc-jws').hidden = false;
-          $('.js-pem-loading').hidden = true;
-          $$('input').map(function ($el) { $el.disabled = false; });
-          $$('button').map(function ($el) { $el.disabled = false; });
-        });
+        var signature = msgArr[2]
+        var signedMsg = {
+          protected: protected64
+          , payload: payload64
+          , signature
+        };
+        $('.js-jws').innerText = JSON.stringify(signedMsg, null, 2);
+        $('.js-toc-jws').hidden = false;
+        $('.js-pem-loading').hidden = true;
+        $$('input').map(function ($el) { $el.disabled = false; });
+        $$('button').map(function ($el) { $el.disabled = false; });
       })
 
       // jws = jwk.sign(payload)

index.html

@@ -8,7 +8,7 @@
       height: 10em;
     }
       /* need to word wrap the binary no space der */
-      .js-der-public, .js-der-private{
+      .js-der-public, .js-der-private, .js-jwt{
         white-space: pre-wrap;      /* CSS3 */
         white-space: -moz-pre-wrap; /* Firefox */
         white-space: -pre-wrap;     /* Opera <7 */