feat: add option to inline templates and styles

Inline templates via "--inline-template" or "-it"
Inline steyles via "--inline-style" or "-is"
Fixes angular#296
Fixes angular#349

Author: Brocco

addon/ng2/blueprints/component/files/__path__/__name__.component.ts

@@ -3,9 +3,16 @@ import {RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS} from 'angular2/router'
 
 @Component({
   moduleId: __moduleName,
-  selector: '<%= dasherizedModuleName %>',
-  templateUrl: '<%= dasherizedModuleName %>.component.html',
-  styleUrls: ['<%= dasherizedModuleName %>.component.<%= styleExt %>']<% if (route) { %>,
+  selector: '<%= dasherizedModuleName %>',<% if(inlineTemplate) { %>
+  template: `
+    <p>
+      <%= dasherizedModuleName %> Works!
+    </p><% if (route) { %>
+    <router-outlet></router-outlet><% } %>
+  `,<% } else { %>
+  templateUrl: '<%= dasherizedModuleName %>.component.html',<% } if(inlineStyle) { %>
+  styles: []<% } else { %>
+  styleUrls: ['<%= dasherizedModuleName %>.component.<%= styleExt %>']<% } if (route) { %>,
   directives: [ROUTER_DIRECTIVES]<% } %>
 })<% if (route) { %>
 @RouteConfig([

addon/ng2/blueprints/component/index.js

@@ -20,7 +20,9 @@ module.exports = {
 
   availableOptions: [
     { name: 'flat', type: Boolean, default: false },
-    { name: 'route', type: Boolean, default: false }
+    { name: 'route', type: Boolean, default: false },
+    { name: 'inline-template', type: Boolean, default: false, aliases: ['it'] },
+    { name: 'inline-style', type: Boolean, default: false, aliases: ['is'] },
   ],
 
   normalizeEntityName: function (entityName) {
@@ -42,6 +44,8 @@ module.exports = {
     return {
       dynamicPath: this.dynamicPath.dir.replace(this.dynamicPath.appRoot, ''),
       flat: options.flat,
+      inlineTemplate: options.inlineTemplate,
+      inlineStyle: options.inlineStyle,
       route: options.route,
       styleExt: this.styleExt,
       isLazyRoute: !!options.isLazyRoute,
@@ -58,6 +62,12 @@ module.exports = {
     if (this.options && !this.options.route) {
       fileList = fileList.filter(p => p.indexOf(path.join('shared', 'index.ts')) <= 0);
     }
+    if (this.options && this.options.inlineTemplate) {
+      fileList = fileList.filter(p => p.indexOf('.html') < 0);
+    }
+    if (this.options && this.options.inlineStyle) {
+      fileList = fileList.filter(p => p.indexOf('.__styleext__') < 0);
+    }
 
     return fileList;
   },