@igniteui/angular-templates 18.0.1330-beta.2 → 18.0.1330-beta.3

package/igx-ts/projects/_base/files/src/environments/environment.prod.ts

@@ -0,0 +1,3 @@
+export const environment = {
+  production: true
+};

package/igx-ts/projects/_base/files/src/environments/environment.ts

@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+  production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * This import should be commented out in production mode because it will have a negative impact
+ * on performance if an error is thrown.
+ */
+// import 'zone.js/dist/zone-error';  // Included with Angular CLI.

package/igx-ts/projects/_base/files/src/main.ts

@@ -1,7 +1,13 @@
+import { enableProdMode } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
 
 import { appConfig } from './app/app.config';
 import { AppComponent } from './app/app.component';
+import { environment } from './environments/environment';
+
+if (environment.production) {
+  enableProdMode();
+}
 
 bootstrapApplication(AppComponent, appConfig)
   .catch((err) => console.error(err));

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

@@ -3,6 +3,7 @@ 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 { ErrorRoutingModule } from './error-routing/error-routing.module';
 
 export const routes: Routes = [
 	{ path: 'error', component: UncaughtErrorComponent },
@@ -10,7 +11,7 @@ export const routes: Routes = [
 ];
 
 @NgModule({
-	imports: [RouterModule.forRoot(routes, { bindToComponentInputs: true })],
-	exports: [RouterModule]
+	imports: [RouterModule.forRoot(routes, { bindToComponentInputs: true }), ErrorRoutingModule],
+	exports: [RouterModule, ErrorRoutingModule]
 })
 export class AppRoutingModule { }

package/igx-ts-legacy/projects/_base/files/src/app/error-routing/error/global-error-handler.service.ts

@@ -0,0 +1,23 @@
+import { ErrorHandler, Injectable, Injector, NgZone } from '@angular/core';
+import { Router } from '@angular/router';
+
+@Injectable()
+export class GlobalErrorHandlerService implements ErrorHandler {
+
+  constructor(private injector: Injector, private zone: NgZone) { }
+
+  handleError(error: any) {
+    // handle and/or log error, for example:
+    console.error(error);
+
+    // show error page
+    const router = this.injector.get(Router);
+    if (router) {
+      this.zone.run(() => {
+        router
+          .navigate(['error'])
+          .catch((err: any) => console.error(err));
+      });
+    }
+  }
+}

package/igx-ts-legacy/projects/_base/files/src/app/error-routing/error-routing.module.ts

@@ -0,0 +1,21 @@
+import { ErrorHandler, NgModule, Provider } from '@angular/core';
+import { environment } from '../../environments/environment';
+import { GlobalErrorHandlerService } from './error/global-error-handler.service';
+import { UncaughtErrorComponent } from './error/uncaught-error.component';
+import { PageNotFoundComponent } from './not-found/not-found.component';
+
+const providers: Provider[] = [];
+
+if (environment.production) {
+  // register prod error handler
+  providers.push({ provide: ErrorHandler, useClass: GlobalErrorHandlerService });
+}
+
+@NgModule({
+  declarations: [
+    PageNotFoundComponent,
+    UncaughtErrorComponent
+  ],
+  providers
+})
+export class ErrorRoutingModule { }

package/igx-ts-legacy/projects/_base/files/src/environments/environment.prod.ts

@@ -0,0 +1,3 @@
+export const environment = {
+  production: true
+};

package/igx-ts-legacy/projects/_base/files/src/environments/environment.ts

@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+  production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * This import should be commented out in production mode because it will have a negative impact
+ * on performance if an error is thrown.
+ */
+// import 'zone.js/dist/zone-error';  // Included with Angular CLI.

package/igx-ts-legacy/projects/_base/files/src/main.ts

@@ -1,6 +1,12 @@
+import { enableProdMode } from '@angular/core';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
 import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+
+if (environment.production) {
+  enableProdMode();
+}
 
 platformBrowserDynamic().bootstrapModule(AppModule)
   .catch(err => console.error(err));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igniteui/angular-templates",
-  "version": "18.0.1330-beta.2",
+  "version": "18.0.1330-beta.3",
   "description": "Templates for Ignite UI for Angular projects and components",
   "repository": {
     "type": "git",
@@ -12,7 +12,7 @@
   "author": "Infragistics",
   "license": "MIT",
   "dependencies": {
-    "@igniteui/cli-core": "~13.3.0-beta.2",
+    "@igniteui/cli-core": "~13.3.0-beta.3",
     "typescript": "~5.4.3"
   }
 }