demo tweaks

examples/unfinished/jsparse-demo/jsparse-demo.css

@@ -10,10 +10,11 @@ html, body { height: 100%; }
   border-bottom: 1px solid #555;
   overflow: auto;
   background: #cfc;
+  font-size: 12px;
 }
 
 #topbarinner {
-  padding: 10px;
+  padding: 7px;
   font-family: sans-serif;
 }
 

examples/unfinished/jsparse-demo/jsparse-demo.html

@@ -16,10 +16,10 @@
     </div>
   </div>
   <div id="main">
-    <div id="inputarea">
-{{! whitespace is significant here; browser swallows initial
-    newline in textarea }}
-<textarea>
+    <div id="inputarea">{{!
+whitespace is significant here; browser swallows initial
+    newline in textarea
+}}<textarea>
 {{input}}</textarea>
     </div>
     <div id="output">

examples/unfinished/jsparse-demo/jsparse-demo.js

@@ -59,22 +59,16 @@ if (Meteor.is_client) {
     if (tree) {
       var curPos = 0;
       var unclosedInfos = [];
-      var statementHeads = makeSet(
-        ('functionDecl expression label block var ' +
-         'if for do while return continue break throw with switch ' +
-         'try debugger empty').split(' '));
       var toHtml = function (obj) {
         if (_.isArray(obj)) {
           var head = obj[0] || '';
           var rest = obj.slice(1);
           var info = { startPos: curPos };
-          var isStatement = statementHeads[head];
+          var isStatement = (head.indexOf('Stmnt') >= 0);
           var html = Spark.setDataContext(
             info,
             '<div class="box named' + (isStatement ? ' statement' : '') +
-              '"><div class="box head">' +
-              Handlebars._escape(head + (isStatement ? ' statement' : '')) +
-              '</div>' +
+              '"><div class="box head">' + Handlebars._escape(head) + '</div>' +
               _.map(rest, toHtml).join('') + '</div>');
           unclosedInfos.push(info);
           return html;