@genesislcap/blank-app-seed 5.7.0-prerelease.2 → 5.7.0-prerelease.21

package/CHANGELOG.md

@@ -1,5 +1,173 @@
 # Changelog
 
+## [5.7.0-prerelease.21](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.20...v5.7.0-prerelease.21) (2025-10-31)
+
+
+### Bug Fixes
+
+* use relative logo source instead of absolute GENC-1232 1002762
+* use relative logo source instead of absolute GENC-1232 (#533) 71a9b23
+
+## [5.7.0-prerelease.20](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.19...v5.7.0-prerelease.20) (2025-10-29)
+
+
+### Bug Fixes
+
+* bump fui version to fix modal regression 4594a2d
+* bump fui version to fix modal regression (#532) ad41045
+
+## [5.7.0-prerelease.19](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.18...v5.7.0-prerelease.19) (2025-10-28)
+
+
+### Features
+
+* bump fui versions to receive light mode fixes 6f244c5
+* bump fui versions to receive light mode fixes (#530) 3df2a30
+
+## [5.7.0-prerelease.18](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.17...v5.7.0-prerelease.18) (2025-10-28)
+
+
+### Features
+
+* fix setting fonts and set css used for handlers GENC-1232 de493e3
+* optionally set fonts in generated app via genx GENC-1232 (#531) 596f933
+
+## [5.7.0-prerelease.17](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.16...v5.7.0-prerelease.17) (2025-10-24)
+
+
+### Bug Fixes
+
+* handling of optional headerlogo GENC-1232 ece95a3
+* handling of optional headerlogo GENC-1232 (#529) 88ed8d6
+
+## [5.7.0-prerelease.16](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.15...v5.7.0-prerelease.16) (2025-10-23)
+
+
+### Features
+
+* configure foundation header logo during init GENC-1232 fa452b4
+* optionally set header logo during genx init GENC-1232 (#528) 86c8950
+* set logo styles GENC-1232 950a6b6
+
+
+### Bug Fixes
+
+* apply logo styles by default GENC-1232 00814d8
+* erronous ifAny check in react for datasourceConfig GENC-1232 c109583
+* linting error in generated app GENC-1232 4c176cc
+* linting error in generated app react and angular GENC-1232 a95c6a5
+* logo configuration in angular GENC-1232 14445fc
+
+## [5.7.0-prerelease.15](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.14...v5.7.0-prerelease.15) (2025-10-22)
+
+
+### Bug Fixes
+
+* updating server version information for Auth [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) 9b0d2cf
+
+## [5.7.0-prerelease.14](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.13...v5.7.0-prerelease.14) (2025-10-22)
+
+
+### Bug Fixes
+
+* updating server version information for GSF [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) 80b9ac5
+
+## [5.7.0-prerelease.13](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.12...v5.7.0-prerelease.13) (2025-10-22)
+
+
+### Features
+
+* add ability to set design tokens for generated application GENC-1232 bfcf676
+* add ability to set design tokens for generated application GENC-1232 (#526) c01a7f3
+
+
+### Bug Fixes
+
+* logic applying design token option GENC-1232 a42f6b6
+* logic applying design token option GENC-1232 760e6c1
+* logic applying design token option GENC-1232 7e25e01
+* logic applying design token option GENC-1232 f11fd09
+* logic applying design token option GENC-1232 54b2e75
+* logic applying design token option GENC-1232 63faf22
+* logic applying design token option GENC-1232 6de63aa
+* logic applying design token option GENC-1232 d721477
+* logic applying design token option GENC-1232 a66eada
+* logic applying design token option GENC-1232 3c72211
+* template example shoudl be using light mode value GENC-1232 b87024f
+
+## [5.7.0-prerelease.12](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.11...v5.7.0-prerelease.12) (2025-10-22)
+
+
+### Features
+
+* grid interactions web-components/react/angular GENC-1211 ddcf44c
+* grid interactions web-components/react/angular GENC-1211 (#527) a9a112b
+
+## [5.7.0-prerelease.11](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.10...v5.7.0-prerelease.11) (2025-10-21)
+
+
+### Bug Fixes
+
+* updating server version information for Auth [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) a597461
+
+## [5.7.0-prerelease.10](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.9...v5.7.0-prerelease.10) (2025-10-21)
+
+
+### Bug Fixes
+
+* updating server version information for GSF [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) f1c7a32
+
+## [5.7.0-prerelease.9](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.8...v5.7.0-prerelease.9) (2025-10-21)
+
+
+### Bug Fixes
+
+* updating server version information for Auth [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) b666a8b
+
+## [5.7.0-prerelease.8](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.7...v5.7.0-prerelease.8) (2025-10-21)
+
+
+### Bug Fixes
+
+* updating server version information for GSF [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) bc1fc15
+
+## [5.7.0-prerelease.7](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.6...v5.7.0-prerelease.7) (2025-10-20)
+
+
+### Bug Fixes
+
+* updating server version information for Auth [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) db1cff2
+
+## [5.7.0-prerelease.6](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.5...v5.7.0-prerelease.6) (2025-10-20)
+
+
+### Bug Fixes
+
+* updating server version information for GSF [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) 24510a4
+
+## [5.7.0-prerelease.5](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.4...v5.7.0-prerelease.5) (2025-10-17)
+
+
+### Bug Fixes
+
+* add proxy for vite with react ff07e8f
+* add proxy for vite with react adb23b4
+* add proxy for vite with react (#518) 65bab7f
+
+## [5.7.0-prerelease.4](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.3...v5.7.0-prerelease.4) (2025-10-17)
+
+
+### Bug Fixes
+
+* updating server version information for Auth [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) de06d08
+
+## [5.7.0-prerelease.3](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.2...v5.7.0-prerelease.3) (2025-10-17)
+
+
+### Bug Fixes
+
+* updating server version information for GSF [PSD-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) 3ebdac7
+
 ## [5.7.0-prerelease.2](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.1...v5.7.0-prerelease.2) (2025-10-16)
 
 

package/client-tmp/angular/package.json

@@ -78,6 +78,7 @@
     "@angular/platform-browser-dynamic": "^18.0.4",
     "@angular/router": "^18.0.4",
     "@genesislcap/foundation-comms": "{{versions.UI}}",
+    "@genesislcap/foundation-criteria": "{{versions.UI}}",
     "@genesislcap/foundation-entity-management": "{{versions.UI}}",
     "@genesislcap/foundation-events": "{{versions.UI}}",
     {{#if FDC3.includeDependencies}}
@@ -102,6 +103,8 @@
     "@genesislcap/rapid-design-system": "{{versions.UI}}",
     "@genesislcap/rapid-grid-pro": "{{versions.UI}}",
     "@genesislcap/web-core": "{{versions.UI}}",
+    "@genesislcap/foundation-redux": "{{versions.UI}}",
+    "@reduxjs/angular-redux": "^1.0.1",
     "numeral": "2.0.6",
     "tslib": "^2.3.0",
     "zone.js": "~0.14.3"
@@ -117,6 +120,7 @@
     "@angular/platform-browser-dynamic": "^18.0.4",
     "@angular/router": "^18.0.4",
     "@genesislcap/foundation-comms": "{{versions.UI}}",
+    "@genesislcap/foundation-criteria": "{{versions.UI}}",
     "@genesislcap/foundation-entity-management": "{{versions.UI}}",
     "@genesislcap/foundation-events": "{{versions.UI}}",
     {{#if FDC3.includeDependencies}}
@@ -139,6 +143,7 @@
     "@genesislcap/grid-tabulator": "{{versions.UI}}",
     "@genesislcap/rapid-design-system": "{{versions.UI}}",
     "@genesislcap/rapid-grid-pro": "{{versions.UI}}",
+    "@genesislcap/foundation-redux": "{{versions.UI}}",
     "@genesislcap/web-core": "{{versions.UI}}",
     "numeral": "2.0.6",
     "tslib": "^2.3.0",

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

@@ -5,8 +5,7 @@ import getLayoutNameByRoute from './utils/getLayoutNameByRoute';
 import type { LayoutComponentName } from './types/layout';
 import { configureFoundationAuth } from './share/foundation-auth';
 import { registerComponents } from './share/genesis-components';
-import { getStore } from './store';
-import { customEventFactory, registerStylesTarget } from '../pbc/utils';
+import { registerStylesTarget } from '../pbc/utils';
 {{#if FDC3.channels.length}}
 import { listenToChannel, onFDC3Ready } from './utils';
 {{/if}}
@@ -16,10 +15,9 @@ import { listenToChannel, onFDC3Ready } from './utils';
   templateUrl: './app.component.html',
   styleUrl: './app.component.css',
 })
-export class AppComponent implements OnInit, OnDestroy, AfterViewInit {
+export class AppComponent implements OnInit, AfterViewInit {
   layoutName?: LayoutComponentName;
   title = '{{capitalCase appName}}';
-  store = getStore();
 
   // @ts-ignore
   @Connect connect: Connect;
@@ -40,42 +38,15 @@ export class AppComponent implements OnInit, OnDestroy, AfterViewInit {
   }
 
   ngOnInit() {
-    this.addEventListeners();
-    this.readyStore();
     registerStylesTarget(this.el.nativeElement, 'main');
     this.loadRemotes();
   }
 
-  ngOnDestroy() {
-    this.removeEventListeners();
-    this.disconnectStore();
-  }
 
   async loadRemotes() {
     await registerComponents();
   }
 
-  addEventListeners() {
-    this.el.nativeElement.addEventListener('store-connected', this.store.onConnected);
-  }
-
-  removeEventListeners() {
-    this.el.nativeElement.removeEventListener('store-connected', this.store.onConnected);
-  }
-
-  readyStore() {
-    this.dispatchCustomEvent('store-connected', this.el.nativeElement);
-    this.dispatchCustomEvent('store-ready', true);
-  }
-
-  disconnectStore() {
-    this.dispatchCustomEvent('store-disconnected');
-  }
-
-  dispatchCustomEvent(type: string, detail?: any) {
-    this.el.nativeElement.dispatchEvent(customEventFactory(type, detail));
-  }
-
   ngAfterViewInit() {
     {{#if FDC3.channels.length}}
     onFDC3Ready(this.FDC3ReadyHandler);

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

@@ -9,6 +9,8 @@ import { DefaultLayoutComponent } from './layouts/default/default.layout';
 import { BlankLayoutComponent } from './layouts/blank/blank.layout';
 import { LayoutLazyLoadDirective } from './directive/app-lazy-load.directive';
 import { RouteService } from './services/route.service';
+import { provideRedux } from '@reduxjs/angular-redux';
+import { reduxStore } from './store/store';
 
 @NgModule({
   declarations: [
@@ -26,6 +28,7 @@ import { RouteService } from './services/route.service';
   ],
   providers: [
     RouteService,
+    provideRedux({ store: reduxStore as any }),
     {
       provide: APP_INITIALIZER,
       useFactory: (service: RouteService, router: Router) => () => router.resetConfig(service.allRoutes()),

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

@@ -33,6 +33,14 @@ foundation-header::part(background) {
   box-sizing: border-box;
 }
 
+foundation-header::part(logo) {
+  max-width: 50px;
+  max-height: 24px;
+  width: auto;
+  height: auto;
+  object-fit: contain;
+}
+
 .routes-wrapper {
   display: flex;
   gap: calc(var(--design-unit) * 2px);

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

@@ -1,6 +1,9 @@
 <rapid-design-system-provider #designSystemProvider>
   <pbc-elements-renderer [target]="['layout-start']"></pbc-elements-renderer>
   <foundation-header
+{{#if headerLogoSrc}}
+    logo-src="assets/{{headerLogoSrc}}"
+{{/if}}
     #foundationHeader
     show-luminance-toggle-button
     show-misc-toggle-button

package/client-tmp/angular/src/styles/design-tokens.json

@@ -12,7 +12,7 @@
     },
     "fontFamily": {
       "bodyFont": {
-        "$value": "Roboto, \"Segoe UI\", Arial, Helvetica, sans-serif",
+        "$value": "{{#if fontFamily}}{{fontFamily}}, {{/if}}Roboto, \"Segoe UI\", Arial, Helvetica, sans-serif",
         "$type": "fontFamily"
       }
     },

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

@@ -1,11 +1,25 @@
+{{#if fontData}}
+{{#each fontData}}
+@font-face {
+  font-family: "{{../fontFamily}}";
+  src: url("../assets/fonts/{{filename}}") format("{{format}}");
+  font-weight: {{weight}};
+  font-style: normal;
+  font-display: swap;
+}
+{{/each}}
+{{/if}}
+
+{{#unless fontFamily}}
 @font-face {
   font-family: Segoe UI;
   font-weight: 300;
   src: local("Segoe UI Semilight"), local("Segoe UI");
 }
+{{/unless}}
 
 * {
-  font-family: "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;
 }

package/client-tmp/react/index.html

@@ -2,7 +2,6 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>{{capitalCase appName}}</title>
   </head>

package/client-tmp/react/package.json

@@ -3,27 +3,28 @@
   "version": "{{applicationVersionWeb}}",
   "private": true,
   "config": {
+    "API_HOST": "{{apiHost}}",
+    "PORT": 6060,
+    "ENABLE_SSO": {{enableSSO}},
     "PERSIST_LAYOUT_IN_DEV": false
   },
   "scripts": {
     "baseline": "npm run clean && npm run bootstrap",
-    "bootstrap": "npm i --legacy-peer-deps",
+    "bootstrap": "npm i  --no-fund --no-audit",
     "bootstrap:ci": "npm ci --no-fund --no-audit",
-    "build": "webpack --mode production",
-    "build:vite": "vite build",
+    "build": "genx build -b vite",
     "build:stats": "npm run build --stats-json",
     "clean": "genx clean dist node_modules",
-    "dev": "webpack serve --mode development",
-    "dev:vite": "vite build && vite preview",
+    "dev": "genx dev -b vite -e API_HOST,PORT,ENABLE_SSO,PERSIST_LAYOUT_IN_DEV",
     "dev:docker": "npm run dev -- --host 0.0.0.0",
     "dev:no-open": "NO_OPEN=true npm run dev",
     "dev:intellij": "npm run dev",
     "dev:https": "HTTPS=true npm run dev",
     "dsconfig": "dsconfig --path src/styles/design-tokens.json",
-    "lint": "eslint src/**/*.ts src/**/*.tsx",
-    "lint:fix": "eslint src/**/*.ts src/**/*.tsx --fix",
-    "lint:eslint": "npm lint",
-    "lint:stylelint": "npx ts-node lint-css.ts",
+    "lint": "genx lint --profile",
+    "lint:fix": "genx lint --fix",
+    "lint:eslint": "genx lint -l eslint --profile",
+    "lint:stylelint": "genx lint -l stylelint",
     "stats": "webpack --mode production --json > stats.json",
     "test": "jest",
     "test:coverage": "jest --coverage",
@@ -40,6 +41,7 @@
     "@ag-grid-enterprise/row-grouping": "29.2.0",
     "@ag-grid-enterprise/server-side-row-model": "29.2.0",
     "@genesislcap/foundation-comms": "{{versions.UI}}",
+    "@genesislcap/foundation-criteria": "{{versions.UI}}",
     "@genesislcap/foundation-entity-management": "{{versions.UI}}",
     {{#if FDC3.includeDependencies}}
     "@genesislcap/foundation-fdc3": "{{versions.UI}}",
@@ -56,6 +58,7 @@
     "@genesislcap/foundation-user": "{{versions.UI}}",
     "@genesislcap/foundation-utils": "{{versions.UI}}",
     "@genesislcap/foundation-zero-grid-tabulator": "{{versions.UI}}",
+    "@genesislcap/foundation-redux": "{{versions.UI}}",
     "@genesislcap/rapid-design-system": "{{versions.UI}}",
     "@genesislcap/rapid-grid-pro": "{{versions.UI}}",
     "@genesislcap/rapid-grid-tabulator": "{{versions.UI}}",
@@ -66,6 +69,7 @@
     "history": "^5.3.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "react-redux": "^9.1.2",
     "react-router-dom": "^7.1.3",
     "web-vitals": "^2.1.4"
   },
@@ -73,9 +77,6 @@
     "@analytics/core": "0.12.17"
   },
   "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@babel/preset-env": "^7.25.4",
-    "@babel/preset-react": "^7.26.3",
     "@genesislcap/design-system-configurator": "{{versions.UI}}",
     "@genesislcap/eslint-config": "{{versions.UI}}",
     "@genesislcap/prettier-config": "{{versions.UI}}",
@@ -88,26 +89,13 @@
     "@types/css-modules": "^1.0.5",
     "@types/jest": "^29.5.12",
     "@types/node": "^20.14.10",
-    "@types/react": "^19.0.1",
-    "@types/react-dom": "^19.0.2",
-    "@typescript-eslint/parser": "^7.13.1",
-    "@vitejs/plugin-react": "^4.3.1",
-    "babel-loader": "^9.2.1",
-    "babel-plugin-react-require": "^4.0.3",
-    "dotenv-webpack": "^8.1.0",
-    "eslint": "^8.57.0",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.16",
-    "file-loader": "^6.2.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "ts-jest": "^29.2.5",
-    "ts-node": "^10.9.2",
-    "typescript": "^5.2.2",
-    "vite": "^5.3.1",
-    "vite-plugin-tsconfig-paths": "^1.4.1",
-    "webpack": "^5.94.0",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.1.0"
+    "ts-node": "^10.9.2"
   }
 }

package/client-tmp/react/public/index.html

@@ -5,9 +5,11 @@
     <link rel="icon" type="image/x-icon" href="favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>{{capitalCase appName}}</title>
+    <link rel="stylesheet" href="/{{appName}}.css" />
   </head>
   <body>
     <div id="root"></div>
-    <script src="/bundle.js"></script>
+    <script>window.process = window.process || { env: {} };</script>
+    <script type="module" src="/{{appName}}.mjs"></script>
   </body>
 </html>

package/client-tmp/react/src/App.tsx

@@ -7,26 +7,19 @@ import {
   onFDC3Ready,
   {{/if}}
 } from './utils';
-import { customEventFactory, registerStylesTarget } from '@/pbc/utils';
+import { customEventFactory, registerStylesTarget } from './pbc/utils';
 import { RoutesProvider } from './store/RoutesContext';
 import { registerComponents as genesisRegisterComponents } from './share/genesis-components';
-import { storeService } from '@/services/store.service';
 import AppRoutes from './components/routes/AppRoutes';
 import NotFoundPage from "@/pages/NotFoundPage/NotFoundPage.tsx";
-
+import { reduxStore } from './store/store';
+import { Provider } from 'react-redux';
 
 interface AppProps {
   rootElement: HTMLElement;
 }
 
-const App: React.FC<AppProps> = ({ rootElement }) => {
-  const [isStoreConnected, setIsStoreConnected] = useState(false);
-  const dispatchCustomEvent = (type: string, detail?: any) => {
-    rootElement.dispatchEvent(customEventFactory(type, detail));
-  };
-  const handleStoreConnected = (event: CustomEvent) => {
-    storeService.onConnected(event);
-  };
+const App: React.FC<AppProps> = ({}) => {
   {{#if FDC3.channels.length~}}
   const FDC3ReadyHandler = () => {
     {{#each FDC3.channels}}
@@ -47,30 +40,20 @@ const App: React.FC<AppProps> = ({ rootElement }) => {
     {{#if FDC3.channels.length~}}
     onFDC3Ready(FDC3ReadyHandler);
     {{/if}}
-    if (!isStoreConnected) {
-      rootElement.addEventListener('store-connected', handleStoreConnected);
-      dispatchCustomEvent('store-connected', rootElement);
-      dispatchCustomEvent('store-ready', true);
-      setIsStoreConnected(true);
-    }
 
-    return () => {
-      if (isStoreConnected) {
-        rootElement.removeEventListener('store-connected', handleStoreConnected);
-        dispatchCustomEvent('store-disconnected');
-      }
-    };
-  }, [isStoreConnected]);
+  }, []);
 
   const baseElement = document.querySelector('base');
   const basePath = baseElement?.getAttribute('href') || '';
 
   return (
-    <RoutesProvider>
-        <Router basename={basePath}>
-          <AppRoutes />
-        </Router>
-    </RoutesProvider>
+    <Provider store={reduxStore}>
+      <RoutesProvider>
+          <Router basename={basePath}>
+            <AppRoutes />
+          </Router>
+      </RoutesProvider>
+    </Provider>
   );
 };
 

package/client-tmp/react/src/components/routes/AppRoutes.tsx

@@ -1,11 +1,11 @@
 import { Routes, Route, Navigate } from 'react-router-dom';
 import AuthPage from '../../pages/AuthPage/AuthPage';
-import {{pascalCase routes.[0].name}} from '@/pages/{{pascalCase routes.[0].name}}/{{pascalCase routes.[0].name}}';
+import {{pascalCase routes.[0].name}} from '../../pages/{{pascalCase routes.[0].name}}/{{pascalCase routes.[0].name}}';
 import DefaultLayout from '../../layouts/default/DefaultLayout';
 import ProtectedRoute from './ProtectedRoute';
-import { useRoutesContext } from '@/store/RoutesContext';
-import PBCContainer from '@/pbc/container';
-import NotFoundPage from '@/pages/NotFoundPage/NotFoundPage.tsx';
+import { useRoutesContext } from '../../store/RoutesContext';
+import PBCContainer from '../../pbc/container';
+import NotFoundPage from '../../pages/NotFoundPage/NotFoundPage.tsx';
 
 const AppRoutes = () => {
   const routes = useRoutesContext();

package/client-tmp/react/src/config.ts

@@ -1,5 +1,5 @@
 import { RouteLayouts } from './types/RouteLayouts';
-import { environment } from '@environment';
+import { environment } from './environments/environment';
 
 export const routeLayouts: RouteLayouts = {
   '/login': 'blank',

package/client-tmp/react/src/layouts/blank/BlankLayout.tsx

@@ -1,7 +1,7 @@
 import React, { ReactNode, useEffect, useRef } from 'react';
 import { configureDesignSystem } from '@genesislcap/foundation-ui';
 import styles from './BlankLayout.module.css';
-import * as designTokens from '@/styles/design-tokens.json';
+import * as designTokens from '../../styles/design-tokens.json';
 
 interface BlankLayoutProps {
   children: ReactNode;

package/client-tmp/react/src/layouts/default/DefaultLayout.module.css

@@ -17,6 +17,14 @@
   border: none;
 }
 
+.default-layout foundation-header::part(logo) {
+  max-width: 50px;
+  max-height: 24px;
+  width: auto;
+  height: auto;
+  object-fit: contain;
+}
+
 .routes-wrapper {
   display: flex;
   gap: calc(var(--design-unit) * 2px);

package/client-tmp/react/src/layouts/default/DefaultLayout.tsx

@@ -6,10 +6,10 @@ import {
   StandardLuminance,
 } from '@microsoft/fast-components';
 import styles from './DefaultLayout.module.css';
-import PBCElementsRenderer from '@/pbc/elementsRenderer';
-import * as designTokens from '@/styles/design-tokens.json';
-import { useRoutesContext } from '@/store/RoutesContext';
-import { AUTH_PATH } from '@/config';
+import PBCElementsRenderer from '../../pbc/elementsRenderer';
+import * as designTokens from '../../styles/design-tokens.json';
+import { useRoutesContext } from '../../store/RoutesContext';
+import { AUTH_PATH } from '../../config';
 import { LOGOUT_URL } from '@genesislcap/foundation-utils';
 
 interface DefaultLayoutProps {}
@@ -57,6 +57,9 @@ const DefaultLayout: React.FC<DefaultLayoutProps> = () => {
     <rapid-design-system-provider ref={designSystemProviderRef} class={className}>
       <PBCElementsRenderer target={['layout-start']} />
       <foundation-header
+{{#if headerLogoSrc}}
+        logo-src="{{headerLogoSrc}}"
+{{/if}}
         onluminance-icon-clicked={onLuminanceToggle}
         logout={async () => {
           await fetch(LOGOUT_URL);

package/client-tmp/react/src/main.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App.tsx'
 
-import { registerPBCs } from '@/pbc/utils';
+import { registerPBCs } from './pbc/utils';
 import { createLogger } from '@genesislcap/foundation-logger';
 
 import './styles/styles.css'

package/client-tmp/react/src/pages/AuthPage/AuthPage.tsx

@@ -1,6 +1,6 @@
 import React, {useEffect} from 'react';
 import './AuthPage.css';
-import { configureFoundationLogin } from "@/share/foundation-login.ts";
+import { configureFoundationLogin } from '../../share/foundation-login.ts';
 import { useNavigate, useLocation } from 'react-router-dom';
 
 const AuthPage: React.FC = () => {

package/client-tmp/react/src/pages/NotFoundPage/NotFoundPage.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import ErrorMessage from '@/components/ErrorMessage/ErrorMessage';
+import ErrorMessage from '../../components/ErrorMessage/ErrorMessage';
 import './NotFoundPage.css';
 
 const NotFoundPage: React.FC = () => {

package/client-tmp/react/src/pages/NotPermittedPage/NotPermittedPage.test.tsx

@@ -1,7 +1,7 @@
 import { render, screen } from '@testing-library/react';
 import NotPermittedPage from './NotPermittedPage';
 
-jest.mock('@/components/ErrorMessage/ErrorMessage', () => {
+jest.mock('../../components/ErrorMessage/ErrorMessage', () => {
   return jest.fn((props: { message: string }) => <h1 data-testid="error-message">{props.message}</h1>);
 });