feat(format): add code formatting

Close angular#143

Author: filipesilva

README.md

@@ -176,13 +176,21 @@ ng github-pages:deploy
 
 Checkout [angular-cli-github-pages addon](https://github.com/IgorMinar/angular-cli-github-pages) docs for more info.
 
-### Linting code
+### Linting and formatting code
 
-You can lint your app code by running `ng lint`.
-This will use the `lint` npm script that in generated projects uses `tslint`.
+You can lint or format your app code by running `ng lint` or `ng format` respectively.
+This will use the `lint`/`format` npm script that in generated projects uses `tslint`/`clang-format`.
 
-You can modify the `lint` script in `package.json` to run whatever linting tool
-you prefer and `ng lint` will still run it.
+You can modify the these scripts in `package.json` to run whatever tool you prefer.
+
+
+### 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

@@ -11,11 +11,13 @@
   "scripts": {
     "start": "ng server",
     "postinstall": "typings install --ambient",
-    "lint": "tslint src/**/*.ts"
+    "lint": "tslint src/**/*.ts",
+    "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

@@ -10,7 +10,8 @@ module.exports = {
       'install'   : require('./commands/install'),
       'uninstall' : require('./commands/uninstall'),
       'test'      : require('./commands/test'),
-      'lint'      : require('./commands/lint')
+      'lint'      : require('./commands/lint'),
+      '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.'
+        ));
+      });
+  }
+});