Ember Templates

1. raw_handlebars.js

//<p class="name">hi {{name}}</p>

Handlebars.templates["hi"]=function(data) {
  return "<p class=\"name\">hi "
    + escapeExpression(data['name'])
    + "</p>\n";
});

2. htmlbars.js

//<p class="name">hi {{name}}</p>

(function() {
  return {
    meta: {},
    isEmpty: false,
    arity: 0,
    cachedFragment: null,
    hasRendered: false,
    buildFragment: function buildFragment(dom) {
      var el0 = dom.createDocumentFragment();
      var el1 = dom.createElement("p");
      dom.setAttribute(el1,"class","name");
      var el2 = dom.createTextNode("hi ");
      dom.appendChild(el1, el2);
      var el2 = dom.createComment("");
      dom.appendChild(el1, el2);
      dom.appendChild(el0, el1);
      return el0;
    },
    buildRenderNodes: function buildRenderNodes(dom, fragment, contextualElement) {
      var morphs = new Array(1);
      morphs[0] = dom.createMorphAt(dom.childAt(fragment, [0]),1,1);
      return morphs;
    },
    statements: [
      ["content","name",["loc",[null,[1,19],[1,27]]],0,0,0,0]
    ],
    locals: [],
    templates: []
  };
}())

3. glimmer2.js

//<p class="name">hi {{name}}</p>

["open-element","p",[]]
["static-attr","class","name"]
["flush-element"]
["text","hi "]
["append",["unknown",["name"]],false]
["close-element"]

glimmer2-binary-opcodes.js

//<div><span>{{hello world}}</span></div>

[
  [11,"div"],[11, "span"],
  [1, [33, ["hello"], [28, "world"]]]
  [14], [14]
]
   
// 1: append
// 11: open-element
// 14: close-element
// 28: lookup
// 33: helper