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(xstring(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('(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(input);
  86                     // for (var i=0; i<vs.length; i++){
  87                        jqconsole.Write(lisp.print(vs) + '\n', 'jqconsole-return');
  88                     // }
  89                 } catch(error) {
  90                     var msg = error.message || error || 'Unknown error';
  91                     if (typeof(msg) != 'string') msg = xstring(msg);
  92                     jqconsole.Write('ERROR: ' + msg + '\n', 'jqconsole-error');
  93                 }
  94             } else
  95                 jqconsole.Write(lisp.compileString(input.slice(1)) + '\n', 'jqconsole-return');
  96
  97             // Restart the prompt.
  98             startPrompt();
  99           }, function(input){
 100             try {
 101                 lisp.read(input[0]==','? input.slice(1): input);
 102             } catch(error) {
 103                 return 0;
 104             }
 105             return false;
 106           });
 107         };
 108         startPrompt();
 109       });
 110     </script>
 111   </body>
 112 </html>