build(budgets): set proper budget values

angular.json

@@ -80,31 +80,55 @@
                 {
                   "type": "bundle",
                   "name": "polyfills",
-                  "baseline": "150kb",
-                  "warning": "50kb",
-                  "error": "100kb"
+                  "baseline": "60kb",
+                  "maximumError": "20%",
+                  "maximumWarning": "10%",
+                  "minimumError": "20%",
+                  "minimumWarning": "10%"
                 },
                 {
                   "type": "bundle",
                   "name": "vendor",
                   "baseline": "1000kb",
-                  "warning": "100kb",
-                  "error": "200kb"
+                  "maximumError": "20%",
+                  "maximumWarning": "10%"
                 },
                 {
                   "type": "bundle",
                   "name": "styles",
                   "baseline": "250kb",
-                  "warning": "50kb",
-                  "error": "100kb"
+                  "maximumError": "20%",
+                  "maximumWarning": "10%"
                 },
                 {
                   "type": "bundle",
                   "name": "main",
-                  "baseline": "1200kb",
-                  "warning": "100kb",
-                  "error": "200kb"
-                }
+                  "baseline": "1300kb",
+                  "maximumError": "20%",
+                  "maximumWarning": "10%"
+                },
+                {
+                  "type": "initial",
+                  "baseline": "1.8mb",
+                  "maximumError": "20%",
+                  "maximumWarning": "10%",
+                  "minimumError": "20%",
+                  "minimumWarning": "10%"
+                },
+                {
+                  "type": "allScript",
+                  "baseline": "4.5mb",
+                  "maximumError": "20%",
+                  "maximumWarning": "10%",
+                  "minimumError": "20%",
+                  "minimumWarning": "10%"
+                },
+                {
+                  "type": "all",
+                  "baseline": "10mb",
+                  "maximumError": "20%",
+                  "maximumWarning": "10%"
+                },
               ]
             },
             "mock": {

apps/webapp/src/environments/environment.prod.ts

@@ -9,6 +9,7 @@ export const environment = {
   WS_EVENT_BUS_URL: 'ws://localhost:3000/eventbus',
   auth: {
     clientId: 'is360ui',
-    issuer: 'http://localhost:8080/auth/realms/is360',
+    issuer: 'https://myroute-is360.a3c1.starter-us-west-1.openshiftapps.com/auth/realms/is360',
+    // issuer: 'https://keycloak-is360.7e14.starter-us-west-2.openshiftapps.com/auth/realms/is360'
   },
 };

apps/webapp/src/main.ts

@@ -1,13 +1,21 @@
-import { enableProdMode } from '@angular/core';
+import { ApplicationRef, enableProdMode } from '@angular/core';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+// import { enableDebugTools, disableDebugTools } from '@angular/platform-browser';
 
 import { AppModule } from './app/app.module';
 import { environment } from '@env/environment';
 
 if (environment.production) {
   enableProdMode();
+  // disableDebugTools();
 }
 
 platformBrowserDynamic()
   .bootstrapModule(AppModule)
+  // Profile Change Detection
+  // .then(ref => {
+  //   const applicationRef = ref.injector.get(ApplicationRef);
+  //   const appComponent = applicationRef.components[0];
+  //   enableDebugTools(appComponent);
+  // })
   .catch(err => console.error(err));

stories/faq.md

@@ -21,6 +21,11 @@ once you are conferable , then you can delete demo `default` app
 
 * How do I design Landing page?
 
+* How to Profile Change Detection?
+
+> Refer [here](https://angular-guru.com/blog/angular-unknown-features)
+type `ng.profiler.timeChangeDetection();` in console.
+
 * How do I theme SPA App?
 > Refer [here](https://blog.thoughtram.io/angular/2017/05/23/custom-themes-with-angular-material.html)
 > Refer [here](https://medium.com/@tomastrajan/the-complete-guide-to-angular-material-themes-4d165a9d24d1)