feat(schematics): Add schematic for initial support of "ng add ignite…

…ui-angular" (#410)

Implemented "cli-config" schematic as an extension for the "ng-add" schematic in Ignite UI for Angular

.gitignore

@@ -17,5 +17,7 @@
 !/templates/react/**/files/**/*
 /migrations/**/*.js.map
 /migrations/**/*.js
+/schematics/**/*.js.map
+/schematics/**/*.js
 /coverage
 /.nyc_output

.vscode/settings.json

@@ -13,7 +13,9 @@
 		"templates/**/*.js.map": true,
 		"templates/**/*.js": {"when": "$(basename).ts"},
 		"migrations/**/*.js.map": true,
-		"migrations/**/*.js": {"when": "$(basename).ts"}
+		"migrations/**/*.js": {"when": "$(basename).ts"},
+		"schematics/**/*.js.map": true,
+		"schematics/**/*.js": {"when": "$(basename).ts"}
 	},
 	"tslint.exclude": [ 
 		"**/files/**/*.ts",

lib/templates/IgniteUIForAngularTemplate.ts

@@ -40,12 +40,14 @@ export class IgniteUIForAngularTemplate extends AngularTemplate {
 		//1) import the component class name,
 		//2) and populate the Routes array with the path and component
 		//for example: { path: 'combo', component: ComboComponent }
-		const routingModule = new TsUpdate(path.join(projectPath, "src/app/app-routing.module.ts"));
-		routingModule.addRoute(
-			path.join(projectPath, `src/app/${this.folderName(name)}/${this.fileName(name)}.component.ts`),
-			this.folderName(name), //path
-			name //text
-		);
+		if (Util.fileExists("src/app/app-routing.module.ts")) {
+			const routingModule = new TsUpdate(path.join(projectPath, "src/app/app-routing.module.ts"));
+			routingModule.addRoute(
+				path.join(projectPath, `src/app/${this.folderName(name)}/${this.fileName(name)}.component.ts`),
+				this.folderName(name), //path
+				name //text
+			);
+		}
 
 		//3) add an import of the component class from its file location.
 		//4) populate the declarations portion of the @NgModule with the component class name.

migrations/update-3/index.ts

@@ -1,7 +1,7 @@
 // tslint:disable:no-implicit-dependencies
 import { Rule, SchematicContext, Tree } from "@angular-devkit/schematics";
 
-function addTypography(host: Tree) {
+export function addTypography(host: Tree) {
 	const indexHtml = "src/index.html";
 	const bodyTagRegex = /<body[^>]*?>/;
 	const classRegex = /class=["']([^"']*?)["']/;

package.json

@@ -46,7 +46,10 @@
     "templates/**/*.json",
     "migrations/**/*.d.ts",
     "migrations/**/*.js",
-    "migrations/**/*.json"
+    "migrations/**/*.json",
+    "schematics/**/*.d.ts",
+    "schematics/**/*.js",
+    "schematics/**/*.json"
   ],
   "nyc": {
     "extension": [
@@ -86,7 +89,8 @@
     "yargs": "^8.0.2"
   },
   "devDependencies": {
-    "@angular-devkit/schematics": "^0.6.8",
+    "@angular-devkit/schematics": "^7.0.6",
+    "@schematics/angular": "7.1.0",
     "@types/fs-extra": "^3.0.3",
     "@types/inquirer": "0.0.35",
     "@types/jasmine": "^2.8.6",
@@ -110,5 +114,6 @@
       "igniteui-angular",
       "igniteui-angular-charts"
     ]
-  }
+  },
+  "schematics": "./schematics/cli-collection.json"
 }

schematics/cli-collection.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "./../@angular-devkit/schematics/collection-schema.json",
+  "schematics": {
+    "cli-config": {
+      "description": "Installs the needed dependencies onto the host application.",
+      "factory": "./cli-config/index"
+    }
+  }
+}

schematics/cli-config/files/ignite-ui-cli.json

@@ -0,0 +1,19 @@
+{
+	"version": "",
+	"project": {
+		"defaultPort": 4200,
+		"framework": "angular",
+		"projectType": "igx-ts",
+		"projectTemplate": "ng-cli",
+		"theme": "Custom",
+		"isBundle": false,
+		"bundleFilePath": "",
+		"igniteuiSource": "",
+		"components": [],
+		"sourceFiles": [],
+		"isShowcase": false,
+		"version": ""
+	},
+	"build": {},
+	"packagesInstalled": true
+}