jscl.html

   1 <!doctype html>
   2 <html>
   3   <head>
   4     <style>
   5      /* The console container element */
   6     body { background-color: black; font-size: 16px; font-family: Courier; overflow: hidden; padding: 0 0 0 0;}
   7     #console {
   8       position: absolute;
   9       top: 0px;
  10       bottom: 0px;
  11       left: 0px;
  12       right: 0px;
  13       background-color:black;
  14     }
  15
  16     .parents {
  17         font-weight: bold;
  18     }
  19
  20     /* The inner console element. */
  21     .jqconsole {
  22         padding: 10px;
  23     }
  24     /* The cursor. */
  25     .jqconsole-cursor {
  26         background-color: gray;
  27     }
  28     /* The cursor color when the console looses focus. */
  29     .jqconsole-blurred .jqconsole-cursor {
  30         background-color: #666;
  31     }
  32     /* The current prompt text color */
  33     .jqconsole-prompt {
  34         color: White;
  35     }
  36     /* The command history */
  37     .jqconsole-old-prompt {
  38         color: White;
  39         font-weight: normal;
  40     }
  41     /* The text color when in input mode. */
  42     .jqconsole-input {
  43         color: White;
  44     }
  45     /* Previously entered input. */
  46     .jqconsole-old-input {
  47         color: White;
  48         font-weight: normal;
  49     }
  50     /* The text color of the output. */
  51     .jqconsole-output {
  52         color: green;
  53     }
  54     .jqconsole-return, .jqconsole-header {
  55         color: gray;
  56     }
  57     .jqconsole-error {
  58         color: red;
  59     }
  60 </style>
  61   </head>
  62
  63   <body>
  64     <div id="console"></div>
  65     <script src="jscl.js" type="text/javascript"></script>
  66     <script src="jquery.js" type="text/javascript" charset="utf-8"></script>
  67     <script src="jqconsole.min.js" type="text/javascript" charset="utf-8"></script>
  68     <script>
  69       $(function () {
  70         var jqconsole = $('#console').jqconsole('Welcome to JSCL!\n\n', '');
  71         jqconsole.RegisterMatching('(', ')', 'parents');
  72
  73         lisp.write = function(str){
  74            jqconsole.Write(str, 'jqconsole-output', false);
  75            return str;
  76         }
  77
  78         var startPrompt = function () {
  79           // Start the prompt with history enabled.
  80           jqconsole.Write(lisp.evalString(pv, '(CL:PACKAGE-NAME CL:*PACKAGE*)') + '> ', 'jqconsole-prompt');
  81           jqconsole.Prompt(true, function (input) {
  82             // Output input with the class jqconsole-return.
  83             if (input[0] != ','){
  84                 try {
  85                     var vs = lisp.evalInput(mv, input);
  86                     for (var i=0; i<vs.length; i++){
  87                        jqconsole.Write(lisp.print(pv, vs[i]) + '\n', 'jqconsole-return');
  88                     }
  89                 } catch(error) {
  90                     jqconsole.Write('ERROR: ' + (error.message || error) + '\n', 'jqconsole-error');
  91                 }
  92             } else {
  93                 jqconsole.Write(lisp.compileString(pv, input.slice(1)) + '\n', 'jqconsole-return');
  94             }
  95             // Restart the prompt.
  96             startPrompt();
  97           }, function(input){
  98             try {
  99                 lisp.read(pv, input[0]==','? input.slice(1): input);
 100             } catch(error) {
 101                 return 0;
 102             }
 103             return false;
 104           });
 105         };
 106         startPrompt();
 107       });
 108     </script>
 109   </body>
 110 </html>