Shared layout

[daslicht]

Hello, do you please like to explain a bit what is going on here and why: For example what does revive() do ? Thank You very Much !

    <script>
        (function () {
            var revive    = Handlebars.template,
                templates = Handlebars.templates = Handlebars.templates || {};

          {{#templates}}
            templates['{{{name}}}'] = revive({{{template}}});
          {{/templates}}
        }());
    </script>

[ericf]

This is take precompiled Handlebars templates built on the fly on the server, and embedding them into the HTML page. For these precompiled templates to be usable in the browser they must first be "revived" by the Handlebars runtime.

http://handlebarsjs.com/precompilation.html

[blowback]

I had trouble understanding this too; the handlebars ref isn't particularly helpful (at first). As far as I can figure out tho, what's going on here is:

• when this template is parsed server side, the example exposeTemplates middleware inserts the shared templates (from partialsDir) in a local called 'templates' an array where each member has a name and template content
• the above snippet is parsed server side; {{#templates}} is undocumented shorthand for {{#each templates}}
• inside the #each loop, this snippet is inserting the templates into the client-side Handlebars.templates (ie it's doing the same job as the handlebars precompiler)
• when the code hits client-side, your precompiled templates are now in Handlebars.templates.*, you can use them with the reduced runtime exactly like regular precompiled templates.

...at least that's what I think is happening!