add filter example

generators/app/templates/js/features/common/filters/main.js

@@ -0,0 +1,10 @@
+/**
+ *  Entrance of common filters
+ *
+ *  @author  <%= answers.username %>
+ *  @date    <%= answers.date %>
+ *
+ */
+import normalize from './normalize';
+
+export default [normalize];

generators/app/templates/js/features/common/filters/normalize.js

@@ -0,0 +1,22 @@
+/**
+ *  Defines the normalize filter.
+ *  This filter used to convert CamelCase string into space separated words
+ *
+ * For Example: {{ 'SimpleTodoApp' | normalize }}, will print as: Simple Todo App
+ *
+ *  @author  <%= answers.username %>
+ *  @date    <%= answers.date %>
+ *
+ */
+export default {
+    type: 'filter',
+    name: 'normalize',
+
+    filterFactory: function() {
+        'ngInject';
+
+        return function(input) {
+            return input.replace(/([A-Z])/g, ' $1');
+        };
+    }
+};

generators/app/templates/js/features/common/main.js

@@ -9,5 +9,6 @@
 import components from './components/main';
 import directives from './directives/main';
 import runners from './runners/main';
+import filters from './filters/main';
 
-export default [...components, ...runners, ...directives];
+export default [...components, ...runners, ...directives, ...filters];

generators/app/templates/js/features/home/components/subs/todo/index.co

@@ -19,7 +19,7 @@ export default {
     },
     template: `
         <div id="todo-app">
-            <h2>Simple TODO app</h2>
+            <h2>{{ 'SimpleTodoApp' | normalize }}</h2>
             <input autofocus type="text" placeholder="Typing here..." ng-keyup="$ctrl.addTodo($event)">
 
             <p ng-if="$ctrl.loading">Loading...</p>
@@ -66,7 +66,9 @@ export default {
 
         toggleTodo(e, todo) {
             stop(e);
-            this.onToggle({todo});
+            this.onToggle({
+                todo
+            });
         }
 
         remaining() {

generators/app/templates/package.json_vm

@@ -18,22 +18,22 @@
   "author": "<%= answers.username %> <% if(answers.email){ %><<%= answers.email %>><% } %>",
   "license": "MIT",
   "dependencies":{
-    "angular": "^1.6.3",
-    "angular-route": "^1.6.3"
+    "angular": "^1.6.4",
+    "angular-route": "^1.6.4"
   },
   "devDependencies": {
-    "autoprefixer": "^6.7.7",
-    "babel-core": "^6.24.0",
-    "babel-loader": "^6.4.1",
+    "autoprefixer": "^7.1.1",
+    "babel-core": "^6.24.1",
+    "babel-loader": "^7.0.0",
     "babel-plugin-angularjs-annotate": "^0.7.0",
-    "babel-preset-es2015": "^6.24.0",
-    "css-loader": "^0.27.3",
-    "file-loader": "^0.10.1",
+    "babel-preset-es2015": "^6.24.1",
+    "css-loader": "^0.28.1",
+    "file-loader": "^0.11.1",
     "html-webpack-plugin": "^2.28.0",
-    "postcss-loader": "^1.3.3",
+    "postcss-loader": "^2.0.5",
     "html-loader": "^0.4.5",
-    "style-loader": "^0.14.1",
-    "webpack": "^2.2.1",
-    "webpack-dev-server": "^2.4.2"
+    "style-loader": "^0.17.0",
+    "webpack": "^2.5.1",
+    "webpack-dev-server": "^2.4.5"
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "generator-es6-angular",
-  "version": "5.0.4",
+  "version": "5.0.5",
   "description": "generator-es6-angular",
   "repository": {
     "type": "git",