@genesislcap/blank-app-seed 5.8.1 → 5.9.0

package/.genx/package.json

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

package/.genx/versions.json

@@ -1,5 +1,5 @@
 {
   "UI": "14.393.4",
-  "GSF": "8.14.20",
-  "Auth": "8.14.3"
+  "GSF": "8.15.0",
+  "Auth": "8.15.0"
 }

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [5.9.0](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.8.1...v5.9.0) (2026-03-03)
+
+
+### Features
+
+* PBC version consistency and render timing + 8.15 update [FUI-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) (#552) 93db030
+
+
+### Bug Fixes
+
+* PBC render timing [FUI-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) 413bd3f
+
 ## [5.8.1](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.8.0...v5.8.1) (2026-02-13)
 
 

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

@@ -13,6 +13,14 @@ import { useRoutesContext } from '../../store/RoutesContext';
 import { useDocumentTitle } from '../../utils/useDocumentTitle';
 import { AUTH_PATH } from '../../config';
 import { LOGOUT_URL } from '@genesislcap/foundation-utils';
+import type { AppTargetId } from '@genesislcap/foundation-shell/app';
+
+// Stable target arrays so PBCElementsRenderer effect doesn't re-run on every parent re-render
+const TARGET_LAYOUT_START: AppTargetId = ['layout-start'];
+const TARGET_HEADER_NAV: AppTargetId = ['header', 'nav-start', 'nav-end'];
+const TARGET_CONTENT_START: AppTargetId = ['content-start'];
+const TARGET_CONTENT: AppTargetId = ['content', 'content-end'];
+const TARGET_LAYOUT_END: AppTargetId = ['layout', 'layout-end'];
 
 interface DefaultLayoutProps {}
 
@@ -62,7 +70,7 @@ const DefaultLayout: React.FC<DefaultLayoutProps> = () => {
 
   return (
     <rapid-design-system-provider ref={designSystemProviderRef} class={className}>
-      <PBCElementsRenderer target={['layout-start']} />
+      <PBCElementsRenderer target={TARGET_LAYOUT_START} />
       <foundation-header
 {{#if headerLogoSrc}}
         logo-src="{{headerLogoSrc}}"
@@ -77,14 +85,14 @@ const DefaultLayout: React.FC<DefaultLayoutProps> = () => {
         routeNavItems={navItems}
         navigateTo={(path: string) => navigate(path)}
       >
-        <PBCElementsRenderer target={['header', 'nav-start', 'nav-end']} />
+        <PBCElementsRenderer target={TARGET_HEADER_NAV} />
       </foundation-header>
       <section className={styles['content']}>
-        <PBCElementsRenderer target={['content-start']} />
+        <PBCElementsRenderer target={TARGET_CONTENT_START} />
         <Outlet />
-        <PBCElementsRenderer target={['content', 'content-end']} />
+        <PBCElementsRenderer target={TARGET_CONTENT} />
       </section>
-      <PBCElementsRenderer target={['layout', 'layout-end']} />
+      <PBCElementsRenderer target={TARGET_LAYOUT_END} />
     </rapid-design-system-provider>
   );
 };

package/client-tmp/react/src/pbc/elementsRenderer.tsx

@@ -1,6 +1,10 @@
-import { useEffect, useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { AppElementPredicate, AppTargetId } from '@genesislcap/foundation-shell/app';
 import { customEventFactory, getTargetElements } from './utils';
+import { DI } from '@genesislcap/web-core';
+import { Connect } from '@genesislcap/foundation-comms';
+
+const ALWAYS_TRUE_PREDICATE: AppElementPredicate = () => true;
 
 interface PBCElementsRendererProps {
   target: AppTargetId;
@@ -11,30 +15,41 @@ interface PBCContainerElement extends HTMLDivElement {
   $emit: (type: string, detail: any) => void;
 }
 
-const PBCElementsRenderer = ({ target = [], predicate = () => true }: PBCElementsRendererProps) => {
+const PBCElementsRenderer = ({ target = [], predicate = ALWAYS_TRUE_PREDICATE }: PBCElementsRendererProps) => {
   const containerRef = useRef<PBCContainerElement>(null);
+  const [isConnected, setIsConnected] = useState(false);
+
+  useEffect(() => {
+    const connect = DI.getOrCreateDOMContainer().get(Connect);
+    setIsConnected(connect.isConnected);
+    const isConnected$ = (connect as { isConnected$?: { subscribe: (cb: (v: boolean) => void) => { unsubscribe: () => void } } })
+      ?.isConnected$;
+    const sub = isConnected$?.subscribe((connected: boolean) => setIsConnected(connected));
+    return () => sub?.unsubscribe?.();
+  }, []);
 
   useEffect(() => {
     if (containerRef.current) {
       containerRef.current.$emit = (type, detail) => {
-        containerRef.current.dispatchEvent(customEventFactory(type, detail));
-      }
+        containerRef.current?.dispatchEvent(customEventFactory(type, detail));
+      };
     }
   }, []);
 
   useEffect(() => {
+    if (!isConnected) return;
     if (containerRef.current) {
       containerRef.current.replaceChildren();
     }
     const templates = getTargetElements(target, predicate);
     templates.forEach((currentTemplate: any) => {
-      if (containerRef.current) {
+      if (containerRef.current && currentTemplate) {
         currentTemplate.render(containerRef.current, containerRef.current);
       }
     });
-  }, [target, predicate]);
+  }, [target, predicate, isConnected]);
 
   return (<div ref={containerRef} className="container"></div>);
 };
 
-export default PBCElementsRenderer;
+export default PBCElementsRenderer;

package/package.json

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