@genesislcap/blank-app-seed 5.22.1 → 5.23.0

package/.genx/configure.js

@@ -60,7 +60,7 @@ module.exports = async (data, utils) => {
       if (!fs.existsSync(templateDir)) {
         fs.mkdirSync(templateDir, { recursive: true });
       }
-      fs.writeFileSync(templateFile, jsonContent);
+      fs.writeFileSync(templateFile, `${jsonContent}\n`);
     } catch (err) {
       console.warn('Failed to write designTokens to template:', err?.message || err);
     }
@@ -153,6 +153,16 @@ module.exports = async (data, utils) => {
 
   excludeFrameworks(data.framework);
 
+  if (data.FDC3.includeDependencies) {
+    const frameworkDir = FRAMEWORKS_DIR_MAP.get(data.framework);
+    const utilsDir = frameworkDir === 'angular' ? 'src/app/utils' : 'src/utils';
+    utils.writeFileWithData(
+      path.resolve(__dirname, `../client/${utilsDir}/fdc3.ts`),
+      data,
+      path.resolve(__dirname, `templates/${frameworkDir}/fdc3.ts.hbs`),
+    );
+  }
+
   generateStore(data.routes, utils, data.framework);
 
   data.routes.forEach((route) => {

package/.genx/package.json

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

package/.genx/scripts/generate-test-apps.sh

@@ -0,0 +1,124 @@
+#!/usr/bin/env bash
+#
+# Generate test apps from this seed and verify they are lint-clean out of the box.
+#
+# For each requested framework this generates three apps — the defaults app (no
+# routes), a "full" app driven by .genx/tests/fixtures/routes-full.json
+# (every tile type: entity-manager with permissions/custom events/eventing/FDC3,
+# grid-pro with listener/reqrep, chart, smart-form), and an "fdc3" app with
+# FDC3 channels enabled — then runs the ox lint pipeline with zero tolerance:
+#
+#   oxlint . --deny-warnings   # zero errors, zero warnings
+#   oxfmt --check .            # formatting is already canonical
+#   npm run lint               # genx lint -l ox (Oxlint -> Oxfmt -> Stylelint)
+#
+# Usage:
+#   .genx/scripts/generate-test-apps.sh [framework...]
+#
+#   framework: react | webcomponents | angular (default: all three)
+#
+# Env:
+#   WORK_DIR   scratch dir for generated apps (default: a fresh mktemp dir).
+#              A caller-supplied WORK_DIR is never deleted by this script.
+#   KEEP=1     keep each generated app (and the scratch dir) for inspection.
+#              By default an app is deleted as soon as it passes, so a run only
+#              ever holds one app's node_modules at a time. Failing apps are
+#              always kept.
+#   BUILD=1    additionally run `npx tsc --noEmit` and `npm run build` per app
+#
+# Installs use the app's own bootstrap semantics (plain `npm install`) — NOT
+# --legacy-peer-deps, which would skip the ag-grid peer deps and break builds.
+
+set -uo pipefail
+
+SEED_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/../.." && pwd)"
+FIXTURE="$SEED_DIR/.genx/tests/fixtures/routes-full.json"
+
+if [ $# -gt 0 ]; then
+  FRAMEWORKS=("$@")
+else
+  FRAMEWORKS=(react webcomponents angular)
+fi
+
+# `mktemp -d -t <name>` is BSD-only; spell the template out so this works on GNU
+# coreutils too. Bail out rather than carry on with an empty WORK_DIR, which would
+# turn the `rm -rf` calls below into absolute paths.
+OWNS_WORK_DIR=0
+if [ -z "${WORK_DIR:-}" ]; then
+  WORK_DIR="$(mktemp -d "${TMPDIR:-/tmp}/blank-app-seed-lint.XXXXXXXX")" || exit 1
+  OWNS_WORK_DIR=1
+fi
+if [ -z "$WORK_DIR" ] || [ ! -d "$WORK_DIR" ]; then
+  echo "Could not create or resolve WORK_DIR ('${WORK_DIR}')" >&2
+  exit 1
+fi
+
+FAILURES=()
+
+run_lint_checks() {
+  local app_dir="$1" label="$2"
+  (
+    cd "$app_dir/client" || exit 1
+    echo "--- [$label] npm install"
+    npm install --no-fund --no-audit || exit 1
+    echo "--- [$label] oxlint . --deny-warnings"
+    ./node_modules/.bin/oxlint . --deny-warnings || exit 1
+    echo "--- [$label] oxfmt --check ."
+    ./node_modules/.bin/oxfmt --check . || exit 1
+    echo "--- [$label] npm run lint"
+    npm run lint || exit 1
+    if [ "${BUILD:-0}" = "1" ]; then
+      echo "--- [$label] tsc --noEmit"
+      npx tsc --noEmit || exit 1
+      echo "--- [$label] npm run build"
+      npm run build || exit 1
+    fi
+  )
+}
+
+for fw in "${FRAMEWORKS[@]}"; do
+  for variant in default full fdc3; do
+    label="$fw-$variant"
+    app_dir="$WORK_DIR/$label"
+    rm -rf "$app_dir"
+    echo "=== Generating $label into $app_dir"
+    extra_args=()
+    if [ "$variant" = "full" ]; then
+      extra_args=(--routes "$(cat "$FIXTURE")")
+    fi
+    if [ "$variant" = "fdc3" ]; then
+      extra_args=(--ui '{"fdc3":{"channels":[{"name":"positions","type":"position"},{"name":"instrumentChannel","type":"fdc3.instrument"}]}}')
+    fi
+    (
+      cd "$WORK_DIR" || exit 1
+      # `"${extra_args[@]}"` alone is an unbound-variable error on an empty array
+      # under `set -u` in bash 3.2 (the macOS system bash).
+      npx -y @genesislcap/genx@latest init "$label" -s "$SEED_DIR" -x --no-shell \
+        --framework "$fw" --apiHost 'wss://localhost/gwf/' \
+        ${extra_args[@]+"${extra_args[@]}"}
+    ) || { FAILURES+=("$label: generation failed"); continue; }
+    if run_lint_checks "$app_dir" "$label"; then
+      # Reclaim the app's node_modules straight away — CI runners are disk-tight and
+      # each generated app installs well over a gigabyte.
+      [ "${KEEP:-0}" = "1" ] || rm -rf "$app_dir"
+    else
+      FAILURES+=("$label: lint checks failed")
+    fi
+  done
+done
+
+echo
+if [ ${#FAILURES[@]} -gt 0 ]; then
+  echo "FAILED:"
+  printf ' - %s\n' "${FAILURES[@]}"
+  echo "Generated apps kept in $WORK_DIR for inspection"
+  exit 1
+fi
+
+echo "All generated apps are lint-clean: ${FRAMEWORKS[*]} (default + full + fdc3)"
+if [ "${KEEP:-0}" = "1" ]; then
+  echo "Generated apps kept in $WORK_DIR"
+elif [ "$OWNS_WORK_DIR" = "1" ]; then
+  # Only ever remove a scratch dir this script created.
+  rm -rf "$WORK_DIR"
+fi

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

@@ -1,8 +1,10 @@
-<rapid-g2plot-chart
+{{#if config.permissions.viewRight}}<rapid-g2plot-chart
   type="{{ config.type }}"
-  [config]="chartConfig"{{#if config.permissions.viewRight}}
-  [ngStyle]="hasUserPermission('{{config.permissions.viewRight}}') ? { width: '100%', height: '100%' } : { display: 'none' }"{{/if}}
->
+  [config]="chartConfig"
+  [ngStyle]="
+    hasUserPermission('{{config.permissions.viewRight}}') ? { width: '100%', height: '100%' } : { display: 'none' }
+  "
+>{{else}}<rapid-g2plot-chart type="{{ config.type }}" [config]="chartConfig">{{/if}}
   <chart-datasource
     resourceName="{{ config.resourceName }}"
     server-fields="{{ config.xField }} {{ config.yField }}"
@@ -10,7 +12,17 @@
 </rapid-g2plot-chart>{{#if config.permissions.viewRight}}
 
 <app-error-message
-  [ngStyle]="!hasUserPermission('{{config.permissions.viewRight}}') ? { width: '100%', height: '100%', display: 'flex', 'justify-content': 'center', 'align-items': 'center' } : { display: 'none' }"
+  [ngStyle]="
+    !hasUserPermission('{{config.permissions.viewRight}}')
+      ? {
+          width: '100%',
+          height: '100%',
+          display: 'flex',
+          'justify-content': 'center',
+          'align-items': 'center',
+        }
+      : { display: 'none' }
+  "
   elementType="h3"
-  message="You do not have access to view this component.">
-</app-error-message>{{/if}}
+  message="You do not have access to view this component."
+></app-error-message>{{/if}}

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

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

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

@@ -1,8 +1,16 @@
+{{#ifAny tile.config.createFormUiSchema tile.config.uischema}}
 import { UiSchema } from '@genesislcap/foundation-forms';
 
 {{#if tile.config.createFormUiSchema}}
-export const createFormSchema: UiSchema = {{{ tile.config.createFormUiSchema }}}
+export const createFormSchema: UiSchema = {{{ tile.config.createFormUiSchema }}};
 {{/if}}
 {{#if tile.config.uischema}}
-export const createFormSchema: UiSchema = {{{ tile.config.uischema }}}
+export const createFormSchema: UiSchema = {{{ tile.config.uischema }}};
 {{/if}}
+{{else}}
+/**
+ * No `uischema` was supplied for this form, so its fields are derived from the resource metadata.
+ * Export a `createFormSchema` here and pass it to the form to take control of the layout.
+ */
+export {};
+{{/ifAny}}

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

@@ -1,4 +1,13 @@
-import { type CustomAction, CrudMenuPosition, UiSchema } from '@genesislcap/foundation-entity-management';
+{{#ifContains tile.config.customEvents '"hasForm":true'}}
+{{#ifContains tile.config.customEvents '"position":"'}}
+import {
+  type CustomAction,
+  CrudMenuPosition,
+  UiSchema,
+} from '@genesislcap/foundation-entity-management';
+{{else}}
+import { type CustomAction, UiSchema } from '@genesislcap/foundation-entity-management';
+{{/ifContains}}
 
 {{#each tile.config.customEvents}}
 {{#if this.hasForm}}
@@ -6,6 +15,20 @@ export const {{camelCase this.name}}FormSchema: UiSchema = {{{this.uischema}}};
 {{/if}}
 {{/each}}
 
+{{else}}
+{{#ifContains tile.config.customEvents '"position":"'}}
+import { type CustomAction, CrudMenuPosition } from '@genesislcap/foundation-entity-management';
+{{else}}
+import { type CustomAction } from '@genesislcap/foundation-entity-management';
+{{/ifContains}}
+
+{{/ifContains}}
+{{#each tile.config.customEvents}}
+{{#if this.defaultValues}}
+const {{camelCase this.name}}DefaultValues = {{{this.defaultValues}}};
+
+{{/if}}
+{{/each}}
 export const customActions: CustomAction[] = [
   {{#each tile.config.customEvents}}
   {
@@ -17,7 +40,9 @@ export const customActions: CustomAction[] = [
       {{#if this.hasForm}}
       uiSchema: {{camelCase this.name}}FormSchema,
       {{/if}}
-      defaultValues: {{{this.defaultValues}}},
+      {{#if this.defaultValues}}
+      defaultValues: {{camelCase this.name}}DefaultValues,
+      {{/if}}
     },
     {{#if this.position}}
     position: CrudMenuPosition.{{{pascalCase this.position}}},
@@ -26,15 +51,15 @@ export const customActions: CustomAction[] = [
     icon: '{{this.icon}}',
     {{/if}}
     {{#if this.tooltip}}
-    tooltip: '{{this.tooltip}}',
+    tooltip: {{{this.tooltipJs}}},
     {{/if}}
     {{#if this.confirmSubmit}}
     confirmSubmit: {
-      state: '{{this.confirmSubmit.state}}',
-      message: '{{this.confirmSubmit.message}}'
+      state: '{{#if this.confirmSubmit.state}}{{this.confirmSubmit.state}}{{else}}enabled{{/if}}',
+      message: {{{this.confirmSubmitMessageJs}}},
     },
     {{/if}}
     requiresSelection: true,
   },
   {{/each}}
-];
+];

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

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

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

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

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

@@ -1,13 +1,27 @@
-import { Component, Input, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { getUser } from '@genesislcap/foundation-user';
+{{#if tile.config.gridOptions}}
+import { GridOptionsConfig } from '@genesislcap/rapid-grid-pro';
+{{/if}}
+{{#if tile.config.eventing.listener}}
+import { injectSelector } from '@reduxjs/angular-redux';
+{{/if}}
 import { ErrorMessageComponent } from '../../../components/error-message/error-message.component';
-import { getViewUpdateRightComponent } from '../../../utils';
-{{#if tile.config.customEvents}}
-import { customActions as emCustomActions } from './{{kebabCase tile.title}}.events.config';
+{{#if tile.config.eventing.publishEventName}}
+{{#if tile.config.eventing.listener}}
+import { actions, selectors } from '../../../store/store';
+{{else}}
+import { actions } from '../../../store/store';
 {{/if}}
-{{#if tile.config.gridOptions}}
-import { GridOptionsConfig } from "@genesislcap/rapid-grid-pro";
+{{else}}
+{{#if tile.config.eventing.listener}}
+import { selectors } from '../../../store/store';
+{{/if}}
+{{/if}}
+import { getViewUpdateRightComponent } from '../../../utils';
+{{#if tile.config.columns}}
+import { columnDefs } from './{{kebabCase tile.title}}.column.defs';
 {{/if}}
 {{#if tile.config.createFormUiSchema}}
 import { createFormSchema } from './{{kebabCase tile.title}}.create.form.schema';
@@ -15,65 +29,76 @@ import { createFormSchema } from './{{kebabCase tile.title}}.create.form.schema'
 {{#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 tile.config.customEvents}}
+import { customActions as emCustomActions } from './{{kebabCase tile.title}}.events.config';
 {{/if}}
 {{#if tile.config.filterFormUiSchema}}
 import { filterFormSchema } from './{{kebabCase tile.title}}.filter.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}}
-{{#ifAny tile.config.eventing.publishEventName tile.config.eventing.listener}}
-import { actions, selectors } from '../../../store/store';
-import { injectSelector } from '@reduxjs/angular-redux';
-{{/ifAny}}
+{{#if tile.config.updateFormUiSchema}}
+import { updateFormSchema } from './{{kebabCase tile.title}}.update.form.schema';
+{{/if}}
 
 {{#ifAny tile.metadata.comment tile.metadata.todo}}
 /**
 {{~#if tile.metadata.comment}}{{{ tile.metadata.comment }}}{{/if}}
-{{~#if tile.metadata.todo}}{{#if tile.metadata.comment}} 
+{{~#if tile.metadata.todo}}{{#if tile.metadata.comment}}
  *{{/if}}
  * TODO: {{{ tile.metadata.todo }}}{{/if}}
  */
 {{/ifAny}}
-
 @Component({
   selector: 'app-{{kebabCase tile.componentName}}',
   templateUrl: './{{kebabCase tile.title}}.component.html',
   styleUrl: './{{kebabCase tile.title}}.component.css',
   standalone: true,
-  imports: [
-    ErrorMessageComponent,
-    CommonModule,
-  ],
+  imports: [ErrorMessageComponent, 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.filterFormUiSchema}}
-  filterFormSchema = filterFormSchema;{{/if}}{{#if tile.config.gridOptions}}
-  gridOptions = gridOptions as GridOptionsConfig;{{/if}}{{#if tile.config.columns}}
-  columnDefs = [
-    ...columnDefs,
-  ];{{/if}}{{#if tile.config.type}}
-  chartConfig = { {{#ifEquals tile.config.type 'pie'}}
-      "radius": 0.75,
-      "angleField": "value",
-      "colorField": "groupBy",{{else}}
-      "xField": "groupBy",
-      "yField": "value",{{/ifEquals}}
-  };{{/if}}{{#if tile.config.customEvents}}
-  customActions = emCustomActions;{{/if}}{{#ifAny tile.config.eventing.publishEventName tile.config.eventing.listener}}
+  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.filterFormUiSchema}}
+  filterFormSchema = filterFormSchema;
+  {{/if}}
+  {{#if tile.config.gridOptions}}
+  gridOptions = gridOptions as GridOptionsConfig;
+  {{/if}}
+  {{#if tile.config.columns}}
+  columnDefs = [...columnDefs];
+  {{/if}}
+  {{#ifEquals tile.type 'chart'}}
+  {{! Declared for every chart tile: the chart template always binds [config]="chartConfig". }}
+  chartConfig = {
+    {{#ifEquals tile.config.type 'pie'}}
+    radius: 0.75,
+    angleField: 'value',
+    colorField: 'groupBy',
+    {{else}}
+    xField: 'groupBy',
+    yField: 'value',
+    {{/ifEquals}}
+  };
+  {{/ifEquals}}
+  {{#if tile.config.customEvents}}
+  customActions = emCustomActions;
+  {{/if}}
   {{#if tile.config.eventing.listener}}
   criteria = injectSelector(selectors.eventing.getCriteriaFor{{pascalCase tile.title}});
   {{/if}}
-  {{/ifAny}}{{#if tile.config.eventing.publishEventName}}
+  {{#if tile.config.eventing.publishEventName}}
   handleRowSelection = (e: any) => {
     {{#ifEquals tile.componentType 'grid'}}
     const selectedRows = e.api.getSelectedRows();
@@ -81,18 +106,24 @@ export class {{pascalCase tile.componentName}} {
     const selectedRows = e.detail.api.getSelectedRows();
     {{/ifEquals}}
     if (!selectedRows || !selectedRows.length) {
-        actions.eventing.publish{{pascalCase tile.config.eventing.publishEventName}}(null);
-        return;
-    };
+      actions.eventing.publish{{pascalCase tile.config.eventing.publishEventName}}(null);
+      return;
+    }
     const { TIMESTAMP, RECORD_ID, ROW_REF, ...data } = selectedRows[0];
     actions.eventing.publish{{pascalCase tile.config.eventing.publishEventName}}(data);
-  };{{/if}}
+  };
+  {{/if}}
   {{#ifAny tile.config.gridOptions tile.config.eventing.publishEventName}}
   gridOptionsModel = {
     {{#if tile.config.gridOptions}}
-    onRowClicked: gridOptions?.onRowClicked,{{/if}}{{#if tile.config.eventing.publishEventName}}{{#ifEquals tile.componentType 'grid'}}
+    onRowClicked: gridOptions?.onRowClicked,
+    {{/if}}
+    {{#if tile.config.eventing.publishEventName}}
+    {{#ifEquals tile.componentType 'grid'}}
     onSelectionChanged: this.handleRowSelection,
-    rowSelection: 'single'{{/ifEquals}}{{/if}}
+    rowSelection: 'single',
+    {{/ifEquals}}
+    {{/if}}
   };
   {{/ifAny}}
-}
+}

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

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

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

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

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

@@ -1,5 +1,5 @@
-<section style="height: 100%; width: 100%;">
-  <ng-container {{#if config.permissions.viewRight}}*ngIf="hasUserPermission('{{config.permissions.viewRight}}'); else notPermitted{{ config.index }}"{{/if}}>
+<section style="height: 100%; width: 100%">
+  <ng-container{{#if config.permissions.viewRight}} *ngIf="hasUserPermission('{{config.permissions.viewRight}}'); else notPermitted{{ config.index }}"{{/if}}>
     <entity-management
       design-system-prefix="rapid"
       header-case-type="capitalCase"
@@ -40,7 +40,7 @@
         requestAutoSetup: false,
         {{/if}}
         {{#if config.eventing.listener}}
-        criteria: criteria()
+        criteria: criteria(),
         {{/if}}
       }"
       {{/ifAny}}
@@ -74,9 +74,9 @@
 
   <ng-template #notPermitted{{ config.index }}>
     <app-error-message
-      style="width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;"
+      style="width: 100%; height: 100%; display: flex; justify-content: center; align-items: center"
       elementType="h3"
-      message="You do not have access to view this component.">
-    </app-error-message>
+      message="You do not have access to view this component."
+    ></app-error-message>
   </ng-template>{{/if}}
 </section>

package/{client-tmp/angular/src/app/utils/fdc3.ts → .genx/templates/angular/fdc3.ts.hbs}

@@ -1,15 +1,14 @@
-{{#if FDC3.includeDependencies}}
 import { DefaultFDC3 } from '@genesislcap/foundation-fdc3';
-{{/if}}
-export const isFDC3 = (): boolean => !!(window as any).fdc3;
-{{#if FDC3.includeDependencies}}
 
+export const isFDC3 = (): boolean => !!(window as any).fdc3;
 export const onFDC3Ready = async (FDC3ReadyCb: () => any): Promise<void> => {
-  isFDC3()
-    ? await FDC3ReadyCb()
-    : window.addEventListener('fdc3Ready', async () => {
+  if (isFDC3()) {
+    await FDC3ReadyCb();
+  } else {
+    window.addEventListener('fdc3Ready', async () => {
       await FDC3ReadyCb();
     });
+  }
 };
 
 export const listenToChannel = async (
@@ -29,4 +28,3 @@ export const sendEventOnChannel = (channelName: string, type: string) => {
     await fdc3Service.broadcastOnChannel(channelName, type, payload);
   };
 };
-{{/if}}

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

@@ -1,21 +1,18 @@
-<section style="height: 100%; width: 100%;">
-  <ng-container {{#if config.permissions.updateRight}}*ngIf="hasUserPermission('{{config.permissions.updateRight}}'); else notPermitted{{ config.index }}"{{/if}}>
-    <foundation-form
+<section style="height: 100%; width: 100%">
+  <ng-container{{#if config.permissions.updateRight}} *ngIf="hasUserPermission('{{config.permissions.updateRight}}'); else notPermitted{{ config.index }}"{{/if}}>
+    {{#if config.uischema}}<foundation-form
       design-system-prefix="rapid"
       resourceName="{{config.resourceName}}"
-      {{#if config.uischema}}
       [uischema]="uischema"
-      {{/if}}
-    >
-    </foundation-form>
+    ></foundation-form>{{else}}<foundation-form design-system-prefix="rapid" resourceName="{{config.resourceName}}"></foundation-form>{{/if}}
   </ng-container>
   {{#if config.permissions.updateRight}}
   <ng-template #notPermitted{{ config.index }}>
     <app-error-message
-      style="width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;"
+      style="width: 100%; height: 100%; display: flex; justify-content: center; align-items: center"
       elementType="h3"
-      message="You do not have access to view this component.">
-    </app-error-message>
-  </ng-template>{{/if}}
+      message="You do not have access to view this component."
+    ></app-error-message>
+  </ng-template>
+  {{/if}}
 </section>
-