ralphholzmann / require-ember-handlebars-plugin

Require.js plugin for automatic, recursive Handlebars loading for Ember

Require.js Ember Handlebars Plugin

Automatic requires of template calls to helpers, views, controllers and partials.

Usage

Write an Ember Handlebars template like so:

templates/index.hbs

<section>Welcome to my awesome app!</section>
<div>{{partial login}}</div>

templates/login.hbs

<form>
  {{view Ember.TextField valueBinding="username"}}
  {{view Ember.TextField valueBinding="password" type="password"}}
  <button {{action submitForm on="submit"}}>Submit</button>
</form>

Then require the template with your route:

require(["ehbs!index"], function() {
  // templates/index.hbs now exists in Ember.TEMPLATES.index
  // and
  // templates/login.hbs now exists in Ember.TEMPLATES.login
});

Config

You can configure the paths for the plugin to look up resources, like so:

require.config({
  ehbs: {
    paths: {
      templates: "foo/bar/templates",
      views: "foo/bar/views",
      controllers: "foo/bar/controllers",
      helpers: "foo/bar/helpers"
    }
  }
})

You can also configure the type of casing used on your files, like so:

require.config({
  ehbs: {
    casing: "camel"
  }
})

Valid options are:

• camel - require("ehbs!coolTemplate") will load templates/coolTemplate.hbs
• class - require("ehbs!coolTemplate") will load templates/CoolTemplate.hbs
• underscore or snake - require("ehbs!coolTemplate") will load templates/cool_template.hbs

Tests

Open up tests/index.html in your browser.

Todo

• Builds
• i18n
• More robust and deeper testing
• Pull out ES5 functions for IE6-8 support.

License

MIT