feature(config): config inline template & style in angular-cli.json (#2457)

Fixes #2447

Author: Brocco

package.json

@@ -20,7 +20,7 @@
     "test:cli": "node tests/runner",
     "test:inspect": "node --inspect --debug-brk tests/runner",
     "test:packages": "node scripts/run-packages-spec.js",
-    "build-config-interface": "dtsgen lib/config/schema.json --out lib/config/schema.d.ts",
+    "build-config-interface": "dtsgen packages/angular-cli/lib/config/schema.json --out packages/angular-cli/lib/config/schema.d.ts",
     "eslint": "eslint .",
     "tslint": "tslint \"**/*.ts\" -c tslint.json -e \"**/blueprints/*/files/**/*.ts\" -e \"node_modules/**\" -e \"tmp/**\" -e \"dist/**\"",
     "lint": "npm-run-all -c eslint tslint"

packages/angular-cli/addon/index.js

@@ -8,7 +8,8 @@ module.exports = {
   name: 'ng2',
 
   config: function () {
-    this.project.ngConfig = this.project.ngConfig || config.CliConfig.fromProject().config;
+    this.project.ngConfigObj = this.project.ngConfigObj || config.CliConfig.fromProject();
+    this.project.ngConfig = this.project.ngConfig || this.project.ngConfigObj.config;
   },
 
   blueprintsPath: function () {

packages/angular-cli/blueprints/component/index.js

@@ -13,8 +13,8 @@ module.exports = {
 
   availableOptions: [
     { name: 'flat', type: Boolean, default: false },
-    { name: 'inline-template', type: Boolean, default: false, aliases: ['it'] },
-    { name: 'inline-style', type: Boolean, default: false, aliases: ['is'] },
+    { name: 'inline-template', type: Boolean, aliases: ['it'] },
+    { name: 'inline-style', type: Boolean, aliases: ['is'] },
     { name: 'prefix', type: Boolean, default: true },
     { name: 'spec', type: Boolean, default: true }
   ],
@@ -56,6 +56,14 @@ module.exports = {
       this.styleExt = this.project.ngConfig.defaults.styleExt;
     }
 
+    options.inlineStyle = options.inlineStyle !== undefined ?
+      options.inlineStyle :
+      this.project.ngConfigObj.get('defaults.inline.style');
+
+    options.inlineTemplate = options.inlineTemplate !== undefined ?
+      options.inlineTemplate :
+      this.project.ngConfigObj.get('defaults.inline.template');
+
     return {
       dynamicPath: this.dynamicPath.dir.replace(this.dynamicPath.appRoot, ''),
       flat: options.flat,

packages/angular-cli/lib/config/schema.d.ts

@@ -60,5 +60,9 @@ export interface CliConfig {
         styleExt?: string;
         prefixInterfaces?: boolean;
         poll?: number;
+        inline?: {
+            style?: boolean;
+            template?: boolean;
+        };
     };
 }

packages/angular-cli/lib/config/schema.json

@@ -138,6 +138,19 @@
         },
         "poll": {
           "type": "number"
+        },
+        "inline": {
+          "type": "object",
+          "properties": {
+            "style": {
+              "type": "boolean",
+              "default": false
+            },
+            "template": {
+              "type": "boolean",
+              "default": false
+            }
+          }
         }
       },
       "additionalProperties": false

packages/angular-cli/models/json-schema/schema-tree.ts

@@ -281,7 +281,7 @@ export abstract class LeafSchemaTreeNode<T> extends SchemaTreeNode<T> {
 
   constructor(metaData: TreeNodeConstructorArgument<T>) {
     super(metaData);
-    this._defined = metaData.value !== undefined;
+    this._defined = !(metaData.value === undefined || metaData.value === null);
     if ('default' in metaData.schema) {
       this._default = metaData.schema['default'];
     }