New demo, renamed to index.html

dchest · dchest · commit 9acee69cd1d1 · 2016-09-06T12:42:49.000+02:00
diff --git a/README.md b/README.md
@@ -8,10 +8,10 @@ scrypt-async
 
 Fast "async" scrypt implementation in JavaScript.
 
-Works in browsers without throwing out "kill slow script" warnings due to
-configurable interruptStep, which yields from calculation.
-
-Should be compatible even with IE. Also works with Node/io.js (but you should really use the C implementation for that).
+Works in browsers without throwing "kill slow script" warnings due to
+configurable interruptStep, which yields from calculation. Compatible even with
+old versions of IE. Also works with Node/io.js (but you should really use the C
+implementation for that).
 
 
 Installation
diff --git a/demo.html b/demo.html
diff --git a/index.html b/index.html
@@ -0,0 +1,87 @@
+<!doctype html>
+<html>
+
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>scrypt-async-js demo</title>
+  <style>
+    html,
+    body {
+      font-family: sans-serif;
+    }
+
+    #out {
+      padding: 10px 0;
+    }
+
+    #N {
+      margin-left: 10px;
+      color: #aaa;
+    }
+  </style>
+</head>
+
+<body>
+  <h1><a href="https://github.com/dchest/scrypt-async-js">scrypt-async-js</a> demo</h1>
+  <form onsubmit="calculate(); return false">
+    <p>Password: <input name="password" type="text" value="password" size="32"></p>
+    <p>Salt: <input name="salt" type="text" value="salt" size="32"></p>
+    <p>interruptStep: <input name="interruptStep" type="text" value="0" size="8"></p>
+    <p>logN: <input name="logN" type="text" value="11" size="4" onkeypress="updateN()"
+         onchange="updateN()" onkeyup="updateN()"
+         onblur="updateN()"><span id="N"></p>
+<p>r: <input name="r" type="text" value="8" size="4"></p>
+<p>p: <input name="p" type="text" value="1" size="4"></p>
+<input type="submit" name="btn" value="Calculate" />
+</form>
+<div id="out"></div>
+
+<script src="scrypt-async.js"></script>
+<script>
+var f = document.forms[0];
+
+function updateN() {
+  var fN = document.querySelector('#N');
+  var logN = f.logN.value;
+  fN.innerHTML = 'N = ' + Math.pow(2, logN);
+}
+
+function calculate() {
+
+  var btn = f.btn;
+  var out = document.querySelector('#out');
+
+  var password = f.password.value;
+  var salt = f.salt.value;
+  var interruptStep = f.interruptStep.value;
+  var logN = f.logN.value;
+  var r = f.r.value;
+  var p = f.p.value;
+
+  btn.disabled = true;
+  btn.value = 'Wait...';
+
+  window.setTimeout(function() {
+    try {
+      var t1 = (new Date()).getTime();
+      scrypt(password, salt, {
+          logN: logN,
+          r: r,
+          p: p,
+          dkLen: 32,
+          interruptStep: interruptStep,
+          encoding: 'hex'
+      },
+      function(res) {
+        var t2 = ((new Date()).getTime()-t1);
+        out.innerHTML = 'scrypt: <b>'+t2+' ms</b> ' + res + '';
+        btn.disabled = false;
+        btn.value = 'Calculate';
+      });
+    } catch(ex) {
+        out.innerHTML = '<span style="color:red">error: ' + ex.message + '</span>'; btn.disabled = false; btn.value = 'Calculate';
+      } }); } updateN();
+      </script>
+</body>
+
+</html>
