feat(format): add code formatting

Close #143

Author: filipesilva

README.md

@@ -55,7 +55,7 @@ ng serve
 ```
 Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
 
-You can configure the default HTTP port and the one used by the LiveReload server with two command-line options : 
+You can configure the default HTTP port and the one used by the LiveReload server with two command-line options :
 
 ```bash
 ng serve --port 4201 --live-reload-port 49153
@@ -176,6 +176,14 @@ ng github-pages:deploy
 
 Checkout [angular-cli-github-pages addon](https://github.com/IgorMinar/angular-cli-github-pages) docs for more info.
 
+### Formatting code
+
+You can format your app code by running `ng format`.
+This will use the `format` npm script that in generated projects uses `clang-format`.
+
+You can modify the `format` script in `package.json` to run whatever formatting tool
+you prefer and `ng format` will still run it.
+
 
 ## Known issues
 

addon/ng2/blueprints/ng2/files/.clang-format

@@ -0,0 +1,3 @@
+Language:        JavaScript
+BasedOnStyle:    Google
+ColumnLimit:     100

addon/ng2/blueprints/ng2/files/package.json

@@ -10,11 +10,13 @@
   },
   "scripts": {
     "start": "ng server",
-    "postinstall": "typings install --ambient"
+    "postinstall": "typings install --ambient",
+    "format": "clang-format -i -style=file --glob=src/**/*.ts"
   },
   "private": true,
   "dependencies": {
     "angular2": "2.0.0-beta.6",
+    "clang-format": "^1.0.35",
     "es6-promise": "^3.0.2",
     "es6-shim": "^0.33.3",
     "reflect-metadata": "0.1.2",

addon/ng2/commands/format.js

@@ -0,0 +1,20 @@
+/* jshint node: true */
+'use strict';
+
+var Command = require('ember-cli/lib/models/command');
+var FormatTask = require('../tasks/format');
+
+module.exports = Command.extend({
+  name: 'format',
+  description: 'Formats code in existing project',
+  works: 'insideProject',
+  run: function() {
+    var formatTask = new FormatTask({
+      ui: this.ui,
+      analytics: this.analytics,
+      project: this.project
+    });
+
+    return formatTask.run();
+  }
+});

addon/ng2/index.js

@@ -9,7 +9,8 @@ module.exports = {
       'init'      : require('./commands/init'),
       'install'   : require('./commands/install'),
       'uninstall' : require('./commands/uninstall'),
-      'test'      : require('./commands/test')
+      'test'      : require('./commands/test'),
+      'format'    : require('./commands/format')
     };
   }
 };

addon/ng2/tasks/format.js

@@ -0,0 +1,23 @@
+/* jshint node: true */
+'use strict';
+
+var Promise = require('ember-cli/lib/ext/promise');
+var Task = require('ember-cli/lib/models/task');
+var exec = Promise.denodeify(require('child_process').exec);
+
+module.exports = Task.extend({
+  run: function() {
+    var chalk = require('chalk');
+    var ui = this.ui;
+
+    return exec('npm run format')
+      .then(function() {
+        ui.writeLine(chalk.green('Successfully formatted files.'));
+      })
+      .catch(function( /*error*/ ) {
+        ui.writeLine(chalk.red(
+          'Couldn\'t do \'npm run format\'. Please check this script exists in your package.json.'
+        ));
+      });
+  }
+});