@genesislcap/blank-app-seed 3.26.0 → 3.27.1

package/.genx/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/blank-app-seed-config",
   "description": "Genesis Blank App Seed Configuration",
-  "version": "3.26.0",
+  "version": "3.27.1",
   "license": "Apache-2.0",
   "scripts": {
     "lint": "eslint .",

package/.genx/templates/angular/chart.hbs

@@ -2,7 +2,7 @@
   <ng-container *ngIf="hasUserPermission('{{config.permissions.viewRight}}'); else notPermitted{{ config.index }}">
     <rapid-g2plot-chart
       type="{{ config.type }}"
-      [config]="tile{{ config.index }}.chartConfig"
+      [config]="chartConfig"
     >
       <chart-datasource
         resourceName="{{ config.resourceName }}"

package/.genx/templates/angular/component/component.column.defs.hbs

@@ -0,0 +1,9 @@
+import { ColDef } from '@ag-grid-community/core';
+import { getNumberFormatter, getDateFormatter } from '@genesislcap/foundation-utils';
+{{#if route.FDC3EventHandlersEnabled}}
+    import { sendEventOnChannel } from '../../../utils';
+{{/if}}
+
+{{#if tile.config.columns}}
+export const columnDefs: ColDef[] = {{{ tile.config.columns }}}
+{{/if}}

package/.genx/templates/angular/component/component.create.form.hbs

@@ -0,0 +1,8 @@
+import { UiSchema } from '@genesislcap/foundation-forms';
+
+{{#if tile.config.createFormUiSchema}}
+export const createFormSchema: UiSchema = {{{ tile.config.createFormUiSchema }}}
+{{/if}}
+{{#if tile.config.uischema}}
+export const createFormSchema: UiSchema = {{{ tile.config.uischema }}}
+{{/if}}

package/.genx/templates/angular/component/component.gridOptions.hbs

@@ -0,0 +1,9 @@
+import { GridOptionsConfig } from '@genesislcap/rapid-grid-pro';
+import { getNumberFormatter, getDateFormatter } from '@genesislcap/foundation-utils';
+{{#if route.FDC3EventHandlersEnabled}}
+    import { sendEventOnChannel } from '../../../utils';
+{{/if}}
+
+{{#if tile.config.gridOptions}}
+export const gridOptions: GridOptionsConfig = {{{ tile.config.gridOptions }}}
+{{/if}}

package/.genx/templates/angular/component/component.hbs

@@ -0,0 +1,48 @@
+import { Component, Input, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { getUser } from '@genesislcap/foundation-user';
+import { GridOptionsConfig } from "@genesislcap/rapid-grid-pro";
+import { getViewUpdateRightComponent } from '../../../utils';
+{{#if tile.config.createFormUiSchema}}
+import { createFormSchema } from './{{kebabCase tile.title}}.create.form.schema';
+{{/if}}
+{{#if tile.config.uischema}}
+import { createFormSchema } from './{{kebabCase tile.title}}.create.form.schema';
+{{/if}}
+{{#if tile.config.updateFormUiSchema}}
+import { updateFormSchema } from './{{kebabCase tile.title}}.update.form.schema';
+{{/if}}
+{{#if tile.config.columns}}
+import { columnDefs } from './{{kebabCase tile.title}}.column.defs';
+{{/if}}
+{{#if tile.config.gridOptions}}
+import { gridOptions } from './{{kebabCase tile.title}}.gridOptions';
+{{/if}}
+
+@Component({
+  selector: 'app-{{kebabCase tile.componentName}}',
+  templateUrl: './{{kebabCase tile.title}}.component.html',
+  styleUrl: './{{kebabCase tile.title}}.component.css',
+  standalone: true,
+  imports: [
+    CommonModule,
+  ],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+})
+export class {{pascalCase tile.componentName}} {
+  hasUserPermission = (permissionCode: string) => getViewUpdateRightComponent(getUser(), permissionCode);{{#if tile.config.createFormUiSchema}}
+  createFormSchema = createFormSchema;{{/if}}{{#if tile.config.uischema}}
+  uischema = createFormSchema;{{/if}}{{#if tile.config.updateFormUiSchema}}
+  updateFormSchema = updateFormSchema;{{/if}}{{#if tile.config.columns}}
+  columnDefs = columnDefs;{{/if}}{{#if tile.config.gridOptions}}
+  gridOptions = gridOptions as GridOptionsConfig;{{/if}}{{#if tile.config.reqrep}}
+  reqrep = { pollingInterval: 5000 };{{/if}}{{#if tile.config.type}}
+  chartConfig = { {{#ifEquals this.config.type 'pie'}}
+      "radius": 0.75,
+      "angleField": "value",
+      "colorField": "groupBy",{{else}}
+      "xField": "groupBy",
+      "yField": "value",{{/ifEquals}}
+  };{{/if}}
+  
+}

package/.genx/templates/angular/component/component.index.hbs

@@ -0,0 +1 @@
+export * from './{{kebabCase tile.title}}.component';

package/.genx/templates/angular/component/component.styles.hbs

@@ -0,0 +1,3 @@
+:host {
+  /* insert css styles here */
+}

package/.genx/templates/angular/component/component.template.hbs

@@ -0,0 +1 @@
+{{> (lookup tile 'type') tile}}

package/.genx/templates/angular/component/component.update.form.hbs

@@ -0,0 +1,5 @@
+import { UiSchema } from '@genesislcap/foundation-forms';
+
+{{#if tile.config.updateFormUiSchema}}
+export const updateFormSchema: UiSchema = {{{ tile.config.updateFormUiSchema }}}
+{{/if}}

package/.genx/templates/angular/entityManager.hbs

@@ -12,13 +12,13 @@
       {{#if config.createEvent}}
       [createEvent]="hasUserPermission('{{config.permissions.updateRight}}') ? '{{ config.createEvent }}' : undefined"
       {{#if config.createFormUiSchema}}
-      [createFormUiSchema]="tile{{ config.index }}.createFormUiSchema"
+      [createFormUiSchema]="createFormSchema"
       {{/if}}
       {{/if}}
       {{#if config.updateEvent}}
       [updateEvent]="hasUserPermission('{{config.permissions.updateRight}}') ? '{{ config.updateEvent }}' : undefined"
       {{#if config.updateFormUiSchema}}
-      [updateFormUiSchema]="tile{{ config.index }}.updateFormUiSchema"
+      [updateFormUiSchema]="updateFormSchema"
       {{/if}}
       {{/if}}
       {{#if config.deleteEvent}}
@@ -31,10 +31,10 @@
       [datasourceConfig]="{ isSnapshot: {{ config.snapshot }} }"
       {{/if}}
       {{#if config.reqrep}}
-      [datasourceConfig]="tile{{ config.index }}.reqrep"
+      [datasourceConfig]="reqrep"
       {{/if}}
       {{#if config.columns}}
-      [columns]="tile{{ config.index }}.columns"
+      [columns]="columnDefs"
       {{/if}}
       {{#if config.modalPosition}}
       modal-position="{{ config.modalPosition }}"

package/.genx/templates/angular/form.hbs

@@ -4,7 +4,7 @@
       design-system-prefix="rapid"
       resourceName="{{config.resourceName}}"
       {{#if config.uischema}}
-      [uischema]="tile{{ config.index }}.uischema"
+      [uischema]="uischema"
       {{/if}}
     >
     </foundation-form>

package/.genx/templates/angular/grid.hbs

@@ -11,14 +11,14 @@
         isSnapshot="{{config.snapshot}}"
         {{/if}}
         {{#if config.reqrep}}
-        [datasourceConfig]="tile{{ config.index }}.reqrep"
+        [datasourceConfig]="reqrep"
         {{/if}}
         {{#if config.gridOptions}}
-        [deferredGridOptions]="{ onRowClicked: tile{{ config.index }}.gridOptions.onRowClicked }"
+        [deferredGridOptions]="{ onRowClicked: gridOptions.onRowClicked }"
         {{/if}}
       ></grid-pro-genesis-datasource>
       {{#if config.gridOptions}}
-      <grid-pro-column *ngFor="let columnDef of tile{{ config.index }}.gridOptions?.columnDefs" [definition]="columnDef"></grid-pro-column>
+      <grid-pro-column *ngFor="let columnDef of gridOptions?.columnDefs" [definition]="columnDef"></grid-pro-column>
       {{/if}}
     </rapid-grid-pro>
   <section 

package/.genx/templates/angular/gridLayout.hbs

@@ -3,12 +3,12 @@
     {{#each route.tiles}}
         {{#ifEquals @index 0}}
         <rapid-layout-item title="{{../title}}">
-            {{> (lookup ../this 'type') ../this}}
+            <app-{{kebabCase ../componentName}}></app-{{kebabCase ../componentName}}>
         </rapid-layout-item>
         {{/ifEquals}}
         {{#ifEquals @index 1}}
         <rapid-layout-item title="{{../title}}">
-            {{> (lookup ../this 'type') ../this}}
+            <app-{{kebabCase ../componentName}}></app-{{kebabCase ../componentName}}>
         </rapid-layout-item>
         {{/ifEquals}}
     {{/each}}
@@ -17,12 +17,12 @@
     {{#each route.tiles}}
         {{#ifEquals @index 2}}
         <rapid-layout-item title="{{../title}}">
-            {{> (lookup ../this 'type') ../this}}
+            <app-{{kebabCase ../componentName}}></app-{{kebabCase ../componentName}}>
         </rapid-layout-item>
         {{/ifEquals}}
         {{#ifEquals @index 3}}
         <rapid-layout-item title="{{../title}}">
-            {{> (lookup ../this 'type') ../this}}
+            <app-{{kebabCase ../componentName}}></app-{{kebabCase ../componentName}}>
         </rapid-layout-item>
         {{/ifEquals}}
     {{/each}}

package/.genx/templates/angular/horizontalLayout.hbs

@@ -1,7 +1,7 @@
 <rapid-layout-region>
     {{#each route.tiles}}
     <rapid-layout-item title="{{this.title}}">
-        {{> (lookup . 'type') }}
+        <app-{{kebabCase this.componentName}}></app-{{kebabCase this.componentName}}>
     </rapid-layout-item>
     {{/each}}
 </rapid-layout-region>

package/.genx/templates/angular/route.hbs

@@ -1,20 +1,20 @@
 import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { User, getUser } from '@genesislcap/foundation-user';
-import { GridOptionsConfig } from '@genesislcap/rapid-grid-pro';
-import { getNumberFormatter, getDateFormatter } from '@genesislcap/foundation-utils';
-import { getViewUpdateRightComponent } from '../../utils';
 import { ErrorMessageComponent } from '../../components/error-message/error-message.component';
+{{#each route.tiles}}
+import { {{pascalCase this.componentName}} } from './{{kebabCase this.title}}-{{this.componentType}}';
+{{/each}}
 import { environment } from '../../../environments/environment';
-{{#if route.FDC3EventHandlersEnabled}}
-import { sendEventOnChannel } from '../../utils';
-{{/if}}
+
 
 @Component({
-  selector: 'app-{{pascalCase route.name}}',
+  selector: 'app-{{kebabCase route.name}}',
   standalone: true,
   imports: [
     ErrorMessageComponent,
+    {{#each route.tiles}}
+    {{pascalCase this.componentName}},
+    {{/each}}
     CommonModule,
   ],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
@@ -23,26 +23,4 @@ import { sendEventOnChannel } from '../../utils';
 })
 export class {{pascalCase route.name}}Component {
   environment = environment;
-  hasUserPermission = (permissionCode: string) => getViewUpdateRightComponent(getUser(), permissionCode);
-{{#if route.FDC3EventHandlersEnabled}}
-  sendEventOnChannel = sendEventOnChannel;
-{{/if}}
-
-  {{#each route.tiles}}
-  tile{{this.config.index}} = { {{#if this.config.createFormUiSchema}}
-    "createFormUiSchema": {{{ this.config.createFormUiSchema }}},{{/if}}{{#if this.config.updateFormUiSchema}}
-    "updateFormUiSchema": {{{ this.config.updateFormUiSchema }}},{{/if}}{{#if this.config.uischema}}
-    "uischema": {{{ this.config.uischema }}},{{/if}}{{#if this.config.gridOptions}}
-    "gridOptions": {{{ this.config.gridOptions }}} as GridOptionsConfig,{{/if}}{{#if this.config.reqrep}}
-    "reqrep": {{{ this.config.reqrep }}},{{/if}}{{#if this.config.columns}}
-    "columns": {{{ this.config.columns }}},{{/if}}{{#if this.config.type}}
-    "chartConfig": { {{#ifEquals this.config.type 'pie'}}
-      "radius": 0.75,
-      "angleField": "value",
-      "colorField": "groupBy",{{else}}
-      "xField": "groupBy",
-      "yField": "value",{{/ifEquals}}
-    },{{/if}}
-  }{{#unless @last}};{{/unless}}
-  {{/each}}
 }

package/.genx/utils/generateRoute.js

@@ -73,8 +73,13 @@ const generateRoute = (route, { changeCase, writeFileWithData }, framework) => {
     );
   });
 
-  // Remove condition after adding changes for angular & react
-  if (framework === FRAMEWORK_WEB_COMPONENTS_ALIAS && route?.tiles?.length) {
+  // Remove condition after adding changes for react
+  if (
+    [FRAMEWORK_WEB_COMPONENTS_ALIAS, FRAMEWORK_ANGULAR_ALIAS].includes(
+      framework,
+    ) &&
+    route?.tiles?.length
+  ) {
     route.tiles.forEach((tile) => {
       generateTile(tile, route, { changeCase, writeFileWithData }, framework);
     });

package/.genx/utils/generateTile.js

@@ -6,37 +6,44 @@ const {
   DIR_TEMPLATE_BY_FRAMEWORK,
 } = require('../static');
 
+const defaultPathGetters = {
+  index: (componentPath) => `${componentPath}/index.ts`,
+  addForm: (componentPath, tile) =>
+    `${componentPath}/${tile.name}.create.form.schema.ts`,
+  updateForm: (componentPath, tile) =>
+    `${componentPath}/${tile.name}.update.form.schema.ts`,
+  columnDefs: (componentPath, tile) =>
+    `${componentPath}/${tile.name}.column.defs.ts`,
+  gridOptions: (componentPath, tile) =>
+    `${componentPath}/${tile.name}.gridOptions.ts`,
+};
+
 const getPathByFramework = {
   [FRAMEWORK_WEB_COMPONENTS_ALIAS]: {
+    ...defaultPathGetters,
     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`,
+    route: (clientSrcPath, tile, routeName) =>
+      `${clientSrcPath}/${routeName}/${tile.name}-${tile.componentType}`,
+    component: (componentPath, tile) => `${componentPath}/${tile.name}.ts`,
+    template: (componentPath, tile) =>
+      `${componentPath}/${tile.name}.template.ts`,
+    style: (componentPath, tile) => `${componentPath}/${tile.name}.styles.ts`,
+  },
+  [FRAMEWORK_ANGULAR_ALIAS]: {
+    ...defaultPathGetters,
+    clientSrcPath: `../../client/src/app/pages`,
+    route: (clientSrcPath, tile, routeName) =>
+      `${clientSrcPath}/${routeName}/${tile.name}-${tile.componentType}`,
+    component: (componentPath, tile) =>
+      `${componentPath}/${tile.name}.component.ts`,
+    template: (componentPath, tile) =>
+      `${componentPath}/${tile.name}.component.html`,
+    style: (componentPath, tile) =>
+      `${componentPath}/${tile.name}.component.css`,
   },
-  // Placeholder for angular part
-  [FRAMEWORK_ANGULAR_ALIAS]: {},
 };
 
-const getFilesToWrite = (
-  tile,
-  tileName,
-  routeName,
-  path,
-  sourceTemplateDir,
-) => {
+const getFilesToWrite = (tileData, routeName, path, sourceTemplateDir) => {
   const {
     clientSrcPath,
     route: getRouteDir,
@@ -50,51 +57,46 @@ const getFilesToWrite = (
     gridOptions: getGridOptionsTarget,
   } = path;
 
-  const routeDir = getRouteDir(
-    clientSrcPath,
-    tileName,
-    tile.componentType,
-    routeName,
-  );
+  const routeDir = getRouteDir(clientSrcPath, tileData, routeName);
 
   const componentIndexFile = {
     source: `${sourceTemplateDir}/component/component.index.hbs`,
-    target: getComponentIndexTarget(routeDir, tileName),
+    target: getComponentIndexTarget(routeDir, tileData),
   };
 
   const componentFile = {
     source: `${sourceTemplateDir}/component/component.hbs`,
-    target: getComponentTarget(routeDir, tileName),
+    target: getComponentTarget(routeDir, tileData),
   };
 
   const componentTemplateFile = {
     source: `${sourceTemplateDir}/component/component.template.hbs`,
-    target: getTemplateTarget(routeDir, tileName),
+    target: getTemplateTarget(routeDir, tileData),
   };
 
   const componentStylesFile = {
     source: `${sourceTemplateDir}/component/component.styles.hbs`,
-    target: getStyleTarget(routeDir, tileName),
+    target: getStyleTarget(routeDir, tileData),
   };
 
   const componentAddFormFile = {
     source: `${sourceTemplateDir}/component/component.create.form.hbs`,
-    target: getAddFormTarget(routeDir, tileName),
+    target: getAddFormTarget(routeDir, tileData),
   };
 
   const componentUpdateFormFile = {
     source: `${sourceTemplateDir}/component/component.update.form.hbs`,
-    target: getUpdateFormTarget(routeDir, tileName),
+    target: getUpdateFormTarget(routeDir, tileData),
   };
 
   const componentColumnsFile = {
     source: `${sourceTemplateDir}/component/component.column.defs.hbs`,
-    target: getColumnDefsTarget(routeDir, tileName),
+    target: getColumnDefsTarget(routeDir, tileData),
   };
 
   const componentGridOptionsFile = {
     source: `${sourceTemplateDir}/component/component.gridOptions.hbs`,
-    target: getGridOptionsTarget(routeDir, tileName),
+    target: getGridOptionsTarget(routeDir, tileData),
   };
 
   const filesToWrite = [
@@ -104,23 +106,23 @@ const getFilesToWrite = (
     componentStylesFile,
   ];
 
-  switch (tile.type) {
+  switch (tileData.type) {
     case 'entity-manager':
-      if (tile.config?.columns) {
+      if (tileData.config?.columns) {
         filesToWrite.push(componentColumnsFile);
       }
-      if (tile.config?.gridOptions) {
+      if (tileData.config?.gridOptions) {
         filesToWrite.push(componentGridOptionsFile);
       }
-      if (tile.config?.createFormUiSchema) {
+      if (tileData.config?.createFormUiSchema) {
         filesToWrite.push(componentAddFormFile);
       }
-      if (tile.config?.updateFormUiSchema) {
+      if (tileData.config?.updateFormUiSchema) {
         filesToWrite.push(componentUpdateFormFile);
       }
       break;
     case 'grid-pro':
-      if (tile.config?.gridOptions) {
+      if (tileData.config?.gridOptions) {
         filesToWrite.push(componentGridOptionsFile);
       }
       break;
@@ -140,20 +142,19 @@ const generateTile = (
   { changeCase, writeFileWithData },
   framework,
 ) => {
-  const tileName = changeCase.paramCase(tile.title);
+  const tileData = {
+    ...tile,
+    name: changeCase.paramCase(tile.title),
+    componentType: tile.componentType,
+    config: tile.config,
+  };
   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 routeDir = getRouteDir(clientSrcPath, tileData, routeName);
 
   const filesToWrite = getFilesToWrite(
-    tile,
-    tileName,
+    tileData,
     routeName,
     getPathByFramework[framework],
     sourceTemplateDir,

package/.genx/utils/isString.js

@@ -0,0 +1,8 @@
+const isString = (input) => {
+  return (
+    typeof input === 'string' &&
+    Object.prototype.toString.call(input) === '[object String]'
+  );
+};
+
+module.exports = isString;

package/.genx/utils/validateFrameworkAlias.js

@@ -1,7 +1,12 @@
 const { FRAMEWORKS_ALIAS } = require('../static');
 const normalizeFrameworkAlias = require('./normalizeFrameworkAlias');
+const isString = require('./isString');
 
 const validateFrameworkAlias = (alias) => {
+  if (!isString(alias)) {
+    return false;
+  }
+
   return FRAMEWORKS_ALIAS.includes(normalizeFrameworkAlias(alias));
 };
 

package/.genx/versions.json

@@ -1,5 +1,5 @@
 {
-  "UI": "14.197.0",
-  "GSF": "8.1.3",
-  "Auth": "8.1.0"
+  "UI": "14.198.0",
+  "GSF": "8.1.4",
+  "Auth": "8.1.1"
 }

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [3.27.1](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.27.0...v3.27.1) (2024-07-26)
+
+
+### Bug Fixes
+
+* automated dependency version update [skip-ci] [PSD-9](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/9) (#292) 33cf11d
+
+## [3.27.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.26.0...v3.27.0) (2024-07-25)
+
+
+### Features
+
+* Implement the generated UI code structure proposal (angular) (#287) 6d61502, closes FUI-2099 FUI-2099 FUI-2099
+
 ## [3.26.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v3.25.2...v3.26.0) (2024-07-24)
 
 

package/client-tmp/angular/README.md

@@ -1,10 +1,11 @@
+
 # {{capitalCase appName}}
 
 This project was generated with [Angular CLI](https://github.com/angular/angular-cli) v18 (18.0.4).
 
 ## Development server
 
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.
+Run `npm run dev` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.
 
 ## Code scaffolding
 
@@ -12,15 +13,45 @@ Run `ng generate component component-name` to generate a new component. You can
 
 ## Build
 
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
+Run `npm run build` to build the project. The build artifacts will be stored in the `dist/` directory.
 
 ## Running unit tests
 
-Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+Run `npm run test` to execute the unit tests via [Karma](https://karma-runner.github.io).
 
 ## Running end-to-end tests
 
-Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
+Run `npm run test:e2e` to execute the end-to-end tests via a platform of your choice.
+
+## Linting
+
+Run `npm run lint` to lint the project.
+
+## NPM Scripts
+
+- `npm run baseline`: Cleans the project and installs dependencies.
+- `npm run bootstrap`: Installs dependencies without auditing or funding checks.
+- `npm run bootstrap:ci`: Installs dependencies in CI environment without auditing or funding checks.
+- `npm run build`: Builds the project in production configuration.
+- `npm run build:stats`: Builds the project and generates a stats JSON file.
+- `npm run clean`: Cleans the `dist` and `node_modules` directories.
+- `npm run dev`: Serves the project in development mode.
+- `npm run dev:docker`: Serves the project in development mode, accessible from any network interface.
+- `npm run dev:no-open`: Serves the project in development mode without automatically opening the browser.
+- `npm run dev:intellij`: Serves the project in development mode (specific for IntelliJ).
+- `npm run dev:https`: Serves the project in development mode with HTTPS.
+- `npm run dev:webpack`: Serves the project in development mode (specific for webpack configuration).
+- `npm run dsconfig`: Configures design system based on `src/styles/design-tokens.json`.
+- `npm run lint`: Lints the project using the specified profile.
+- `npm run lint:fix`: Fixes linting errors in the project.
+- `npm run lint:eslint`: Lints the project using ESLint and the specified profile.
+- `npm run lint:stylelint`: Lints CSS using a custom script.
+- `npm run test`: Runs unit tests.
+- `npm run test:e2e`: Runs end-to-end tests.
+- `npm run test:e2e:debug`: Runs end-to-end tests in debug mode.
+- `npm run test:e2e:ui`: Runs end-to-end tests in interactive mode.
+- `npm run test:coverage`: Runs unit tests and generates a code coverage report.
+- `npm run test:unit:watch`: Runs unit tests in watch mode.
 
 ## Further help
 

package/client-tmp/angular/angular.json

@@ -49,18 +49,6 @@
                   "with": "src/environments/environment.prod.ts"
                 }
               ],
-              "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "500kb",
-                  "maximumError": "1mb"
-                },
-                {
-                  "type": "anyComponentStyle",
-                  "maximumWarning": "2kb",
-                  "maximumError": "4kb"
-                }
-              ],
               "outputHashing": "all"
             },
             "development": {

package/client-tmp/angular/globals.d.ts

@@ -1,6 +1,6 @@
 declare global {
   const API_HOST: string;
-  const GENX_ENABLE_SSO: boolean;
+  const ENABLE_SSO: boolean;
 }
 
 export {};

package/client-tmp/angular/karma.conf.js

@@ -0,0 +1,9 @@
+module.exports = function(config) {
+  config.set({
+    browsers: ['Chrome'],
+    browserDisconnectTimeout: 60000, 
+    browserDisconnectTolerance: 3, 
+    browserNoActivityTimeout: 60000, 
+    captureTimeout: 120000,
+  });
+};

package/client-tmp/angular/lint-css.js

@@ -0,0 +1,18 @@
+const { execSync } = require('child_process');
+const glob = require('glob');
+const path = require('path');
+const cssFiles = glob.sync(path.join(__dirname, '**/*.css'));
+
+if (cssFiles.length === 0) {
+  console.log('No CSS files found.');
+  process.exit(0);
+}
+
+const command = `genx lint -l stylelint ${cssFiles.join(' ')}`;
+
+try {
+  execSync(command, { stdio: 'inherit' });
+} catch (error) {
+  console.error('Error running stylelint:', error);
+  process.exit(1);
+}

package/client-tmp/angular/package.json

@@ -4,19 +4,54 @@
   "version": "{{applicationVersionWeb}}",
   "private": true,
   "license": "UNLICENSED",
+  "genx": {
+    "app": {
+      "rootElement": "{{rootElement}}"
+    }
+  },
   "scripts": {
-    "ng": "ng",
+    "baseline": "npm run clean && npm run bootstrap",
     "bootstrap": "npm install --no-fund --no-audit",
-    "dev": "ng serve --configuration=development --open",
+    "bootstrap:ci": "npm ci --no-fund --no-audit",
     "build": "ng build --configuration=production",
-    "watch": "ng build --watch --configuration development",
-    "test": "ng test"
+    "build:stats": "npm run build --stats-json",
+    "clean": "genx clean dist node_modules",
+    "dev": "ng serve --configuration=development --open",
+    "dev:docker": "npm run dev -- --host 0.0.0.0",
+    "dev:no-open": "npm run dev -- --no-open",
+    "dev:intellij": "npm run dev",
+    "dev:https": "npm run dev -- --https",
+    "dev:webpack": "npm run dev",
+    "dsconfig": "dsconfig --path src/styles/design-tokens.json",
+    "lint": "genx lint --profile",
+    "lint:fix": "genx lint --fix",
+    "lint:eslint": "genx lint -l eslint --profile",
+    "lint:stylelint": "node lint-css.js",
+    "test": "ng test",
+    "test:e2e": "genx test --e2e",
+    "test:e2e:debug": "genx test --e2e --debug",
+    "test:e2e:ui": "genx test --e2e --interactive",
+    "test:coverage": "ng test --no-watch --code-coverage",
+    "test:unit:watch": "ng test --watch"
+  },
+  "eslintConfig": {
+    "extends": "@genesislcap/eslint-config",
+    "ignorePatterns": ["**/dist/**", "**/public/**", "**/coverage/**", "**/test/**", "playwright.config.ts"]
+  },
+  "stylelint": {
+    "extends": "@genesislcap/stylelint-config"
   },
+  "prettier": "@genesislcap/prettier-config",
   "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/design-system-configurator": "{{versions.UI}}",
+    "@genesislcap/eslint-config": "{{versions.UI}}",
+    "@genesislcap/prettier-config": "{{versions.UI}}",
+    "@genesislcap/foundation-testing": "{{versions.UI}}",
+    "@genesislcap/genx": "{{versions.UI}}",
     "@genesislcap/build-kit": "{{versions.UI}}",
     "@types/jasmine": "~5.1.0",
     "@types/numeral": "^2.0.5",
@@ -29,7 +64,9 @@
     "karma-jasmine-html-reporter": "~2.1.0",
     "svg-url-loader": "^8.0.0",
     "typescript": "~5.4.5",
-    "ts-node": "10.9.2"
+    "ts-node": "10.9.2",
+    "dotenv": "16.4.5",
+    "@types/node": "20.14.11"
   },
   "dependencies": {
     "@angular/animations": "^18.0.4",

package/client-tmp/angular/playwright.config.ts

@@ -0,0 +1,21 @@
+import { configDefaults } from '@genesislcap/foundation-testing/e2e';
+import { environment } from './src/environments/environment';
+import * as dotenv from 'dotenv';
+
+dotenv.config();
+
+const PROTOCOL = process.env['PROTOCOL'] || environment.PROTOCOL || 'http';
+const HOST = process.env['HOST'] || environment.HOST || 'localhost';
+const PORT = process.env['PORT'] || environment.PORT || 4200;
+
+export default {
+    ...configDefaults,
+    webServer: {
+        ...configDefaults.webServer,
+        url: `${PROTOCOL}://${HOST}:${PORT}`,
+    },
+    use: {
+        ...configDefaults.use,
+        baseURL: `${PROTOCOL}://${HOST}:${PORT}`,
+    }
+};

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

@@ -6,10 +6,10 @@ import { DI } from '@microsoft/fast-foundation';
 import logo from '../../assets/logo.svg';
 
 // eslint-disable-next-line
-declare var GENX_ENABLE_SSO: boolean;
+declare var ENABLE_SSO: boolean;
 
 const ssoSettings =
-  typeof GENX_ENABLE_SSO !== 'undefined' && GENX_ENABLE_SSO === true
+  typeof ENABLE_SSO !== 'undefined' && ENABLE_SSO === true
     ? {
         autoAuth: true,
         sso: {

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

@@ -1,5 +1,7 @@
 export const environment = {
   production: true,
-  PORT: 6060,
-  GENX_ENABLE_SSO: {{enableSSO}}
+  PORT: 4200,
+  ENABLE_SSO: {{enableSSO}},
+  HOST: 'localhost',
+  PROTOCOL: 'http',
 };

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

@@ -1,6 +1,8 @@
 export const environment = {
   production: false,
   API_HOST: '{{apiHost}}',
-  PORT: 6060,
-  GENX_ENABLE_SSO: {{enableSSO}}
-};
+  PORT: 4200,
+  ENABLE_SSO: {{enableSSO}},
+  HOST: 'localhost',
+  PROTOCOL: 'http',
+};

package/client-tmp/angular/src/styles/styles.css

@@ -16,6 +16,7 @@ body {
   height: 100%;
   padding: 0;
   margin: 0;
+  overflow: hidden;
 
   --nav-height: 60px;
 }

package/client-tmp/angular/test/e2e/fixture.ts

@@ -0,0 +1,25 @@
+import { base, Page } from '@genesislcap/foundation-testing/e2e';
+import { ProtectedPage } from './pages';
+import { environment } from '../../src/environments/environment'
+
+export type FixtureConfig = {
+  API_HOST: string;
+  DEFAULT_USER: string;
+  DEFAULT_PASSWORD: string;
+  PORT: number;
+};
+
+export type Fixture = {
+  config: FixtureConfig;
+  protectedPage: ProtectedPage;
+};
+
+const { PORT, API_HOST } = environment;
+export const test = base.extend<Fixture>({
+  config: [{ PORT, API_HOST, DEFAULT_PASSWORD: '', DEFAULT_USER: '' }, { option: true }],
+  protectedPage: async ({ config, page }: { config: FixtureConfig, page: Page }, use: any) => {
+    const protectedPage = new ProtectedPage(config, page);
+    await protectedPage.goto();
+    await use(protectedPage);
+  },
+});

package/client-tmp/angular/test/e2e/flows/001-protected.e2e.ts

@@ -0,0 +1,6 @@
+import { expect } from '@genesislcap/foundation-testing/e2e';
+import { test } from '../fixture';
+
+test('expected page title', async ({ page }: { page: any }) => {
+  await expect(page).toHaveTitle(/{{capitalCase appName}}/);
+});

package/client-tmp/angular/test/e2e/index.ts

@@ -0,0 +1,2 @@
+export * from './fixture';
+export * from './pages';

package/client-tmp/angular/test/e2e/pages/index.ts

@@ -0,0 +1 @@
+export * from './protected';

package/client-tmp/angular/test/e2e/pages/protected.ts

@@ -0,0 +1,16 @@
+import type { Page } from '@genesislcap/foundation-testing/e2e';
+import type { FixtureConfig } from '../fixture';
+
+export class ProtectedPage {
+  config: FixtureConfig;
+  page: Page;
+
+  constructor(config: FixtureConfig, page: Page) {
+    this.config = config;
+    this.page = page;
+  }
+
+  async goto() {
+    await this.page.goto('/');
+  }
+}

package/client-tmp/angular/tsconfig.app.json

@@ -3,7 +3,7 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./out-tsc/app",
-    "types": []
+    "types": ["node"],
   },
   "files": [
     "src/main.ts"

package/client-tmp/angular/tsconfig.json

@@ -23,7 +23,7 @@
       "ES2022",
       "dom"
     ],
-    "resolveJsonModule": true
+    "resolveJsonModule": true,
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/blank-app-seed",
   "description": "Genesis Blank App Seed",
-  "version": "3.26.0",
+  "version": "3.27.1",
   "license": "Apache-2.0",
   "scripts": {
     "release": "semantic-release"

package/server/build.gradle.kts

@@ -8,8 +8,8 @@ subprojects {
     apply(plugin = "org.gradle.maven-publish")
 
     dependencies {
-        implementation("com.h2database:h2:2.2.224")
-        testImplementation("org.jetbrains.kotlin:kotlin-test-junit5:1.9.0")
+        implementation("com.h2database:h2")
+        testImplementation("org.jetbrains.kotlin:kotlin-test-junit5")
     }
     tasks {
         withType<org.jetbrains.kotlin.gradle.tasks.KotlinCompile> {