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         if (localStorage.getItem("jqhist"))
  73            jqconsole.SetHistory(JSON.parse(localStorage.getItem("jqhist")));
  74
  75         lisp.write = function(str){
  76            jqconsole.Write(xstring(str), 'jqconsole-output', false);
  77            return str;
  78         }
  79
  80         var startPrompt = function () {
  81           // Start the prompt with history enabled.
  82           jqconsole.Write(lisp.evalString('(CL:PACKAGE-NAME CL:*PACKAGE*)') + '> ', 'jqconsole-prompt');
  83           jqconsole.Prompt(true, function (input) {
  84             // Output input with the class jqconsole-return.
  85             if (input[0] != ','){
  86                 try {
  87                     var vs = lisp.evalInput(input);
  88                     // for (var i=0; i<vs.length; i++){
  89                        jqconsole.Write(lisp.print(vs) + '\n', 'jqconsole-return');
  90                        localStorage.setItem("jqhist", JSON.stringify(jqconsole.GetHistory()));
  91                     // }
  92                 } catch(error) {
  93                     var msg = error.message || error || 'Unknown error';
  94                     if (typeof(msg) != 'string') msg = xstring(msg);
  95                     jqconsole.Write('ERROR: ' + msg + '\n', 'jqconsole-error');
  96                 }
  97             } else
  98                 jqconsole.Write(lisp.compileString(input.slice(1)) + '\n', 'jqconsole-return');
  99
 100             // Restart the prompt.
 101             startPrompt();
 102           }, function(input){
 103             try {
 104                 lisp.read(input[0]==','? input.slice(1): input);
 105             } catch(error) {
 106                 return 0;
 107             }
 108             return false;
 109           });
 110         };
 111         startPrompt();
 112       });
 113     </script>
 114   </body>
 115 </html>