@genesislcap/blank-app-seed 5.22.1 → 5.23.0

package/client-tmp/angular/src/app/directive/app-lazy-load.directive.ts

@@ -7,6 +7,7 @@ import {
   SimpleChanges,
 } from '@angular/core';
 import { layoutComponentImportsByName } from '../app.config';
+
 @Directive({
   selector: '[appLayoutLazyLoad]',
 })

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

@@ -6,28 +6,28 @@ import { ConnectionGuard } from './connection.guard';
 import { PermissionsGuard } from './permissions.guard';
 
 @Injectable({
-    providedIn: 'root',
+  providedIn: 'root',
 })
 export class ChainedGuard implements CanActivate {
-    protected user = getUser();
+  protected user = getUser();
 
-    constructor(
-        protected router: Router,
-        protected connectionGuard: ConnectionGuard,
-        protected authGuard: AuthGuard,
-        protected permissionsGuard: PermissionsGuard
-    ) {}
+  constructor(
+    protected router: Router,
+    protected connectionGuard: ConnectionGuard,
+    protected authGuard: AuthGuard,
+    protected permissionsGuard: PermissionsGuard,
+  ) {}
 
-    async canActivate(route: ActivatedRouteSnapshot): Promise<boolean> {
-        let result = await this.connectionGuard.canActivate();
-        if (!result) {
-            return false;
-        }
-        result = await this.authGuard.canActivate();
-        if (!result) {
-            return false;
-        }
-        result = await this.permissionsGuard.canActivate(route);
-        return result;
+  async canActivate(route: ActivatedRouteSnapshot): Promise<boolean> {
+    let result = await this.connectionGuard.canActivate();
+    if (!result) {
+      return false;
     }
+    result = await this.authGuard.canActivate();
+    if (!result) {
+      return false;
+    }
+    result = await this.permissionsGuard.canActivate(route);
+    return result;
+  }
 }

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

@@ -1,21 +1,21 @@
 import { Injectable } from '@angular/core';
-import { CanActivate} from '@angular/router';
+import { CanActivate } from '@angular/router';
 import { getConnect } from '@genesislcap/foundation-comms';
 
 @Injectable({
-    providedIn: 'root'
+  providedIn: 'root',
 })
 export class ConnectionGuard implements CanActivate {
-    protected connect = getConnect();
+  protected connect = getConnect();
 
-    async canActivate(): Promise<boolean> {
-        if (this.connect.isConnected) {
-            return true;
-        }
-        const hostUrl = sessionStorage.getItem('hostUrl');
-        if (!hostUrl) {
-            return false;
-        }
-        return this.connect.connect(hostUrl);
+  async canActivate(): Promise<boolean> {
+    if (this.connect.isConnected) {
+      return true;
     }
+    const hostUrl = sessionStorage.getItem('hostUrl');
+    if (!hostUrl) {
+      return false;
+    }
+    return this.connect.connect(hostUrl);
+  }
 }

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/blank/blank.layout.ts

@@ -1,9 +1,5 @@
 import { Component, ElementRef, ViewChild, AfterViewInit } from '@angular/core';
-import {
-  applyMode,
-  injectThemeStyles,
-  resolveInitialMode,
-} from '@genesislcap/rapid-design-system';
+import { applyMode, injectThemeStyles, resolveInitialMode } from '@genesislcap/rapid-design-system';
 import { activeTheme } from '../../../styles/active-theme';
 
 @Component({

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

@@ -1,9 +1,9 @@
 <rapid-design-system-provider #designSystemProvider>
   <pbc-elements-renderer [target]="['layout-start']"></pbc-elements-renderer>
   <foundation-header
-{{#if headerLogoSrc}}
+    {{#if headerLogoSrc~}}
     logo-src="assets/{{headerLogoSrc}}"
-{{/if}}
+    {{~/if}}
     #foundationHeader
     [attr.show-luminance-toggle-button]="modeToggleEnabled"
     show-misc-toggle-button
@@ -11,8 +11,7 @@
     (logout-clicked)="onLogout()"
     [navigateTo]="navigateAngular"
     [routeNavItems]="navItems"
-  >
-  </foundation-header>
+  ></foundation-header>
   <section class="content">
     <pbc-elements-renderer [target]="['content-start']"></pbc-elements-renderer>
     <router-outlet></router-outlet>

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

@@ -1,7 +1,7 @@
+import { ElementRef, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { Router } from '@angular/router';
 import { DefaultLayoutComponent } from './default.layout';
-import { ElementRef, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 
 class MockRouter {
   navigate = jest.fn();
@@ -22,9 +22,9 @@ describe('DefaultLayoutComponent', () => {
       declarations: [DefaultLayoutComponent],
       providers: [
         { provide: Router, useClass: MockRouter },
-        { provide: ElementRef, useClass: MockElementRef }
+        { provide: ElementRef, useClass: MockElementRef },
       ],
-      schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA],
     }).compileComponents();
   });
 
@@ -46,4 +46,4 @@ describe('DefaultLayoutComponent', () => {
     component.navigateAngular(path);
     expect(router.navigate).toHaveBeenCalledWith([path]);
   });
-});
+});

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

@@ -7,10 +7,10 @@ import {
   nextMode,
   resolveInitialMode,
 } from '@genesislcap/rapid-design-system';
+import { registerStylesTarget } from '../../../pbc/utils';
 import { activeTheme, modeToggleEnabled } from '../../../styles/active-theme';
 import { RouteService } from '../../services/route.service';
 import BaseLayout from '../base.layout';
-import { registerStylesTarget } from '../../../pbc/utils';
 
 @Component({
   selector: 'app-default-layout',

package/client-tmp/angular/src/app/pages/auth-login/auth-login.component.ts

@@ -8,5 +8,4 @@ import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
   styleUrl: './auth-login.component.css',
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
-export class AuthLoginComponent {
-}
+export class AuthLoginComponent {}

package/client-tmp/angular/src/app/pages/not-permitted/not-permitted.component.html

@@ -1,4 +1,4 @@
 <app-error-message
-    elementType="h1"
-    message="You do not have permission to access this part of the application, please contact your administrator.">
-</app-error-message>
+  elementType="h1"
+  message="You do not have permission to access this part of the application, please contact your administrator."
+></app-error-message>

package/client-tmp/angular/src/app/pages/not-permitted/not-permitted.component.scss

@@ -9,4 +9,4 @@
 h1 {
   text-align: center;
   color: var(--neutral-foreground-rest);
-}
+}

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

@@ -1,7 +1,8 @@
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { NotPermittedComponent } from './not-permitted.component';
 
-const MESSAGE_NOT_PERMITTED = 'You do not have permission to access this part of the application, please contact your administrator.';
+const MESSAGE_NOT_PERMITTED =
+  'You do not have permission to access this part of the application, please contact your administrator.';
 
 describe('NotPermittedComponent', () => {
   let component: NotPermittedComponent;
@@ -9,9 +10,8 @@ describe('NotPermittedComponent', () => {
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [ NotPermittedComponent ]
-    })
-    .compileComponents();
+      imports: [NotPermittedComponent],
+    }).compileComponents();
   });
 
   beforeEach(() => {
@@ -29,4 +29,4 @@ describe('NotPermittedComponent', () => {
     const errorMessageElement = compiled.querySelector('app-error-message h1');
     expect(errorMessageElement.textContent).toBe(MESSAGE_NOT_PERMITTED);
   });
-});
+});

package/client-tmp/angular/src/app/pages/not-permitted/not-permitted.component.ts

@@ -4,10 +4,9 @@ import { ErrorMessageComponent } from '../../components/error-message/error-mess
 @Component({
   selector: 'app-not-permitted',
   standalone: true,
-  imports: [ ErrorMessageComponent ],
+  imports: [ErrorMessageComponent],
   templateUrl: './not-permitted.component.html',
   styleUrls: ['./not-permitted.component.scss'],
-  schemas: [ CUSTOM_ELEMENTS_SCHEMA ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
-export class NotPermittedComponent {
-}
+export class NotPermittedComponent {}

package/client-tmp/angular/src/app/services/route.service.ts

@@ -7,89 +7,94 @@ import { AUTH_PATH, NOT_PERMITTED_PATH } from '../app.config';
 import { ChainedGuard } from '../guards/chained.guard';
 import { AuthLoginComponent } from '../pages/auth-login/auth-login.component';
 import { NotPermittedComponent } from '../pages/not-permitted/not-permitted.component';
+{{#if routes.length}}
+// Route page imports are emitted in the order the routes are declared in the app definition.
+/* eslint-disable import-es/order */
 {{#each routes}}
 import { {{pascalCase this.name}}Component } from '../pages/{{kebabCase this.name}}/{{kebabCase this.name}}.component';
 {{/each}}
+/* eslint-enable import-es/order */
+{{/if}}
 
 @Injectable({
-    providedIn: 'root'
+  providedIn: 'root',
 })
 export class RouteService {
-    static routes: Routes = [
-        {
-            path: '',
-            redirectTo: `${AUTH_PATH}`,
-            pathMatch: 'full',
-        },
-        {
-            path: `${AUTH_PATH}`,
-            component: AuthLoginComponent,
-        },
-        {
-            path: `${NOT_PERMITTED_PATH}`,
-            component: NotPermittedComponent,
-        },
-        {{#each routes}}
-        {
-            path: '{{kebabCase this.name}}',
-            canActivate: [ChainedGuard],
-            component: {{pascalCase this.name}}Component,
-            data: {
-                permissionCode: '{{this.permissions.viewRight}}',
-                navItems: [
-                    {
-                        navId: 'header',
-                        title: '{{#if this.title}}{{sentenceCase this.title}}{{else}}{{sentenceCase this.name}}{{/if}}',
-                        icon: {
-                            name: '{{this.icon}}',
-                            variant: 'solid',
-                        },
-                    },
-                ],
+  static routes: Routes = [
+    {
+      path: '',
+      redirectTo: `${AUTH_PATH}`,
+      pathMatch: 'full',
+    },
+    {
+      path: `${AUTH_PATH}`,
+      component: AuthLoginComponent,
+    },
+    {
+      path: `${NOT_PERMITTED_PATH}`,
+      component: NotPermittedComponent,
+    },
+    {{#each routes}}
+    {
+      path: '{{kebabCase this.name}}',
+      canActivate: [ChainedGuard],
+      component: {{pascalCase this.name}}Component,
+      data: {
+        permissionCode: '{{this.permissions.viewRight}}',
+        navItems: [
+          {
+            navId: 'header',
+            title: '{{#if this.title}}{{sentenceCase this.title}}{{else}}{{sentenceCase this.name}}{{/if}}',
+            icon: {
+              name: '{{this.icon}}',
+              variant: 'solid',
             },
-        },
-        {{/each}}
-    ];
+          },
+        ],
+      },
+    },
+    {{/each}}
+  ];
 
-    /**
-     * @privateRemarks
-     * The shell has access to context, so it's possible for it to return a pre-mapped framework variant of routes. 
-     * In this iteration we're doing it inline, given the angular version may move and here we know the shape we need.
-     */
-    pbcRoutes(): Routes {
-        return getApp().routes.map((route) => {
-            return <Route>{
-                title: route.title,
-                path: route.path,
-                /**
-                 * Ask about permissions.viewRight in PBC context, as we may need to apply a data.permissionCode here.
-                 * Not sure if they are added to the filesystem prior to handlebars template processing across the files.
-                 */
-                canActivate: [ChainedGuard],
-                component: PBCContainer,
-                data: {
-                    ...route.settings,
-                    pbcElement: route.element,
-                    // @ts-ignore
-                    pbcElementTag: route.elementTag,
-                    navItems: route.navItems
-                },
-            };
-        })
-    }
+  /**
+   * @privateRemarks
+   * The shell has access to context, so it's possible for it to return a pre-mapped framework variant of routes.
+   * In this iteration we're doing it inline, given the angular version may move and here we know the shape we need.
+   */
+  pbcRoutes(): Routes {
+    return getApp().routes.map((route) => {
+      return <Route>{
+        title: route.title,
+        path: route.path,
+        /**
+         * Ask about permissions.viewRight in PBC context, as we may need to apply a data.permissionCode here.
+         * Not sure if they are added to the filesystem prior to handlebars template processing across the files.
+         */
+        canActivate: [ChainedGuard],
+        component: PBCContainer,
+        data: {
+          ...route.settings,
+          pbcElement: route.element,
+          // @ts-ignore
+          pbcElementTag: route.elementTag,
+          navItems: route.navItems,
+        },
+      };
+    });
+  }
 
-    allRoutes(): Routes {
-        return [
-            ...RouteService.routes,
-            ...this.pbcRoutes(),
-        ];
-    }
+  allRoutes(): Routes {
+    return [...RouteService.routes, ...this.pbcRoutes()];
+  }
 
-    getNavItems(): FoundationRouteNavItem[] {
-        const allNavItems = this.allRoutes().flatMap(route => (<FoundationRoute>{
-            path: route.path as string,
-            navItems: route.data?.['navItems'],
-        }));
-        return getNavItems(allNavItems);
-    }
+  getNavItems(): FoundationRouteNavItem[] {
+    const allNavItems = this.allRoutes().flatMap(
+      (route) =>
+        <FoundationRoute>{
+          path: route.path as string,
+          navItems: route.data?.['navItems'],
+        },
+    );
+    return getNavItems(allNavItems);
+  }
 }

package/client-tmp/angular/src/app/share/foundation-auth.ts

@@ -7,7 +7,13 @@ import { AUTH_PATH } from '../app.config';
 /**
  * Configure the micro frontend
  */
-export const configureFoundationAuth = ({ router, connectService,}: { router: Router; connectService: Connect; }) => {
+export const configureFoundationAuth = ({
+  router,
+  connectService,
+}: {
+  router: Router;
+  connectService: Connect;
+}) => {
   const baseElement = document.querySelector('base');
   const basePath = baseElement?.getAttribute('href') || '';
 

package/client-tmp/angular/src/app/share/genesis-components.ts

@@ -1,68 +1,66 @@
-import { EntityManagement } from '@genesislcap/foundation-entity-management';
-import { Filters, Form } from '@genesislcap/foundation-forms';
-import { foundationLayoutComponents } from '@genesislcap/foundation-layout';
-import { getApp } from '@genesislcap/foundation-shell/app';
-import * as zeroDesignSystem from '@genesislcap/foundation-zero';
-import { g2plotChartsComponents } from '@genesislcap/g2plot-chart';
-import * as rapidDesignSystem from '@genesislcap/rapid-design-system';
-import { rapidGridComponents, rapidGridPro, rapidGridProStyles } from '@genesislcap/rapid-grid-pro';
-import { css } from "@genesislcap/web-core";
-
-/**
- * Ensure tree shaking doesn't remove these.
- */
-EntityManagement;
-Filters;
-Form;
-
-/**
- * registerComponents.
- * @public
- */
-export async function registerComponents() {
-    const { configure: configureHeader } = await import('@genesislcap/foundation-header/config');
-    /**
-    * Register any PBC components with the design system
-    */
-    getApp().registerComponents({
-        designSystem: rapidDesignSystem,
-    });
-
-    rapidDesignSystem
-        .provideDesignSystem()
-        .register(
-            rapidDesignSystem.baseComponents,
-            rapidGridPro({
-                styles: css`
-                    ${rapidGridProStyles}
-                    .ag-theme-genesis-rapid,
-                    .ag-theme-genesis-rapid-dark,
-                    .ag-theme-genesis-rapid-light {
-                        --ag-selected-row-background-color: var(--accent-fill-rest);
-                    }
-                `,
-            }),
-            rapidGridComponents,
-            g2plotChartsComponents,
-            foundationLayoutComponents,
-        );
- 
-    configureHeader({
-        templateOptions: {
-            provider: 'template',
-            icon: 'rapid-icon',
-            button: 'rapid-button',
-            connectionIndicator: 'rapid-connection-indicator',
-            select: 'rapid-select',
-            option: 'rapid-option',
-            flyout: 'rapid-flyout',
-        },
-    });
-
-    /**
-     * May be still required while we transition all PBCs to rapid. Remove when complete.
-     */
-    zeroDesignSystem
-        .provideDesignSystem()
-        .register(zeroDesignSystem.baseComponents, g2plotChartsComponents, foundationLayoutComponents);
-}
+import { EntityManagement } from '@genesislcap/foundation-entity-management';
+import { Filters, Form } from '@genesislcap/foundation-forms';
+import { foundationLayoutComponents } from '@genesislcap/foundation-layout';
+import { getApp } from '@genesislcap/foundation-shell/app';
+import * as zeroDesignSystem from '@genesislcap/foundation-zero';
+import { g2plotChartsComponents } from '@genesislcap/g2plot-chart';
+import * as rapidDesignSystem from '@genesislcap/rapid-design-system';
+import { rapidGridComponents, rapidGridPro, rapidGridProStyles } from '@genesislcap/rapid-grid-pro';
+import { css } from '@genesislcap/web-core';
+
+/**
+ * Ensure tree shaking doesn't remove these.
+ */
+EntityManagement;
+Filters;
+Form;
+
+/**
+ * registerComponents.
+ * @public
+ */
+export async function registerComponents() {
+  const { configure: configureHeader } = await import('@genesislcap/foundation-header/config');
+  /**
+   * Register any PBC components with the design system
+   */
+  getApp().registerComponents({
+    designSystem: rapidDesignSystem,
+  });
+
+  rapidDesignSystem.provideDesignSystem().register(
+    rapidDesignSystem.baseComponents,
+    rapidGridPro({
+      styles: css`
+        ${rapidGridProStyles}
+        .ag-theme-genesis-rapid,
+                    .ag-theme-genesis-rapid-dark,
+                    .ag-theme-genesis-rapid-light {
+          --ag-selected-row-background-color: var(--accent-fill-rest);
+        }
+      `,
+    }),
+    rapidGridComponents,
+    g2plotChartsComponents,
+    foundationLayoutComponents,
+  );
+
+  configureHeader({
+    templateOptions: {
+      provider: 'template',
+      icon: 'rapid-icon',
+      button: 'rapid-button',
+      connectionIndicator: 'rapid-connection-indicator',
+      select: 'rapid-select',
+      option: 'rapid-option',
+      flyout: 'rapid-flyout',
+    },
+  });
+
+  /**
+   * May be still required while we transition all PBCs to rapid. Remove when complete.
+   */
+  zeroDesignSystem
+    .provideDesignSystem()
+    .register(zeroDesignSystem.baseComponents, g2plotChartsComponents, foundationLayoutComponents);
+}

package/client-tmp/angular/src/app/utils/index.ts

@@ -1,3 +1,5 @@
+{{#if FDC3.includeDependencies}}
+export * from './fdc3';
+{{/if}}
 export * from './getLayoutNameByRoute';
 export * from './permissions';
-export * from './fdc3';

package/client-tmp/angular/src/app/utils/permissions.ts

@@ -1,7 +1,7 @@
-import { User } from '@genesislcap/foundation-user';
-
-export const getViewUpdateRightComponent = (
-  user: User,
-  right: string,
-  event: string | boolean = true,
-) => (!right || user.hasPermission(right) ? event : '');
+import { User } from '@genesislcap/foundation-user';
+
+export const getViewUpdateRightComponent = (
+  user: User,
+  right: string,
+  event: string | boolean = true,
+) => (!right || user.hasPermission(right) ? event : '');

package/client-tmp/angular/src/declaration.d.ts

@@ -1,4 +1,4 @@
-declare module "*.svg" {
+declare module '*.svg' {
   const content: any;
   export default content;
 }

package/client-tmp/angular/src/environments/environment.ts

@@ -5,5 +5,5 @@ export const environment = {
   ENABLE_SSO: {{enableSSO}},
   HOST: 'localhost',
   PROTOCOL: 'http',
-  BUILDER: 'webpack'
+  BUILDER: 'webpack',
 };

package/client-tmp/angular/src/jest.setup.ts

@@ -64,3 +64,11 @@ if (!('adoptedStyleSheets' in document)) {
     value: [],
   });
 }
+
+// jsdom lacks structuredClone, which the design-system theme merge uses
+if (typeof globalThis.structuredClone === 'undefined') {
+  Object.defineProperty(globalThis, 'structuredClone', {
+    writable: true,
+    value: (value: unknown) => JSON.parse(JSON.stringify(value)),
+  });
+}

package/client-tmp/angular/src/main.ts

@@ -12,6 +12,6 @@ function bootstrapApp() {
 }
 
 registerPBCs()
-  .then(hasAssets => logger.debug(hasAssets ? 'PBCs registered' : 'No PBCs detected'))
+  .then((hasAssets) => logger.debug(hasAssets ? 'PBCs registered' : 'No PBCs detected'))
   .catch((err) => logger.error(err))
-  .finally(bootstrapApp)
+  .finally(bootstrapApp);