fix(igx-ts-legacy): update the base template

Author: Hristo313

packages/igx-templates/igx-ts-legacy/projects/_base/files/__dot__editorconfig

@@ -10,6 +10,7 @@ trim_trailing_whitespace = true
 
 [*.ts]
 quote_type = single
+ij_typescript_use_double_quotes = false
 
 [*.md]
 max_line_length = off

packages/igx-templates/igx-ts-legacy/projects/_base/files/__dot__gitignore

@@ -36,6 +36,7 @@ yarn-error.log
 /libpeerconnection.log
 testem.log
 /typings
+__screenshots__/
 
 # System files
 .DS_Store

packages/igx-templates/igx-ts-legacy/projects/_base/files/angular.json

@@ -13,6 +13,12 @@
         "@schematics/angular:application": {
           "strict": true,
           "standalone": false
+        },
+        "@schematics/angular:directive": {
+          "standalone": false
+        },
+        "@schematics/angular:pipe": {
+          "standalone": false
         }
       },
       "root": "",
@@ -25,7 +31,9 @@
             "outputPath": "dist/<%=dashName%>",
             "index": "src/index.html",
             "browser": "src/main.ts",
-            "polyfills": ["src/polyfills.ts"],
+            "polyfills": [
+              "zone.js"
+            ],
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
             "assets": [
@@ -39,7 +47,9 @@
               "./node_modules/hammerjs/hammer.min.js"
             ],
             "stylePreprocessorOptions": {
-              "includePaths": ["node_modules"]
+              "includePaths": [
+                "node_modules"
+              ]
             }
           },
           "configurations": {
@@ -56,19 +66,19 @@
                   "maximumError": "2mb"
                 }
               ],
-              "fileReplacements": [
-                {
-                  "replace": "src/environments/environment.ts",
-                  "with": "src/environments/environment.prod.ts"
-                }
-              ],
               "outputHashing": "all"
             },
             "development": {
               "optimization": false,
               "extractLicenses": false,
               "sourceMap": true,
-              "namedChunks": true
+              "namedChunks": true,
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.development.ts"
+                }
+              ]
             }
           },
           "defaultConfiguration": "production"
@@ -86,39 +96,40 @@
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "builder": "@angular/build:extract-i18n",
           "options": {
             "buildTarget": "<%=dashName%>:build"
           }
         },
         "test": {
-          "builder": "@angular-devkit/build-angular:karma",
+          "builder": "@angular/build:karma",
           "options": {
             "polyfills": [
               "zone.js",
               "zone.js/testing"
             ],
             "tsConfig": "tsconfig.spec.json",
             "inlineStyleLanguage": "scss",
+            "assets": [
+              "src/favicon.ico",
+              "src/assets"
+            ],
             "styles": [
               "src/styles.scss"
             ],
             "scripts": [
               "./node_modules/hammerjs/hammer.min.js"
             ],
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
             "stylePreprocessorOptions": {
-              "includePaths": ["node_modules"]
+              "includePaths": [
+                "node_modules"
+              ]
             }
           }
         },
         "lint": {
           "builder": "@angular-eslint/builder:lint",
           "options": {
-            "eslintConfig": "eslint.config.js",
             "lintFilePatterns": [
               "src/**/*.ts",
               "src/**/*.html"
@@ -129,6 +140,8 @@
     }
   },
   "cli": {
-    "schematicCollections": ["@angular-eslint/schematics"]
+    "schematicCollections": [
+      "angular-eslint"
+    ]
   }
 }

packages/igx-templates/igx-ts-legacy/projects/_base/files/package.json

@@ -9,16 +9,28 @@
     "test": "node --max-old-space-size=8192 ./node_modules/@angular/cli/bin/ng test",
     "lint": "ng lint"
   },
+  "prettier": {
+    "printWidth": 100,
+    "singleQuote": true,
+    "overrides": [
+      {
+        "files": "*.html",
+        "options": {
+          "parser": "angular"
+        }
+      }
+    ]
+  },
   "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",
     "hammerjs": "~2.0.8",
     "igniteui-angular": "~21.1.0",
     "minireset.css": "~0.0.7",
@@ -27,13 +39,12 @@
     "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/cli": "~21.2.0",
+    "@angular/compiler-cli": "~21.2.0",
     "@types/jasmine": "~5.1.4",
     "angular-eslint": "~21.2.0",
-    "eslint": "~9.39.1",
+    "eslint": "~9.39.2",
     "igniteui-cli": "~<%=cliVersion%>",
     "jasmine-core": "~5.12.1",
     "karma": "~6.4.4",
@@ -42,6 +53,6 @@
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
     "typescript": "~5.9.3",
-    "typescript-eslint": "~8.47.0"
+    "typescript-eslint": "~8.50.1"
   }
 }

…ojects/_base/files/src/app/app.module.ts …ojects/_base/files/src/app/app-module.tspackages/igx-templates/igx-ts-legacy/projects/_base/files/src/app/app.module.ts renamed to packages/igx-templates/igx-ts-legacy/projects/_base/files/src/app/app-module.ts packages/igx-templates/igx-ts-legacy/projects/_base/files/src/app/app.module.ts renamed to packages/igx-templates/igx-ts-legacy/projects/_base/files/src/app/app-module.ts

@@ -1,21 +1,27 @@
-import { NgModule } from '@angular/core';
+import { NgModule, provideBrowserGlobalErrorListeners } from '@angular/core';
 import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { AppRoutingModule } from './app-routing.module';
-import { AppComponent } from './app.component';
+import { App } from './app';
+import { NotFound } from './error-routing/not-found/not-found';
+import { UncaughtError } from './error-routing/error/uncaught-error';
 
 @NgModule({
   declarations: [
-    AppComponent,
+    App,
+    NotFound,
+    UncaughtError
   ],
   imports: [
     BrowserModule,
     HammerModule,
     AppRoutingModule,
     BrowserAnimationsModule
   ],
-  providers: [],
-  bootstrap: [AppComponent]
+  providers: [
+    provideBrowserGlobalErrorListeners()
+  ],
+  bootstrap: [App]
 })
 export class AppModule {
 }

packages/igx-templates/igx-ts-legacy/projects/_base/files/src/app/app-routing.module.ts

@@ -1,13 +1,13 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 
-import { PageNotFoundComponent } from './error-routing/not-found/not-found.component';
-import { UncaughtErrorComponent } from './error-routing/error/uncaught-error.component';
+import { NotFound } from './error-routing/not-found/not-found';
+import { UncaughtError } from './error-routing/error/uncaught-error';
 import { ErrorRoutingModule } from './error-routing/error-routing.module';
 
 export const routes: Routes = [
-	{ path: 'error', component: UncaughtErrorComponent },
-	{ path: '**', component: PageNotFoundComponent } // must always be last
+	{ path: 'error', component: UncaughtError },
+	{ path: '**', component: NotFound } // must always be last
 ];
 
 @NgModule({