<html>

<head>
  <title>nirvana</title>
  <link href='css/jquery.repl.css' rel='stylesheet' type='text/css'>
  <link href='css/nirvana.css' rel='stylesheet' type='text/css'>
  <script src='js/jquery.min.js' type='text/javascript'></script>
  <script src='js/nirvana.js' type='text/javascript'></script>
  <script src='js/jquery.hotkeys.js' type='text/javascript'></script>
  <script src="js/jquery.ui.autocomplete.min.js"></script>
  <script src='js/jquery.readline.js' type='text/javascript'></script>
  <script src='js/jquery.repl.js' type='text/javascript'></script>
  <script type='text/javascript'>
    $(document).ready( function(){
        $('#input').readline({
          autocompleteCss: 'css/jquery.ui.autocomplete.css',
          readlineCss: 'css/jquery.readline.css',
          startCompletion: $.ws.nirvanaComplete
        }).repl({
          resultPrompt: '',
          startMessage: function() { return '$ nirvana' },
          spinner: 'images/spinner.gif',
          loop: function(val) {
            $.readline.addHistory(val);
            $.ws().send(val);
          }
      });
    });
  </script>
</head>
<body>
  <form>
    <input id='input' type='text'>
  </form>
</body>

</html>