A Brunch skeleton for creating ambitious web applications using Ember.js. Based on the official Ember Starter Kit.
I built a demo app using this skeleton, based on the Building an App with Ember.js video by Tom Dale.
Demo: ember-bloggr
Source: https://github.com/gcollazo/ember-bloggr
- Ember 1.3.2+pre.25108e91
- Ember Data 1.0.0-beta.7+canary.238bb5ce
- Handlebars 1.3.0
- jQuery v2.0.3
- HTML5 Boilerplate v4.3.0
- ES6: Experimental version using ES6 module syntax.
- CoffeeScript
Before using brunch-with-ember-reloaded you will need to install Brunch.
brunch new gh:gcollazo/brunch-with-ember-reloaded <appname>
cd <appname>
brunch watch -s
Open http://localhost:3333 on your browser.
This skeleton makes use of scaffolt generators to help you create common files quicker. To use first install scaffolt globally with npm install -g scaffolt
. Then you can use the following command to generate files.
scaffolt model <name> → app/models/Name.js
scaffolt view <name> → app/views/NameView.js
scaffolt controller <name> → app/controllers/NameController.js
scaffolt arraycontroller <name> → app/controllers/NamesController.js
scaffolt route <name> → app/routes/NameRoute.js
scaffolt template <name> → app/templatesname.hbs
scaffolt component <name> → app/components/NameComponent.js
app/templates/components/name.hbs
There are more commands you can do with scaffolt and also instruction on how to create your own generators, so make sure you check out the docs.
To run you will need Karma you will need to install phantomjs. If you want to run your tests on other browsers consult the Karma docs.
brew update && brew install phantomjs
To run tests continiously as you write code and tests (for now) you must open two terminal windows.
brunch watch -s
karma start
This skeleton supports the production versions of ember and ember-data. Just build using the --production flags.
brunch build --production
You can also have modules load only when you are on a specific environment (production / development). Just add the modules you want loaded to the corresponging subdirectory of the envs
top level directory. All modules will be imported by the module 'config/env'
.
var myEnvVars = require('config/env');
myEnvVars.envFileName.property;
To updated ember.js, ember-data.js and handlebars.js to the latest stable versions, just run this command on the project root.
npm run update:ember
This command will replace package.json
, README.md
, config.js
, karma.conf.js
and the generators
directory with the latest version from the GitHub repository.
npm run update:skeleton
npm install
If you want to update an older version of the skeleton which doesn't have support for the update:skeleton command you can get the setup.js
by running:
curl https://raw.github.com/gcollazo/brunch-with-ember-reloaded/master/setup.js > setup.js
node setup.js update:skeleton
All of brunch-with-ember-reloaded is licensed under the MIT license.
Copyright (c) 2013 Giovanni Collazo
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.