Bars v0.4.0

  - New comiler using CompileIt.
  - Pre-compile to mini-JSON (arrays).
  - Block {{else <block>}}.
  - Update tree shrinking.

demo/index.html

@@ -7,19 +7,24 @@
         </script>
         <script id="bars-template" type="text/x-handlebars-template">
             <ul>
-            {{#each @sort(persons, 'length')}}
-               <li>{{@number(@index) + 1}} - {{.}}<input type="text" /></li>
+            {{#each @sort(persons, 'name')}}
+               <li>{{@number(@index) + 1}} - {{name}}</li>
             {{/each}}
             </ul>
 
             {{#if x < 5}}
                <span>x is less then 5</span>
+            {{else if x > 5}}
+                <span>x is greater then 5</span>
             {{else}}
-               <span>x is not less then 5</span>
+               <span>x is equal to 5</span>
             {{/if}}
+
             <br>
             <br>
+
             {{>title}}
+
         </script>
         <script src="bars.js"></script>
     </head>
@@ -32,12 +37,9 @@
 
             window.barsData = {
                persons: [
-                //   { name: 'John' },
-                //   { name: 'Jane' },
-                //   { name: 'Jim' },
-                'John',
-                'Jane',
-                'Jim'
+                  { name: 'John' },
+                  { name: 'Jane' },
+                  { name: 'Jim' },
                ],
                x: 2,
                title: 'The Cat in the Hat'
@@ -50,7 +52,10 @@
                 });
             });
 
-            window.domFrag = bars.compile(template).render();
+            preCompiled = [0,"0.4.0","DOM",[1,[[3,"ul",[],0,[[5,"each",[10,"sort",[[9,["persons"]],[8,"length"]]],null,[1,[[3,"li",[],0,[[6,[11,"+",[[10,"number",[[9,["@","index"]]]],[8,1]]]],[2," - "],[6,[9,[]]],[3,"input",[[4,"type",[[2,"text"]],0]],0,[],0]],1]],1],null]],1],[5,"if",[11,"<",[[9,["x"]],[8,5]]],null,[1,[[3,"span",[],0,[[2,"x is less then 5"]],0]],1],[5,"if",[11,">",[[9,["x"]],[8,5]]],null,[1,[[3,"span",[],0,[[2,"x is greater then 5"]],0]],0],[1,[[3,"span",[],0,[[2,"x is equal to 5"]],0]],0]]],[3,"br",[],0,[],0],[3,"br",[],0,[],0],[7,"title",null,null,null]],1]];
+
+            // window.domFrag = bars.compile(template).render();
+            window.domFrag = bars.build(preCompiled).render();
             window.domFrag.appendTo(document.getElementById('bars-output'));
             window.domFrag.update(barsData);
 

lib/bars-runtime.js

@@ -1,5 +1,6 @@
 var Generator = require('generate-js'),
     Renderer = require('./renderer'),
+    Token = require('./compiler/tokens'),
     Blocks = require('./blocks'),
     Transform = require('./transforms'),
     packageJSON = require('../package');
@@ -17,9 +18,16 @@ var Bars = Generator.generate(function Bars() {
 Bars.definePrototype({
     version: packageJSON.version,
     build: function build(parsedTemplate) {
-        var _ = this;
+        var _ = this,
+            program = parsedTemplate;
+
+        if (Array.isArray(parsedTemplate)) {
+            program = new Token.tokens.program();
+
+            program.fromArray(parsedTemplate);
+        }
 
-        return new Renderer(_, parsedTemplate);
+        return new Renderer(_, program.fragment);
     },
 
     registerBlock: function registerBlock(name, block) {

lib/bars.js

@@ -1,12 +1,11 @@
 var Bars = require('./bars-runtime'),
-    compile = require('./compiler/compiler3');
+    compile = require('./compiler');
 
 
 Bars.definePrototype({
     compile: function compile(template, filename, mode, flags) {
         var _ = this;
-        return _.build(_.parse(template, filename, mode, flags)
-            .fragment);
+        return _.build(_.parse(template, filename, mode, flags));
     },
 
     parse: function parse(template, filename, mode, flags) {