fix(igx-ts-legacy): update igx-legacy templates and empty template

Author: Hristo313

packages/cli/lib/templates/AngularTemplate.ts

@@ -45,7 +45,7 @@ export class AngularTemplate implements Template {
 	}
 
 	public registerInProject(projectPath: string, name: string, options?: AddTemplateArgs) {
-		let modulePath = "app.module.ts";
+		let modulePath = "app-module.ts";
 		if (options && options.modulePath) {
 			modulePath = options.modulePath;
 		}
@@ -84,7 +84,7 @@ export class AngularTemplate implements Template {
 		mainModule.addNgModuleMeta({
 			declare: [className],
 			from: relativePath,
-			export: modulePath !== "app.module.ts" ? [className] : []
+			export: modulePath !== "app-module.ts" ? [className] : []
 		});
 		mainModule.finalize();
 

packages/cli/migrations/update-2/index.spec.ts

@@ -15,7 +15,7 @@ describe("Update 2.0.0", () => {
 
 	it("should update router event rxjs subscription", async () => {
 		appTree.create(
-			"/src/app/app.component.ts",
+			"/src/app/app.ts",
 `import { Component, OnInit, ViewChild } from '@angular/core';
 import { NavigationStart, Router } from '@angular/router';
 import 'rxjs/add/operator/filter';
@@ -25,10 +25,10 @@ import { IgxNavigationDrawerComponent } from 'igniteui-angular';
 
 @Component({
   selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  templateUrl: './app.html',
+  styleUrl: './app.css'
 })
-export class AppComponent implements OnInit {
+export class App implements OnInit {
   @ViewChild(IgxNavigationDrawerComponent, { static: true }) public navdrawer: IgxNavigationDrawerComponent;
 
   constructor(private router: Router) {}
@@ -47,7 +47,7 @@ export class AppComponent implements OnInit {
 		);
 
 		const tree = await schematicRunner.runSchematic("migration-01", {}, appTree);
-		expect(tree.readContent("/src/app/app.component.ts"))
+		expect(tree.readContent("/src/app/app.ts"))
 			.toEqual(
 `import { Component, OnInit, ViewChild } from '@angular/core';
 import { NavigationStart, Router } from '@angular/router';
@@ -58,10 +58,10 @@ import { IgxNavigationDrawerComponent } from 'igniteui-angular';
 
 @Component({
   selector: 'app-root',
-  templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  templateUrl: './app.html',
+  styleUrl: './app.css'
 })
-export class AppComponent implements OnInit {
+export class App implements OnInit {
   @ViewChild(IgxNavigationDrawerComponent, { static: true }) public navdrawer: IgxNavigationDrawerComponent;
 
   constructor(private router: Router) {}

packages/cli/migrations/update-2/index.ts

@@ -5,7 +5,7 @@ export default function(): Rule {
 	return (host: Tree, context: SchematicContext) => {
 		context.logger.info("Updating project to Ignite UI CLI 2.0.0");
 
-		const appComponentPath = "src/app/app.component.ts";
+		const appComponentPath = "src/app/app.ts";
 
 		if (host.exists(appComponentPath)) {
 			let content = host.read(appComponentPath).toString();

packages/cli/migrations/update-3/index.spec.ts

@@ -72,7 +72,7 @@ h3 {
 	});
 
 	it("should remove forRoot() from IgxGridModule", async () => {
-		const indexFile = "/src/app/app.module.ts";
+		const indexFile = "/src/app/app-module.ts";
 		appTree.create(indexFile,
 `@NgModule({
   imports: [

packages/cli/migrations/update-3/index.ts

@@ -24,7 +24,7 @@ h3 {
 }
 
 function removeGridForRoot(host: Tree) {
-	const appModulePath = "src/app/app.module.ts";
+	const appModulePath = "src/app/app-module.ts";
 	if (host.exists(appModulePath)) {
 		let content = host.read(appModulePath).toString();
 		if (content.indexOf("IgxGridModule.forRoot()") !== -1) {

packages/cli/migrations/update-5_0_0/index.spec.ts

@@ -32,7 +32,7 @@ indent_size = 2
 	});
 
 	it("should add HammerModule", async () => {
-		const indexFile = "/src/app/app.module.ts";
+		const indexFile = "/src/app/app-module.ts";
 		appTree.create(indexFile,
 `import { BrowserModule } from '@angular/platform-browser';
 @NgModule({

packages/cli/migrations/update-5_0_0/index.ts

@@ -42,7 +42,7 @@ export default function(): Rule {
 			workspace.projects.get(workspace.extensions.defaultProject as string) :
 			workspace.projects.values().next().value as workspaces.ProjectDefinition;
 
-		const moduleFile = `${project.sourceRoot}/${project.prefix}/app.module.ts`;
+		const moduleFile = `${project.sourceRoot}/${project.prefix}/app-module.ts`;
 
 		context.logger.info(`Applying migration for Ignite UI CLI 5.0.0`);
 

packages/cli/templates/angular/ig-ts/projects/empty/files/package.json

@@ -10,14 +10,14 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~21.1.5",
-    "@angular/common": "~21.1.5",
-    "@angular/compiler": "~21.1.5",
-    "@angular/core": "~21.1.5",
-    "@angular/forms": "~21.1.5",
-    "@angular/platform-browser": "~21.1.5",
-    "@angular/platform-browser-dynamic": "~21.1.5",
-    "@angular/router": "~21.1.5",
+    "@angular/animations": "~21.2.0",
+    "@angular/common": "~21.2.0",
+    "@angular/compiler": "~21.2.0",
+    "@angular/core": "~21.2.0",
+    "@angular/forms": "~21.2.0",
+    "@angular/platform-browser": "~21.2.0",
+    "@angular/platform-browser-dynamic": "~21.2.0",
+    "@angular/router": "~21.2.0",
     "jquery": "^3.7.1",
     "jquery-ui": "^1.13.3",
     "igniteui-angular-wrappers": "~21.0.1",
@@ -27,10 +27,10 @@
     "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular/build": "~21.1.5",
-    "@angular-devkit/build-angular": "~21.1.5",
-    "@angular/cli": "~21.1.5",
-    "@angular/compiler-cli": "~21.1.5",
+    "@angular/build": "~21.2.0",
+    "@angular-devkit/build-angular": "~21.2.0",
+    "@angular/cli": "~21.2.0",
+    "@angular/compiler-cli": "~21.2.0",
     "@types/jasmine": "~5.1.4",
     "@types/node": "^18.16.0",
     "igniteui-cli": "^$(cliVersion)",

…ojects/empty/files/src/app/app.module.ts …ojects/empty/files/src/app/app-module.tspackages/cli/templates/angular/ig-ts/projects/empty/files/src/app/app.module.ts renamed to packages/cli/templates/angular/ig-ts/projects/empty/files/src/app/app-module.ts packages/cli/templates/angular/ig-ts/projects/empty/files/src/app/app.module.ts renamed to packages/cli/templates/angular/ig-ts/projects/empty/files/src/app/app-module.ts

@@ -3,7 +3,7 @@ import { BrowserModule } from '@angular/platform-browser';
 import { FormsModule } from '@angular/forms';
 
 import { AppRoutingModule } from './app-routing.module';
-import { AppComponent } from './app.component';
+import { App } from './app';
 import { NavMenuComponent } from './shared/nav-menu.component';
 import { HomeComponent } from './home.component';
 import { IgniteUIModule } from 'igniteui-angular-wrappers';
@@ -12,11 +12,11 @@ import { IgniteUIModule } from 'igniteui-angular-wrappers';
   imports: [BrowserModule, AppRoutingModule, IgniteUIModule, FormsModule],
   declarations: [
     HomeComponent,
-    AppComponent,
+    App,
     NavMenuComponent
   ],
   providers: [],
-  bootstrap: [AppComponent]
+  bootstrap: [App]
 })
 export class AppModule {
 }