@genesislcap/blank-app-seed 3.20.5 → 3.22.0

package/.genx/utils/generateTile.js

@@ -0,0 +1,137 @@
+const { resolve } = require('node:path');
+const makeDirectory = require('./makeDirectory');
+const {
+  COMPONENT_TYPE,
+  FRAMEWORK_WEB_COMPONENTS_ALIAS,
+  FRAMEWORK_ANGULAR_ALIAS,
+  DIR_TEMPLATE_BY_FRAMEWORK,
+} = require('../static');
+
+const getPathByFramework = {
+  [FRAMEWORK_WEB_COMPONENTS_ALIAS]: {
+    clientSrcPath: `../../client/src/routes`,
+    route: (clientSrcPath, tileName, tileType, routeName) => `${clientSrcPath}/${routeName}/${tileName}-${tileType}`,
+    index: (componentPath) => `${componentPath}/index.ts`,
+    component: (componentPath, tileName) => `${componentPath}/${tileName}.ts`,
+    template: (componentPath, tileName) => `${componentPath}/${tileName}.template.ts`,
+    style: (componentPath, tileName) => `${componentPath}/${tileName}.styles.ts`,
+    addForm: (componentPath, tileName) => `${componentPath}/${tileName}.create.form.schema.ts`,
+    updateForm: (componentPath, tileName) => `${componentPath}/${tileName}.update.form.schema.ts`,
+    columnDefs: (componentPath, tileName) => `${componentPath}/${tileName}.column.defs.ts`,
+    gridOptions: (componentPath, tileName) => `${componentPath}/${tileName}.gridOptions.ts`,
+  },
+  // Placeholder for angular part
+  [FRAMEWORK_ANGULAR_ALIAS]: {},
+};
+
+const getFilesToWrite = (tile, tileName, routeName, path, sourceTemplateDir) => {
+    const {
+        clientSrcPath,
+        route: getRouteDir,
+        index: getComponentIndexTarget,
+        component: getComponentTarget,
+        template: getTemplateTarget,
+        style: getStyleTarget,
+        addForm: getAddFormTarget,
+        updateForm: getUpdateFormTarget,
+        columnDefs: getColumnDefsTarget,
+        gridOptions: getGridOptionsTarget,
+      } = path;
+
+      const routeDir = getRouteDir(clientSrcPath, tileName, tile.componentType, routeName);
+
+      const componentIndexFile = {
+        source: `${sourceTemplateDir}/component/component.index.hbs`,
+        target: getComponentIndexTarget(routeDir, tileName),
+      };
+      
+      const componentFile = {
+        source: `${sourceTemplateDir}/component/component.hbs`,
+        target: getComponentTarget(routeDir, tileName),
+      };
+
+      const componentTemplateFile = {
+        source: `${sourceTemplateDir}/component/component.template.hbs`,
+        target: getTemplateTarget(routeDir, tileName),
+      };
+
+      const componentStylesFile = {
+        source: `${sourceTemplateDir}/component/component.styles.hbs`,
+        target: getStyleTarget(routeDir, tileName),
+      };
+
+      const componentAddFormFile = {
+        source: `${sourceTemplateDir}/component/component.create.form.hbs`,
+        target: getAddFormTarget(routeDir, tileName),
+      };
+
+      const componentUpdateFormFile = {
+        source: `${sourceTemplateDir}/component/component.update.form.hbs`,
+        target: getUpdateFormTarget(routeDir, tileName),
+      }
+
+      const componentColumnsFile = {
+        source: `${sourceTemplateDir}/component/component.column.defs.hbs`,
+        target: getColumnDefsTarget(routeDir, tileName),
+      };
+
+      const componentGridOptionsFile = {
+        source: `${sourceTemplateDir}/component/component.gridOptions.hbs`,
+        target: getGridOptionsTarget(routeDir, tileName),
+      };
+
+      const filesToWrite = [componentIndexFile, componentFile, componentTemplateFile, componentStylesFile];
+      
+      switch (tile.type) {
+        case 'entity-manager':
+          if (tile.config?.columns) {
+            filesToWrite.push(componentColumnsFile);
+          }
+          if (tile.config?.gridOptions) {
+            filesToWrite.push(componentGridOptionsFile);
+          }
+          if (tile.config?.createFormUiSchema) {
+             filesToWrite.push(componentAddFormFile);
+          }
+          if (tile.config?.updateFormUiSchema) {
+            filesToWrite.push(componentUpdateFormFile);
+          }
+          break;
+        case 'grid-pro':
+          if (tile.config?.gridOptions) {
+            filesToWrite.push(componentGridOptionsFile);
+          }
+        break;
+        case 'smart-form':
+          filesToWrite.push(componentAddFormFile);
+          break
+        default:
+          break;
+      }
+
+    return filesToWrite
+}
+
+const generateTile = (tile, route, { changeCase, writeFileWithData }, framework) => {
+  const tileName = changeCase.paramCase(tile.title);
+  const routeName = changeCase.paramCase(route.name);
+  const sourceTemplateDir = `../${DIR_TEMPLATE_BY_FRAMEWORK[framework]}`;
+  const {
+    clientSrcPath,
+    route: getRouteDir,
+  } = getPathByFramework[framework];
+  const routeDir = getRouteDir(clientSrcPath, tileName, tile.componentType, routeName);
+
+  const filesToWrite = getFilesToWrite(tile, tileName, routeName, getPathByFramework[framework], sourceTemplateDir)
+
+  makeDirectory(resolve(__dirname, routeDir));
+  filesToWrite.forEach(({ source, target }) => {
+    writeFileWithData(
+      resolve(__dirname, target),
+      { tile, route },
+      resolve(__dirname, source),
+    );
+  });
+};
+
+module.exports = generateTile;

