A way to hook Mustache.js into your Sprockets 2 and Rails Asset Pipeline.

Big thanks to Ryan Dy & his take on the problem for jQuery templates.

gem 'sprockets_spacely'

We assume that you are requiring jQuery and Mustache.js higher up in your Sprockets bundle.

Sprockets::Mustache::Template::Namespace.value = 'namespace.for.my.templates'
Sprockets::Mustache::Template::Library.value = 'Zepto'

This will take any *.mustache file under Sprockets' paths and generate a closure that sets a function that evaluates your template.

File: "app/assets/javascripts/my_template.mustache"

{{name}}:
<ul>
  {{#items}}
  <li>{{.}}</li>
  {{/items}}
</ul>

This function will be created:

(function($) {

  #{@namespace}.mustache['#{@template_name}'] = {
    template: "#{@template_string}",
    render: render
  };

  function render(obj, partials) {
    return Mustache.to_html(#{@namespace}.mustache['#{@template_name}'].template, obj, partials);
  }
}(#{@library}));

...which Sprockets will add to the appropriate JavaScript asset bundle.

Which means in your code you can call:

  namespace.for.my.templates.mustache['javascripts/my_template'].render({
    name: "George",
    items: ["Judy", "Jane", "Elroy", "Astro"]
  });

• Added ability to use mustache partials