feat(@angular/cli): making app root configurable

packages/@angular/cli/blueprints/component/index.ts

@@ -114,7 +114,8 @@ export default Blueprint.extend({
         resolveModulePath(options.module, this.project, this.project.root, appConfig);
     } else {
       try {
-        this.pathToModule = findParentModule(this.project.root, appConfig.root, this.generatePath);
+        this.pathToModule =
+          findParentModule(this.project.root, appConfig.root, this.generatePath, appConfig.appRoot);
       } catch (e) {
         if (!options.skipImport) {
           throw `Error locating module for declaration\n\t${e}`;

packages/@angular/cli/blueprints/directive/index.ts

@@ -67,7 +67,8 @@ export default Blueprint.extend({
         resolveModulePath(options.module, this.project, this.project.root, appConfig);
     } else {
       try {
-        this.pathToModule = findParentModule(this.project.root, appConfig.root, this.generatePath);
+        this.pathToModule =
+          findParentModule(this.project.root, appConfig.root, this.generatePath, appConfig.appRoot);
       } catch (e) {
         if (!options.skipImport) {
           throw `Error locating module for declaration\n\t${e}`;

packages/@angular/cli/blueprints/ng/files/angular-cli.json

@@ -5,6 +5,7 @@
   },
   "apps": [
     {
+      "appRoot": "app",
       "root": "<%= sourceDir %>",
       "outDir": "dist",
       "assets": [

packages/@angular/cli/blueprints/pipe/index.ts

@@ -61,7 +61,8 @@ export default Blueprint.extend({
         resolveModulePath(options.module, this.project, this.project.root, appConfig);
     } else {
       try {
-        this.pathToModule = findParentModule(this.project.root, appConfig.root, this.generatePath);
+        this.pathToModule =
+          findParentModule(this.project.root, appConfig.root, this.generatePath, appConfig.appRoot);
       } catch (e) {
         if (!options.skipImport) {
           throw `Error locating module for declaration\n\t${e}`;

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

@@ -33,9 +33,14 @@
             "type": "string",
             "description": "Name of the app."
           },
-          "root": {
+          "appRoot": {
             "type": "string",
+            "default": "app",
             "description": "The root directory of the app."
+          },          
+          "root": {
+            "type": "string",
+            "description": "The root src directory for the apps."
           },
           "outDir": {
             "type": "string",

packages/@angular/cli/utilities/dynamic-path-parser.ts

@@ -13,7 +13,7 @@ export interface DynamicPathOptions {
 export function dynamicPathParser(options: DynamicPathOptions) {
   const projectRoot = options.project.root;
   const sourceDir = options.appConfig.root;
-  const appRoot = path.join(sourceDir, 'app');
+  const appRoot = path.join(sourceDir, options.appConfig.appRoot || 'app');
   const cwd = process.env.PWD;
 
   const rootPath = path.join(projectRoot, appRoot);

packages/@angular/cli/utilities/find-parent-module.ts

@@ -3,12 +3,12 @@ import * as path from 'path';
 const SilentError = require('silent-error');
 
 export default function findParentModule(
-  projectRoot: string, appRoot: string, currentDir: string): string {
+  projectRoot: string, srcRoot: string, currentDir: string, appRoot = 'app'): string {
 
-  const sourceRoot = path.join(projectRoot, appRoot, 'app');
+  const sourceRoot = path.join(projectRoot, srcRoot, appRoot);
 
   // trim currentDir
-  currentDir = currentDir.replace(path.join(appRoot, 'app'), '');
+  currentDir = currentDir.replace(path.join(srcRoot, appRoot), '');
 
   let pathToCheck = path.join(sourceRoot, currentDir);
 

tests/e2e/tests/commands/set/set-approot.ts

@@ -0,0 +1,26 @@
+import {ng} from '../../../utils/process';
+import {rename} from '../../../utils/fs';
+
+export default function() {
+  return Promise.resolve()
+    .then(() => ng('get', 'apps.0.appRoot'))
+    .then(({ stdout }) => {
+      if (!stdout.match(/app/)) {
+        throw new Error(`Expected "app", received "${JSON.stringify(stdout)}".`);
+      }
+    })
+    .then(() => ng('set', 'apps.0.appRoot' , 'app1'))
+    .then(() => ng('get', 'apps.0.appRoot'))
+    .then(({ stdout }) => {
+      if (!stdout.match(/app1/)) {
+        throw new Error(`Expected "app1", received "${JSON.stringify(stdout)}".`);
+      }
+    })
+    .then(() => rename('./src/app', './src/app1'))
+    .then(() => ng('g', 'c', 'hello', '-d'))
+    .then(({ stdout }) => {
+      if (!stdout.match(/app1/)) {
+        throw new Error(`Expected "app", received "${JSON.stringify(stdout)}".`);
+      }
+    });
+}

tests/e2e/utils/fs.ts

@@ -71,6 +71,17 @@ export function createDir(path: string) {
   _recursiveMkDir(path);
 }
 
+export function rename(from: string, to: string) {
+  return new Promise((resolve, reject) => {
+      fs.rename(from, to, (error) => {
+        if (error) {
+          reject(error);
+        } else {
+          resolve();
+        }
+      });
+  });
+}
 
 function _recursiveMkDir(path: string) {
   if (fs.existsSync(path)) {