package/.genx/utils/gridSerializers.js

@@ -1,45 +1,45 @@
 const formatJSONValue = require('./formatJSONValue');
 
-function gridColumnsSerializer(columns, pad = '      ') {
+function gridColumnsSerializer(columns, pad) {
   if (!columns) {
     return undefined;
   }
 
   try {
     const columnsSerialized = columns.map((column) => {
-      return gridOptionsSerializer(column);
+      return gridOptionsSerializer(column, pad);
     });
-    return `[\n${pad}${columnsSerialized}]`;
+    return `[${columnsSerialized}\n]`;
   } catch (e) {
     console.error('Error serializing grid columns:', e.message);
     throw e;
   }
 }
 
-function gridOptionsSerializer(options, pad = '      ') {
+function gridOptionsSerializer(options, pad = '  ') {
   if (!options) {
     return undefined;
   }
 
   try {
-    let output = `{\n`;
+    let output = `\n${pad}{\n`;
     Object.keys(options).forEach((key) => {
       const value = options[key];
       if (key === 'columns') {
-        output += `${pad}${'columnDefs'}: ${gridColumnsSerializer(value)},\n`;
+        output += `${pad}${pad}${'columnDefs'}: ${gridColumnsSerializer(value, '     ')},\n`;
       } else if (
         value?.type === 'function' ||
         value?.type === 'valueFormatter'
       ) {
         const args = value.arguments?.map(JSON.stringify).join(', ');
-        output += `${pad}${key}: ${value.name}(${args}),\n`;
+        output += `${pad}${pad}${key}: ${value.name}(${args}),\n`;
       } else if (key === 'hide') {
-        output += `${pad}${key}: ${value},\n`;
+        output += `${pad}${pad}${key}: ${value},\n`;
       } else {
-        output += `${pad}${key}: ${formatJSONValue(value)},\n`;
+        output += `${pad}${pad}${key}: ${formatJSONValue(value)},\n`;
       }
     });
-    output += `${pad}}\n`;
+    output += `${pad}}`;
     return output;
   } catch (e) {
     console.error('Error serializing grid options:', e.message);

package/.genx/utils/registerPartials.js

@@ -6,20 +6,21 @@ const {
 } = require('../static');
 
 const registerPartials = ({ registerPartial }, framework) => {
+  // It can be reverted after adding changes for angular
   const rootTemplateDir = `../${DIRS_MAP.get(DIR_TEMPLATE_ROOT_ALIAS)}`;
   const sourceTemplateDir = `../${DIR_TEMPLATE_BY_FRAMEWORK[framework]}`;
 
   registerPartial(
     'grid-layout',
-    resolve(__dirname, `${rootTemplateDir}/gridLayout.hbs`),
+    resolve(__dirname, `${sourceTemplateDir}/gridLayout.hbs`),
   );
   registerPartial(
     'tabs-layout',
-    resolve(__dirname, `${rootTemplateDir}/tabsLayout.hbs`),
+    resolve(__dirname, `${sourceTemplateDir}/tabsLayout.hbs`),
   );
   registerPartial(
     'horizontal-layout',
-    resolve(__dirname, `${rootTemplateDir}/horizontalLayout.hbs`),
+    resolve(__dirname, `${sourceTemplateDir}/horizontalLayout.hbs`),
   );
   registerPartial(
     'smart-form',

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [3.22.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.21.0...v3.22.0) (2024-07-15)
+
+
+### Features
+
+* angular handle route, component view/update permissions - [FUI-2066](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/2066) (#273) 8c73b16
+
+## [3.21.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.20.5...v3.21.0) (2024-07-09)
+
+
+### Features
+
+* implement the generated UI code structure proposal GENC-533 (#275) 9bc3847
+
 ## [3.20.5](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.20.4...v3.20.5) (2024-07-09)
 
 

package/client-tmp/angular/angular.json

@@ -13,12 +13,6 @@
         "build": {
           "builder": "@angular-builders/custom-webpack:browser",
           "options": {
-            "customWebpackConfig": {
-              "path": "./custom-webpack.config.js",
-              "mergeStrategies": {
-                "externals": "replace"
-              }
-            },
             "outputPath": "dist/{{pkgName}}",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -39,7 +33,9 @@
               "size-sensor",
               "pdfast",
               "fmin",
-              "@json-schema-tools/dereferencer"
+              "@json-schema-tools/dereferencer",
+              "numeral",
+              "numeral/locales"
             ]
           },
           "configurations": {
@@ -107,13 +103,26 @@
         },
         "test": {
           "builder": "@angular-builders/custom-webpack:karma",
-          "options": {
-            "customWebpackConfig": {
-              "path": "./custom-webpack.config.js",
-              "mergeStrategies": {
-                "externals": "replace"
+          "configurations": {
+            "production": {
+              "customWebpackConfig": {
+                "path": "./webpack.prod.config.js",
+                "mergeStrategies": {
+                  "externals": "replace"
+                }
               }
             },
+            "development": {
+              "customWebpackConfig": {
+                "path": "./webpack.dev.config.js",
+                "mergeStrategies": {
+                  "externals": "replace"
+                }
+              }
+            }
+          },
+          "defaultConfiguration": "development",
+          "options": {
             "polyfills": ["zone.js", "zone.js/testing"],
             "tsConfig": "tsconfig.spec.json",
             "assets": ["src/favicon.ico", "src/assets"],

package/client-tmp/angular/package.json

@@ -1,6 +1,9 @@
 {
   "name": "{{pkgName}}",
+  "description": "",
   "version": "{{applicationVersionWeb}}",
+  "private": true,
+  "license": "UNLICENSED",
   "scripts": {
     "ng": "ng",
     "bootstrap": "npm install --no-fund --no-audit",
@@ -9,7 +12,25 @@
     "watch": "ng build --watch --configuration development",
     "test": "ng test"
   },
-  "private": true,
+  "devDependencies": {
+    "@angular-builders/custom-webpack": "^18.0.0",
+    "@angular-devkit/build-angular": "^18.0.4",
+    "@angular/cli": "^18.0.4",
+    "@angular/compiler-cli": "^18.0.4",
+    "@genesislcap/build-kit": "{{versions.UI}}",
+    "@types/jasmine": "~5.1.0",
+    "@types/numeral": "^2.0.5",
+    "file-loader": "^6.2.0",
+    "jasmine-core": "~5.1.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "svg-url-loader": "^8.0.0",
+    "typescript": "~5.4.5",
+    "ts-node": "10.9.2"
+  },
   "dependencies": {
     "@angular/animations": "^18.0.4",
     "@angular/common": "^18.0.4",
@@ -24,32 +45,36 @@
     "@genesislcap/foundation-entity-management": "{{versions.UI}}",
     "@genesislcap/foundation-header": "{{versions.UI}}",
     "@genesislcap/foundation-ui": "{{versions.UI}}",
+    "@genesislcap/foundation-user": "{{versions.UI}}",
     "@genesislcap/rapid-design-system": "{{versions.UI}}",
     "@genesislcap/rapid-grid-pro": "{{versions.UI}}",
     "@genesislcap/foundation-layout": "{{versions.UI}}",
     "@genesislcap/g2plot-chart": "{{versions.UI}}",
     "numeral": "2.0.6",
-    "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.14.3"
   },
-  "devDependencies": {
-    "@angular-builders/custom-webpack": "^18.0.0",
-    "@angular-devkit/build-angular": "^18.0.4",
-    "@angular/cli": "^18.0.4",
-    "@angular/compiler-cli": "^18.0.4",
-    "@genesislcap/build-kit": "{{versions.UI}}",
-    "@types/jasmine": "~5.1.0",
-    "@types/numeral": "^2.0.5",
-    "file-loader": "^6.2.0",
-    "jasmine-core": "~5.1.0",
-    "karma": "~6.4.0",
-    "karma-chrome-launcher": "~3.2.0",
-    "karma-coverage": "~2.2.0",
-    "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "~2.1.0",
-    "svg-url-loader": "^8.0.0",
-    "typescript": "~5.4.5",
-    "ts-node": "10.9.2"
+  "overrides": {
+    "@angular/animations": "^18.0.4",
+    "@angular/common": "^18.0.4",
+    "@angular/compiler": "^18.0.4",
+    "@angular/core": "^18.0.4",
+    "@angular/forms": "^18.0.4",
+    "@angular/platform-browser": "^18.0.4",
+    "@angular/platform-browser-dynamic": "^18.0.4",
+    "@angular/router": "^18.0.4",
+    "@genesislcap/foundation-comms": "{{versions.UI}}",
+    "@genesislcap/foundation-login": "{{versions.UI}}",
+    "@genesislcap/foundation-entity-management": "{{versions.UI}}",
+    "@genesislcap/foundation-header": "{{versions.UI}}",
+    "@genesislcap/foundation-ui": "{{versions.UI}}",
+    "@genesislcap/foundation-user": "{{versions.UI}}",
+    "@genesislcap/rapid-design-system": "{{versions.UI}}",
+    "@genesislcap/rapid-grid-pro": "{{versions.UI}}",
+    "@genesislcap/foundation-layout": "{{versions.UI}}",
+    "@genesislcap/g2plot-chart": "{{versions.UI}}",
+    "numeral": "2.0.6",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.14.3"
   }
 }

package/client-tmp/angular/src/app/app-routing.module.ts

@@ -1,11 +1,13 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
 import { AuthGuard } from './guards/auth.guard';
+import { PermissionsGuard } from './guards/permissions.guard';
 import { AuthLoginComponent } from './pages/auth-login/auth-login.component';
+import { NotPermittedComponent } from './pages/not-permitted/not-permitted.component';
 {{#each routes}}
 import { {{pascalCase this.name}}Component } from './pages/{{kebabCase this.name}}/{{kebabCase this.name}}.component';
 {{/each}}
-import { AUTH_PATH } from './app.config';
+import { AUTH_PATH, NOT_PERMITTED_PATH } from './app.config';
 
 export const routes: Routes = [
   {
@@ -17,11 +19,16 @@ export const routes: Routes = [
     path: `${AUTH_PATH}`,
     component: AuthLoginComponent,
   },
+  {
+    path: `${NOT_PERMITTED_PATH}`,
+    component: NotPermittedComponent,
+  },
   {{#each routes}}
   {
     path: '{{kebabCase this.name}}',
-    canActivate: [AuthGuard],
-    component: {{pascalCase this.name}}Component ,
+    canActivate: [AuthGuard{{#if this.permissions.viewRight}}, PermissionsGuard{{/if}}],
+    component: {{pascalCase this.name}}Component,
+    data: { permissionCode: '{{this.permissions.viewRight}}' },
   },
   {{/each}}
 ];

package/client-tmp/angular/src/app/app.component.spec.ts

@@ -4,7 +4,7 @@ import { AppComponent } from './app.component';
 describe('AppComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [AppComponent],
+      declarations: [AppComponent],
     }).compileComponents();
   });
 
@@ -19,11 +19,5 @@ describe('AppComponent', () => {
     const app = fixture.componentInstance;
     expect(app.title).toEqual('{{capitalCase appName}}');
   });
-
-  it('should render title', () => {
-    const fixture = TestBed.createComponent(AppComponent);
-    fixture.detectChanges();
-    const compiled = fixture.nativeElement as HTMLElement;
-    expect(compiled.querySelector('h1')?.textContent).toContain('Hello, {{capitalCase appName}}');
-  });
 });
+

package/client-tmp/angular/src/app/app.component.ts

@@ -20,7 +20,6 @@ export class AppComponent {
     private router: Router,
   ) {
       configureFoundationLogin({ router });
-
       
     // Set layout componet based on route
     router.events.subscribe((event: any) => {

package/client-tmp/angular/src/app/app.config.ts

@@ -2,6 +2,7 @@ import type { MainMenu } from './types/menu'
 import type { LayoutComponentName } from './types/layout';
 
 export const AUTH_PATH = 'login'
+export const NOT_PERMITTED_PATH = 'not-permitted'
 
 export const layoutComponentName = {
   default: 'DefaultLayoutComponent',

package/client-tmp/angular/src/app/components/error-message/error-message.component.html

@@ -0,0 +1,15 @@
+<section class="error-message-wrapper">
+  <div class="error-message" style="color: var(--neutral-foreground-rest); background-color: var(--neutral-layer-4); border-color: var(--error-color); border-radius: 7px; border-style: solid; border-width: 4px; padding: 5px; margin: 15px; text-align: center; width: fit-content;">
+      <ng-container [ngSwitch]="elementType">
+        <h1 *ngSwitchCase="'h1'">\{{ message }}</h1>
+        <h2 *ngSwitchCase="'h2'">\{{ message }}</h2>
+        <h3 *ngSwitchCase="'h3'">\{{ message }}</h3>
+        <h4 *ngSwitchCase="'h4'">\{{ message }}</h4>
+        <h5 *ngSwitchCase="'h5'">\{{ message }}</h5>
+        <h6 *ngSwitchCase="'h6'">\{{ message }}</h6>
+        <p *ngSwitchCase="'p'">\{{ message }}</p>
+        <span *ngSwitchCase="'span'">\{{ message }}</span>
+        <div *ngSwitchDefault>\{{ message }}</div>
+      </ng-container>
+  </div>
+</section>

package/client-tmp/angular/src/app/components/error-message/error-message.component.spec.ts

@@ -0,0 +1,74 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ErrorMessageComponent } from './error-message.component';
+
+describe('ErrorMessageComponent', () => {
+  let component: ErrorMessageComponent;
+  let fixture: ComponentFixture<ErrorMessageComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ErrorMessageComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ErrorMessageComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  it('should render a message inside an h1 element', () => {
+    component.elementType = 'h1';
+    component.message = 'Error: Something went wrong!';
+    fixture.detectChanges();
+
+    const compiled = fixture.nativeElement;
+    const element = compiled.querySelector('h1');
+    expect(element).toBeTruthy();
+    expect(element.textContent).toContain('Error: Something went wrong!');
+  });
+
+  it('should render a message inside an h3 element', () => {
+    component.elementType = 'h3';
+    component.message = 'Warning: Check your inputs.';
+    fixture.detectChanges();
+
+    const compiled = fixture.nativeElement;
+    const element = compiled.querySelector('h3');
+    expect(element).toBeTruthy();
+    expect(element.textContent).toContain('Warning: Check your inputs.');
+  });
+
+  it('should render a message inside a p element', () => {
+    component.elementType = 'p';
+    component.message = 'Info: Your operation was successful.';
+    fixture.detectChanges();
+
+    const compiled = fixture.nativeElement;
+    const element = compiled.querySelector('p');
+    expect(element).toBeTruthy();
+    expect(element.textContent).toContain('Info: Your operation was successful.');
+  });
+
+  it('should default to div element if no elementType is provided', () => {
+    component.elementType = '';
+    component.message = 'Default to div element.';
+    fixture.detectChanges();
+
+    const compiled = fixture.nativeElement;
+    const element = compiled.querySelector('div');
+    expect(element.textContent).toContain('Default to div element.');
+  });
+
+  it('should apply error-message class to the rendered element', () => {
+    component.elementType = 'h2';
+    component.message = 'Testing class application.';
+    fixture.detectChanges();
+   
+    const compiled = fixture.nativeElement;
+    const element = compiled.querySelector('.error-message');
+    expect(element).toBeTruthy();
+  });
+});

package/client-tmp/angular/src/app/components/error-message/error-message.component.ts

@@ -0,0 +1,15 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+@Component({
+  selector: 'app-error-message',
+  templateUrl: './error-message.component.html',
+  standalone: true,
+  imports: [
+    CommonModule,
+  ],
+})
+export class ErrorMessageComponent {
+  @Input() elementType: string = 'div';
+  @Input() message: string = '';
+}

package/client-tmp/angular/src/app/guards/auth.guard.ts

@@ -12,11 +12,11 @@ export class AuthGuard implements CanActivate {
     private router: Router,
   ) {}
 
-  async canActivate(): Promise<boolean> {
-    const isUserAuthenticated = await this.authService.isUserAuthenticated();
+  canActivate(): boolean {
+    const isUserAuthenticated = this.authService.isUserAuthenticated();
 
     if (!isUserAuthenticated) {
-      await this.router.navigate([`/${AUTH_PATH}`]);
+      this.router.navigate([`/${AUTH_PATH}`]);
       return false;
     }
     return true;

package/client-tmp/angular/src/app/guards/permissions.guard.ts

@@ -0,0 +1,24 @@
+import { Injectable } from '@angular/core';
+import { CanActivate, Router, ActivatedRouteSnapshot } from '@angular/router';
+import { AuthService } from '../services/auth.service';
+import { NOT_PERMITTED_PATH } from '../app.config';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class PermissionsGuard implements CanActivate {
+  constructor(
+    private authService: AuthService,
+    private router: Router,
+  ) {}
+
+  async canActivate(route: ActivatedRouteSnapshot): Promise<boolean> {
+    const isPermitted = await this.authService.hasUserPermission(route.data['permissionCode']);
+
+    if (!isPermitted) {
+      await this.router.navigate([`/${NOT_PERMITTED_PATH}`]);
+      return false;
+    }
+    return true;
+  }
+}

package/client-tmp/angular/src/app/layouts/blank/blank.layout.html

@@ -1,6 +1,5 @@
 <rapid-design-system-provider #designSystemProvider>
   <section class="content">
     <router-outlet></router-outlet>
-    <app-messages></app-messages>
   </section>
 </rapid-design-system-provider>

package/client-tmp/angular/src/app/layouts/blank/blank.layout.spec.ts

@@ -10,7 +10,7 @@ describe('BlankLayoutComponent', () => {
   beforeEach(() => {
     TestBed.configureTestingModule({
       declarations: [BlankLayoutComponent],
-      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+      schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
     });
     fixture = TestBed.createComponent(BlankLayoutComponent);
     component = fixture.componentInstance;

package/client-tmp/angular/src/app/layouts/default/default.layout.html

@@ -15,6 +15,5 @@
   </foundation-header>
   <section class="content">
     <router-outlet></router-outlet>
-    <app-messages></app-messages>
   </section>
 </rapid-design-system-provider>