@genesislcap/blank-app-seed 5.22.2-prerelease.2 → 5.23.1

package/client-tmp/react/src/store/RoutesContext.test.tsx

@@ -0,0 +1,99 @@
+import type { AppRouteConfig, PbcRouteInput } from '@genesislcap/foundation-react-utils/router';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { useState } from 'react';
+import { RoutesProvider, useRoutesContext } from './RoutesContext';
+
+/**
+ * `getApp()` resolves the shell's `App` singleton out of the DI DOM container, which this
+ * unit test has no reason to boot. The stand-in mirrors the only thing the provider reads:
+ * a plain `routes` array field, stored once by the real `App` and only ever reassigned
+ * (registerAssets/deregisterAssets) — so identity behaves here exactly as it does in the app.
+ */
+const mockShellApp: { routes: PbcRouteInput[] } = { routes: [] };
+
+jest.mock('@genesislcap/foundation-shell/app', () => ({
+  getApp: () => mockShellApp,
+}));
+
+// Route pages are inert payload for this test — the provider only parks them in the route
+// table as `element` values, never renders them — while dragging in the foundation-auth
+// runtime and, for generated dashboards/charts, chart libraries jest cannot transform.
+// Stubbed here; the route table itself and `mergePbcRoutes` stay real.
+jest.mock('../pages/AuthPage/AuthPage', () => () => null);
+jest.mock('../pages/NotPermittedPage/NotPermittedPage', () => () => null);
+{{#each routes}}
+jest.mock('../pages/{{pascalCase this.name}}/{{pascalCase this.name}}', () => () => null);
+{{/each}}
+
+/** Every context value the consumer below saw, in render order. */
+const captured: AppRouteConfig[][] = [];
+
+const RoutesConsumer = () => {
+  const routes = useRoutesContext();
+  captured.push(routes);
+  return null;
+};
+
+/** A fresh element tree per call, so React cannot bail out of re-rendering the provider. */
+const providerTree = () => (
+  <RoutesProvider>
+    <RoutesConsumer />
+  </RoutesProvider>
+);
+
+const expectSingleIdentity = () => {
+  // initial render plus at least two re-renders
+  expect(captured.length).toBeGreaterThan(2);
+  captured.forEach((value) => {
+    expect(value).toBe(captured[0]);
+  });
+};
+
+describe('RoutesProvider', () => {
+  beforeEach(() => {
+    captured.length = 0;
+    mockShellApp.routes = [];
+  });
+
+  test('hands consumers one context value identity across re-renders', () => {
+    const { rerender } = render(providerTree());
+
+    rerender(providerTree());
+    rerender(providerTree());
+
+    expectSingleIdentity();
+  });
+
+  test('hands consumers one context value identity when a parent state change cascades in', () => {
+    const Parent = () => {
+      const [tick, setTick] = useState(0);
+      return (
+        <RoutesProvider>
+          <button type="button" onClick={() => setTick(tick + 1)}>
+            tick {tick}
+          </button>
+          <RoutesConsumer />
+        </RoutesProvider>
+      );
+    };
+
+    render(<Parent />);
+    const tickButton = screen.getByRole('button');
+    fireEvent.click(tickButton);
+    fireEvent.click(tickButton);
+
+    expectSingleIdentity();
+  });
+
+  test('recomputes the context value when the app reassigns its routes', () => {
+    const { rerender } = render(providerTree());
+    const beforeReassign = captured[captured.length - 1];
+
+    mockShellApp.routes = [{ path: 'pbc-page', settings: { permissionCode: 'PBC_VIEW' } }];
+    rerender(providerTree());
+
+    const afterReassign = captured[captured.length - 1];
+    expect(afterReassign).not.toBe(beforeReassign);
+    expect(afterReassign.map((route) => route.path)).toContain('/pbc-page');
+  });
+});

package/client-tmp/react/src/store/RoutesContext.tsx

@@ -3,15 +3,23 @@ import {
   type AppRouteConfig,
   type PbcRouteInput,
 } from '@genesislcap/foundation-react-utils/router';
-import React, { createContext, useContext, ReactNode } from 'react';
 import { getApp } from '@genesislcap/foundation-shell/app';
+import React, { createContext, useContext, useMemo, ReactNode } from 'react';
+import { AUTH_PATH, NOT_PERMITTED_PATH } from '../config';
+{{#if routes.[0]}}
+/* eslint-disable import-es/order -- generated route pages follow route-table order, not alphabetical */
 import AuthPage from '../pages/AuthPage/AuthPage';
 import NotPermittedPage from '../pages/NotPermittedPage/NotPermittedPage';
 {{#each routes}}
 import {{pascalCase this.name}} from '../pages/{{pascalCase this.name}}/{{pascalCase this.name}}';
 {{/each}}
 import PBCContainer from '../pbc/container';
-import { AUTH_PATH, NOT_PERMITTED_PATH } from '../config';
+/* eslint-enable import-es/order */
+{{else}}
+import AuthPage from '../pages/AuthPage/AuthPage';
+import NotPermittedPage from '../pages/NotPermittedPage/NotPermittedPage';
+import PBCContainer from '../pbc/container';
+{{/if}}
 
 /**
  * Static application routes as a declarative table consumed by `renderAppRoutes`
@@ -46,9 +54,21 @@ const staticRoutes: AppRouteConfig[] = [
 const RoutesContext = createContext<AppRouteConfig[]>([]);
 
 export const RoutesProvider: React.FC<{ children: ReactNode }> = ({ children }) => {
-  const routes = mergePbcRoutes(staticRoutes, getApp().routes as unknown as PbcRouteInput[], {
-    renderPbc: () => <PBCContainer />,
-  });
+  const pbcRoutes = getApp().routes as unknown as PbcRouteInput[];
+
+  /**
+   * Memoized so the context value keeps a stable identity across re-renders. Without this,
+   * every re-render of this provider hands consumers a brand new array and re-runs the
+   * effects keyed on it — `PBCContainer` would tear down and re-create the mounted custom
+   * element, and the document title would be re-applied on each pass.
+   */
+  const routes = useMemo(
+    () =>
+      mergePbcRoutes(staticRoutes, pbcRoutes, {
+        renderPbc: () => <PBCContainer />,
+      }),
+    [pbcRoutes],
+  );
 
   return <RoutesContext.Provider value={routes}>{children}</RoutesContext.Provider>;
 };

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

@@ -1,25 +1,25 @@
 {{#if fontData}}
 {{#each fontData}}
 @font-face {
-  font-family: "{{../fontFamily}}";
+  font-family: '{{../fontFamily}}';
   src: url("../public/fonts/{{filename}}") format("{{format}}");
   font-weight: {{weight}};
   font-style: normal;
   font-display: swap;
 }
 {{/each}}
-{{/if}}
 
+{{/if}}
 {{#unless fontFamily}}
 @font-face {
   font-family: Segoe UI;
   font-weight: 300;
-  src: local("Segoe UI Semilight"), local("Segoe UI");
+  src: local('Segoe UI Semilight'), local('Segoe UI');
 }
-{{/unless}}
 
+{{/unless}}
 * {
-  font-family: {{#if fontFamily}}"{{fontFamily}}", {{/if}}"Segoe UI", "Helvetica Neue", Arial, sans-serif;
+  font-family: {{#if fontFamily}}'{{fontFamily}}', {{/if}}'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
   font-style: normal;
   font-weight: normal;
 }
@@ -36,7 +36,7 @@ body,
   --nav-height: 60px;
 }
 
-body{
+body {
   overflow: hidden;
 }
 
@@ -50,4 +50,4 @@ foundation-router {
 
 rapid-design-system-provider {
   overflow: hidden;
-}
+}

package/client-tmp/react/src/types/LayoutName.ts

@@ -1,3 +1,3 @@
 type LayoutName = 'blank' | 'default';
 
-export default LayoutName;
+export default LayoutName;

package/client-tmp/react/src/utils/getLayoutNameByRoute.ts

@@ -2,4 +2,4 @@ import { routeLayouts } from '../config';
 
 export const getLayoutNameByRoute = (route: string) => {
   return routeLayouts[route] || 'default';
-}
+};

package/client-tmp/react/src/utils/index.ts

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

package/client-tmp/react/src/utils/layout.ts

@@ -1,10 +1,17 @@
 import { isDev } from '@genesislcap/foundation-utils';
 import pkg from '../../package.json';
 
+// Bump this whenever the persisted flexlayout model changes shape in a way that
+// older saves cannot satisfy — the tab `component` ids are generated, so a change
+// to how they are derived would otherwise restore a layout whose tabs no longer
+// resolve to a component and render as empty panels. A new version simply ignores
+// the stale save once and falls back to the generated default layout.
+const LAYOUT_SCHEMA_VERSION = 'v2';
+
 // Returns null to disable persistence in dev unless PERSIST_LAYOUT_IN_DEV=true
 export const getFlexLayoutStorageKey = (id: string): string | null => {
   if (isDev() && (pkg as any)?.config.PERSIST_LAYOUT_IN_DEV !== true) {
     return null;
   }
-  return `flexlayout_${id}`;
+  return `flexlayout_${LAYOUT_SCHEMA_VERSION}_${id}`;
 };

package/client-tmp/react/src/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/react/src/utils/useDocumentTitle.ts

@@ -26,21 +26,20 @@ export const useDocumentTitle = () => {
       return location.pathname === routePath || location.pathname.startsWith(routePath + '/');
     });
 
-    let pageTitle = 'React App';
+    let pageTitle = '{{capitalCase appName}}';
 
     if (currentRoute) {
       if (currentRoute.title) {
         pageTitle = currentRoute.title;
-      }
-      else if (currentRoute.data?.navItems && currentRoute.data.navItems.length > 0) {
-        pageTitle = currentRoute.data.navItems[0].title || 'React App';
+      } else if (currentRoute.data?.navItems && currentRoute.data.navItems.length > 0) {
+        pageTitle = currentRoute.data.navItems[0].title || '{{capitalCase appName}}';
       }
     }
 
     document.title = pageTitle;
 
     return () => {
-      document.title = 'React App';
+      document.title = '{{capitalCase appName}}';
     };
   }, [location.pathname, routes]);
-};
+};

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

@@ -1,6 +1,6 @@
 import { base, Page } from '@genesislcap/foundation-testing/e2e';
-import { ProtectedPage } from './pages';
 import { PORT } from '../../playwright.config';
+import { ProtectedPage } from './pages';
 
 export type FixtureConfig = {
   API_HOST: string;
@@ -18,7 +18,10 @@ const API_HOST = process.env['API_HOST'] || 'localhost';
 
 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: (page: ProtectedPage) => Promise<unknown>) => {
+  protectedPage: async (
+    { config, page }: { config: FixtureConfig; page: Page },
+    use: (page: ProtectedPage) => Promise<unknown>,
+  ) => {
     const protectedPage = new ProtectedPage(config, page);
     await protectedPage.goto();
     await use(protectedPage);

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

@@ -1,6 +1,8 @@
 import { expect } from '@genesislcap/foundation-testing/e2e';
 import { test } from '../fixture';
 
-test('expected page title', async ({ page }: { page: any }) => {
+// `protectedPage` looks unused, but destructuring it is what makes Playwright instantiate
+// the fixture — and the fixture's setup is what navigates `page` to the app.
+test('expected page title', async ({ protectedPage, page }) => {
   await expect(page).toHaveTitle(/{{capitalCase appName}}/);
 });

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

@@ -1,4 +1,4 @@
 {
   "extends": "./tsconfig.json",
-  "include": ["src/**/*", "src/**/*.d.ts"],
+  "include": ["src/**/*", "src/**/*.d.ts"]
 }

package/client-tmp/react/tsconfig.json

@@ -24,9 +24,5 @@
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true
   },
-  "include": [
-    "src/**/*",
-    "src/**/*.d.ts",
-    "src/pbc/**/*.ts",
-  ],
+  "include": ["src/**/*", "src/**/*.d.ts", "src/pbc/**/*.ts"]
 }

package/client-tmp/web-components/.oxfmtrc.json

@@ -0,0 +1,30 @@
+{
+  "semi": true,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "bracketSpacing": true,
+  "printWidth": 100,
+  "htmlWhitespaceSensitivity": "ignore",
+  "sortPackageJson": false,
+  "ignorePatterns": [
+    "**/.git",
+    "**/.svn",
+    "**/.hg",
+    "**/node_modules",
+    "**/__tests__",
+    "**/__test__",
+    "**/.tmp",
+    "**/bootstrap",
+    "**/coverage",
+    "**/test-results",
+    "**/dist",
+    "**/temp",
+    "**/storybook-static",
+    "**/*.d.ts",
+    "**/*.md",
+    "**/*.hbs",
+    "**/.genx/**",
+    "**/src/generated/**",
+    "**/index.html"
+  ]
+}

package/client-tmp/web-components/.oxlintrc.json

@@ -0,0 +1,4 @@
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "extends": ["./node_modules/@genesislcap/oxlint-config/.oxlintrc.json"]
+}

package/client-tmp/web-components/oxlint-staged.js

@@ -0,0 +1,45 @@
+/**
+ * Lints the staged files, fixing what can be fixed and failing on what cannot.
+ *
+ * `oxlint --fix` is not single-pass convergent: it applies at most one fix per
+ * overlapping span, so a file with several unused specifiers in one import
+ * statement still reports the rest afterwards. A single
+ * `oxlint --fix --deny-warnings` would therefore reject a commit whose findings
+ * are entirely auto-fixable, and lint-staged would revert the partial fix. There
+ * is no `--fix-passes` flag (oxlint 1.78), so the loop lives here; it can go
+ * back to one plain call once oxlint converges on its own.
+ *
+ * The fixing passes stay quiet so a remaining finding is reported once, by the
+ * final pass, rather than once per attempt.
+ */
+const { spawnSync } = require('node:child_process');
+
+/** Convergence needs about log2(findings) passes; this is well clear of that. */
+const MAX_PASSES = 10;
+
+const files = process.argv.slice(2);
+
+const runOxlint = (args, quiet) =>
+  spawnSync('oxlint', [...args, ...files], {
+    stdio: quiet ? 'ignore' : 'inherit',
+    shell: process.platform === 'win32',
+  });
+
+if (files.length === 0) {
+  process.exit(0);
+}
+
+for (let pass = 0; pass < MAX_PASSES; pass += 1) {
+  const { status, error } = runOxlint(['--fix', '--deny-warnings'], true);
+  if (error) {
+    // Never fail silently: a missing binary must not look like a lint failure.
+    console.error(`oxlint-staged: could not run oxlint (${error.code})`);
+    process.exit(1);
+  }
+  if (status === 0) {
+    process.exit(0);
+  }
+}
+
+// Still not clean: report what is left (without touching the files again) and fail.
+process.exit(runOxlint(['--deny-warnings'], false).status === 0 ? 0 : 1);

package/client-tmp/web-components/package.json

@@ -41,10 +41,9 @@
     "dev:https": "npm run dev -- -- --https",
     "dev:vite": "genx dev -e API_HOST,ENABLE_SSO -b vite",
     "dev:webpack": "genx dev -e API_HOST,ENABLE_SSO -b webpack",
-    "git:setup": "cd .. && npx --yes husky install",
-    "lint": "genx lint --profile",
-    "lint:fix": "genx lint --fix",
-    "lint:eslint": "genx lint -l eslint --profile",
+    "git:setup": "cd .. && npx --no --prefix client husky install",
+    "lint": "genx lint -l ox",
+    "lint:fix": "genx lint -l ox --fix",
     "lint:stylelint": "genx lint -l stylelint",
     "serve": "genx serve",
     "test": "genx test",
@@ -54,43 +53,36 @@
     "test:coverage": "genx test --coverage",
     "test:unit:watch": "genx test --watch"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
   "lint-staged": {
-    "*.{ts,js}": [
-      "eslint"
+    "*.{ts,js,tsx,jsx}": [
+      "node oxlint-staged.js",
+      "oxfmt --write"
+    ],
+    "*.{mjs,cjs}": [
+      "oxfmt --write"
     ],
     "*.styles.ts": [
-      "stylelint"
+      "stylelint --allow-empty-input"
     ]
   },
-  "eslintConfig": {
-    "extends": "@genesislcap/eslint-config",
-    "ignorePatterns": ["**/dist/**", "**/public/**", "**/coverage/**", "**/test/**", "playwright.config.ts"]
-  },
   "stylelint": {
     "extends": "@genesislcap/stylelint-config"
   },
-  "prettier": "@genesislcap/prettier-config",
   "devDependencies": {
     "@genesislcap/design-system-configurator": "{{versions.UI}}",
-    "@genesislcap/eslint-config": "{{versions.UI}}",
     "@genesislcap/foundation-testing": "{{versions.UI}}",
     "@genesislcap/genx": "{{versions.UI}}",
     "@genesislcap/event-type-codegen": "{{versions.UI}}",
-    "@genesislcap/eslint-stylelint-builder": "{{versions.UI}}",
+    "@genesislcap/oxlint-config": "{{versions.UI}}",
     "@genesislcap/uvu-playwright-builder": "{{versions.UI}}",
     "@genesislcap/vite-builder": "{{versions.UI}}",
     "@genesislcap/webpack-builder": "{{versions.UI}}",
-    "@genesislcap/prettier-config": "{{versions.UI}}",
     "@genesislcap/stylelint-config": "{{versions.UI}}",
     "@types/node": "20.11.5",
     "husky": "^7.0.4",
-    "lint-prepush": "^2.2.1",
-    "lint-staged": "^12.4.1"
+    "lint-staged": "^12.4.1",
+    "oxfmt": "^0.44.0",
+    "oxlint": "^1.77.0"
   },
   "dependencies": {
     "@genesislcap/foundation-auth": "{{versions.UI}}",

package/client-tmp/web-components/src/components/components.ts

@@ -32,13 +32,15 @@ export async function registerComponents() {
     designSystem: rapidDesignSystem,
   });
 
-  rapidDesignSystem.provideDesignSystem().register(
-    rapidDesignSystem.baseComponents,
-    rapidGridProBeta(),
-    rapidGridComponents,
-    g2plotChartsComponents,
-    foundationLayoutComponents,
-  );
+  rapidDesignSystem
+    .provideDesignSystem()
+    .register(
+      rapidDesignSystem.baseComponents,
+      rapidGridProBeta(),
+      rapidGridComponents,
+      g2plotChartsComponents,
+      foundationLayoutComponents,
+    );
 
   configureHeader({
     templateOptions: {

package/client-tmp/web-components/src/main/main.css

@@ -15,11 +15,10 @@ foundation-router {
 :not(:defined) {
   visibility: hidden;
 }
-
 {{#if fontData}}
 {{#each fontData}}
 @font-face {
-  font-family: "{{../fontFamily}}";
+  font-family: '{{../fontFamily}}';
   src: url("../../public/fonts/{{filename}}") format("{{format}}");
   font-weight: {{weight}};
   font-style: normal;

package/client-tmp/web-components/src/main/main.ts

@@ -110,7 +110,7 @@ export class MainApplication extends EventEmitter<StoreEventDetailMap>(GenesisEl
   FDC3ReadyHandler = () => {
     {{#each FDC3.channels}}
     listenToChannel('{{this.name}}', '{{this.type}}', (result) => {
-      console.log('Received FDC3 channel message on: {{this.name}} channel, type: {{this.type}}', result);
+      console.log('Received FDC3 message on {{this.name}} ({{this.type}})', result);
       // TODO: Add your listener logic here
       // E.g. open a modal or route to specific page: Route.path.push(`[Route name]`);
     });

package/client-tmp/web-components/src/routes/config.ts

@@ -3,9 +3,13 @@ import { Auth, Connect } from '@genesislcap/foundation-comms';
 import { FoundationRouterConfiguration } from '@genesislcap/foundation-ui';
 import { GENESIS_SOCKET_URL, PUBLIC_PATH } from '@genesislcap/foundation-utils';
 import { defaultLayout, loginLayout } from '../layouts';
+{{#if routes}}
+/* eslint-disable import-es/order -- generated page imports follow the navigation order */
 {{#each routes}}
 import { {{pascalCase this.name}} } from './{{kebabCase this.name}}/{{kebabCase this.name}}';
 {{/each}}
+/* eslint-enable import-es/order */
+{{/if}}
 import { NotFound } from './not-found/not-found';
 import { defaultNotPermittedRoute, NotPermitted } from './not-permitted/not-permitted';
 import { LoginSettings } from './types';

package/client-tmp/web-components/src/utils/index.ts

@@ -1,4 +1,6 @@
+{{#if FDC3.includeDependencies}}
 export * from './fdc3';
+{{/if}}
 export * from './layout';
 export * from './logger';
 export * from './permissions';

package/client-tmp/web-components/tsconfig.json

@@ -24,9 +24,6 @@
     "strictNullChecks": false,
     "target": "ES2015"
   },
-  "include": [
-    "globals.d.ts" ,
-    "src/**/*"
-  ],
+  "include": ["globals.d.ts", "src/**/*"],
   "exclude": ["node_modules", "dist"]
 }

package/gradle/wrapper/gradle-wrapper.properties

@@ -1,6 +1,6 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-9.6.1-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.10.2-bin.zip
 networkTimeout=10000
 validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/blank-app-seed",
   "description": "Genesis Blank App Seed",
-  "version": "5.22.2-prerelease.2",
+  "version": "5.23.1",
   "license": "Apache-2.0",
   "scripts": {
     "release": "semantic-release"

package/server/gradle/wrapper/gradle-wrapper.properties

@@ -1,6 +1,6 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-9.6.1-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.10.2-bin.zip
 networkTimeout=10000
 validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME

package/server/gradle.properties

@@ -19,5 +19,3 @@ ssh-port=1337
 enableDockerContainerTasks=true
 
 compactProcessesStrategy=DEV
-
-useDevRepo=true

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

@@ -1,30 +0,0 @@
-<rapid-layout-region type="horizontal">
-    <rapid-layout-region type="vertical">
-    {{#each route.tiles}}
-        {{#ifEquals @index 0}}
-        <rapid-layout-item title="{{this.title}}">
-            <app-{{kebabCase this.componentName}}></app-{{kebabCase this.componentName}}>
-        </rapid-layout-item>
-        {{/ifEquals}}
-        {{#ifEquals @index 1}}
-        <rapid-layout-item title="{{this.title}}">
-            <app-{{kebabCase this.componentName}}></app-{{kebabCase this.componentName}}>
-        </rapid-layout-item>
-        {{/ifEquals}}
-    {{/each}}
-    </rapid-layout-region>
-    <rapid-layout-region type="vertical">
-    {{#each route.tiles}}
-        {{#ifEquals @index 2}}
-        <rapid-layout-item title="{{this.title}}">
-            <app-{{kebabCase this.componentName}}></app-{{kebabCase this.componentName}}>
-        </rapid-layout-item>
-        {{/ifEquals}}
-        {{#ifEquals @index 3}}
-        <rapid-layout-item title="{{this.title}}">
-            <app-{{kebabCase this.componentName}}></app-{{kebabCase this.componentName}}>
-        </rapid-layout-item>
-        {{/ifEquals}}
-    {{/each}}
-    </rapid-layout-region>
-</rapid-layout-region>

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

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

package/.genx/templates/angular/tabsLayout.hbs

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