further demo tweaks

dgreensp · dgreensp · commit 48c62ea85043 · 2012-09-11T16:49:47.000-07:00
diff --git a/examples/unfinished/jsparse-demo/jsparse-demo.css b/examples/unfinished/jsparse-demo/jsparse-demo.css
@@ -91,7 +91,8 @@ html, body { height: 100%; }
   border-radius: 5px;
   cursor: pointer;
   overflow: hidden;
-  position: relative;
+  /* position:relative breaks overflow:hidden effect of rounded corners? */
+  position: static;
 }
 
 .box.head {
diff --git a/examples/unfinished/jsparse-demo/jsparse-demo.js b/examples/unfinished/jsparse-demo/jsparse-demo.js
@@ -62,7 +62,7 @@ if (Meteor.is_client) {
       var statementHeads = makeSet(
         ('functionDecl expression label block variables ' +
          'if for do while return continue break throw with switch ' +
-         'try debugger').split(' '));
+         'try debugger empty').split(' '));
       var toHtml = function (obj) {
         if (_.isArray(obj)) {
           var head = obj[0] || 'none';
@@ -73,7 +73,8 @@ if (Meteor.is_client) {
             info,
             '<div class="box named' + (isStatement ? ' statement' : '') +
               '"><div class="box head">' +
-              Handlebars._escape(head) + '</div>' +
+              Handlebars._escape(head + (isStatement ? ' statement' : '')) +
+              '</div>' +
               _.map(rest, toHtml).join('') + '</div>');
           unclosedInfos.push(info);
           return html;
@@ -86,9 +87,9 @@ if (Meteor.is_client) {
           unclosedInfos.length = 0;
           var text = obj.text;
           // insert zero-width spaces to allow wrapping
-          text = text.replace(/\w{10}/g, "$&\n");
+          text = text.replace(/.{20}/g, "$&\n");
           text = Handlebars._escape(text);
-          text = text.replace(/\n/g, '&shy;');
+          text = text.replace(/\n/g, '&#8203;');
           return Spark.setDataContext(
             obj,
             '<div class="box token">' + text + '</div>');

Original file line number	Diff line number	Diff line change
`@@ -91,7 +91,8 @@ html, body { height: 100%; }`
`91`	`91`	`border-radius: 5px;`
`92`	`92`	`cursor: pointer;`
`93`	`93`	`overflow: hidden;`
`94`		`- position: relative;`
	`94`	`+ /* position:relative breaks overflow:hidden effect of rounded corners? */`
	`95`	`+ position: static;`
`95`	`96`	`}`
`96`	`97`
`97`	`98`	`.box.head {`