@igniteui/angular-templates 18.0.1330-beta.2 → 18.0.1330-rc.0

package/igx-ts/projects/_base/files/package.json

@@ -19,7 +19,7 @@
     "@angular/platform-browser-dynamic": "~18.0.0",
     "@angular/router": "~18.0.0",
 	  "hammerjs": "~2.0.8",
-    "igniteui-angular": "~18.0.0-alpha.3",
+    "igniteui-angular": "~18.0.0-rc.0",
     "minireset.css": "~0.0.7",
     "rxjs": "~7.8.0",
     "tslib": "~2.3.0",

package/igx-ts/projects/_base/files/src/app/app.config.ts

@@ -1,19 +1,34 @@
-import { ApplicationConfig, importProvidersFrom } from '@angular/core';
+import { ApplicationConfig, ErrorHandler, Provider, importProvidersFrom } from '@angular/core';
 import { provideRouter, withComponentInputBinding } from '@angular/router';
-import { HammerModule } from '@angular/platform-browser';
+import { BrowserModule, HammerModule } from '@angular/platform-browser';
 import { provideAnimations } from '@angular/platform-browser/animations';
-import { provideHttpClient } from '@angular/common/http';
+import {
+  IgxNavigationDrawerModule,
+  IgxNavbarModule,
+  IgxLayoutModule,
+  IgxRippleModule,
+} from 'igniteui-angular';
 
 import { routes } from './app.routes';
+import { GlobalErrorHandlerService } from './error-routing/error/global-error-handler.service';
+import { environment } from '../environments/environment';
 
-export const appConfig: ApplicationConfig = {
-  providers: [
+const providers: Provider[] = [
+  [
     provideRouter(routes, withComponentInputBinding()),
-    importProvidersFrom(HammerModule),
-    provideAnimations(),
-    provideHttpClient()
+    importProvidersFrom(BrowserModule),
+    provideAnimations()
     // provide the HAMMER_GESTURE_CONFIG token
     // to override the default settings of the HammerModule
     // { provide: HAMMER_GESTURE_CONFIG, useClass: MyHammerConfig }
   ]
-};
+];
+
+if (environment.production) {
+  providers.push({
+    provide: ErrorHandler,
+    useClass: GlobalErrorHandlerService
+  });
+}
+
+export const appConfig: ApplicationConfig = { providers };

package/igx-ts/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/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,3 @@
+export const environment = {
+  production: false
+};

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/package.json

@@ -20,7 +20,7 @@
     "@angular/platform-browser-dynamic": "~18.0.0",
     "@angular/router": "~18.0.0",
     "hammerjs": "^2.0.8",
-    "igniteui-angular": "~18.0.0-alpha.3",
+    "igniteui-angular": "~18.0.0-rc.0",
     "minireset.css": "~0.0.7",
     "rxjs": "~7.8.0",
     "tslib": "~2.3.0",

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,3 @@
+export const environment = {
+  production: false
+};

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-rc.0",
   "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-rc.0",
     "typescript": "~5.4.3"
   }
 }