@genesislcap/blank-app-seed 5.7.0-prerelease.40 → 5.7.0-prerelease.41

package/.genx/package.json

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

package/.genx/versions.json

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

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [5.7.0-prerelease.41](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.40...v5.7.0-prerelease.41) (2026-02-12)
+
+
+### Bug Fixes
+
+* correct cleanup for foundation-store [FUI-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) 89bd39b
+* simple store configuration for notify [FUI-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) f0c8786
+* simple store configuration for notify [FUI-0](https://github.com/genesiscommunitysuccess/blank-app-seed/issues/0) (#548) bbdeff9
+
 ## [5.7.0-prerelease.40](https://github.com/genesiscommunitysuccess/blank-app-seed/compare/v5.7.0-prerelease.39...v5.7.0-prerelease.40) (2026-02-11)
 
 

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

@@ -5,7 +5,8 @@ import getLayoutNameByRoute from './utils/getLayoutNameByRoute';
 import type { LayoutComponentName } from './types/layout';
 import { configureFoundationAuth } from './share/foundation-auth';
 import { registerComponents } from './share/genesis-components';
-import { registerStylesTarget } from '../pbc/utils';
+import { getStore } from './store/foundation-store';
+import { customEventFactory, registerStylesTarget } from '../pbc/utils';
 {{#if FDC3.channels.length}}
 import { listenToChannel, onFDC3Ready } from './utils';
 {{/if}}
@@ -15,9 +16,10 @@ import { listenToChannel, onFDC3Ready } from './utils';
   templateUrl: './app.component.html',
   styleUrl: './app.component.css',
 })
-export class AppComponent implements OnInit, AfterViewInit {
+export class AppComponent implements OnInit, OnDestroy, AfterViewInit {
   layoutName?: LayoutComponentName;
   title = '{{capitalCase appName}}';
+  store = getStore();
 
   // @ts-ignore
   @Connect connect: Connect;
@@ -38,15 +40,43 @@ export class AppComponent implements OnInit, 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/store/foundation-store.ts

@@ -0,0 +1,34 @@
+import { CustomEventMap } from '@genesislcap/foundation-events';
+import { getApp } from '@genesislcap/foundation-shell/app';
+import {
+  AbstractStoreRoot,
+  registerStore,
+  StoreRoot,
+  StoreRootEventDetailMap,
+} from '@genesislcap/foundation-store';
+import { DI } from '@genesislcap/web-core';
+
+export interface Store extends StoreRoot {}
+
+export type StoreEventDetailMap = StoreRootEventDetailMap & {};
+
+declare global {
+  interface HTMLElementEventMap extends CustomEventMap<StoreEventDetailMap> {}
+}
+
+class DefaultStore extends AbstractStoreRoot<Store, StoreEventDetailMap> implements Store {
+  constructor() {
+    super();
+
+    /**
+     * Register the store root
+     */
+    getApp().registerStoreRoot(this);
+  }
+}
+
+export const Store = registerStore(DefaultStore, 'Store');
+
+export function getStore(): Store {
+  return DI.getOrCreateDOMContainer().get(Store) as Store;
+}

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

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { BrowserRouter as Router } from 'react-router-dom';
 import {
   setApiHost,
@@ -12,7 +12,6 @@ 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';
 
@@ -32,15 +31,14 @@ const App: React.FC<AppProps> = ({ rootElement }) => {
     {{/each}}
   };
   {{/if}}
-  const [isStoreConnected, setIsStoreConnected] = useState(false);
   const [componentsReady, setComponentsReady] = useState(false);
-  const dispatchCustomEvent = (type: string, detail?: any) => {
+  const dispatchCustomEvent = useCallback((type: string, detail?: unknown) => {
     rootElement.dispatchEvent(customEventFactory(type, detail));
-  };
+  }, [rootElement]);
 
-  const handleStoreConnected = (event: CustomEvent) => {
+  const handleStoreConnected = useCallback((event: CustomEvent) => {
     storeService.onConnected(event);
-  };
+  }, []);
   useEffect(() => {
     let mounted = true;
     setApiHost();
@@ -57,24 +55,21 @@ const App: React.FC<AppProps> = ({ rootElement }) => {
 
   useEffect(() => {
     registerStylesTarget(document.body, 'main');
-    if (!isStoreConnected) {
-      rootElement.addEventListener('store-connected', handleStoreConnected);
-      dispatchCustomEvent('store-connected', rootElement);
-      dispatchCustomEvent('store-ready', true);
-      setIsStoreConnected(true);
-    }
+    rootElement.addEventListener('store-connected', handleStoreConnected as EventListener);
+    dispatchCustomEvent('store-connected', rootElement);
+    dispatchCustomEvent('store-ready', true);
 
     return () => {
-      if (isStoreConnected) {
-        rootElement.removeEventListener('store-connected', handleStoreConnected);
-        dispatchCustomEvent('store-disconnected');
-      }
+      rootElement.removeEventListener(
+        'store-connected',
+        handleStoreConnected as EventListener,
+      );
     };
     {{#if FDC3.channels.length~}}
     onFDC3Ready(FDC3ReadyHandler);
     {{/if}}
 
-  }, [isStoreConnected]);
+  }, [rootElement, handleStoreConnected, dispatchCustomEvent]);
 
   const baseElement = document.querySelector('base');
   const basePath = baseElement?.getAttribute('href') || '';

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

@@ -1,8 +1,9 @@
 import { getApp } from '@genesislcap/foundation-shell/app';
 import type { FoundationRouter } from '@genesislcap/foundation-ui';
 import { css, GenesisElementLayout, html } from '@genesislcap/web-core';
+import type { Store } from '../store/foundation-store';
 
-type ClientAppRouter = FoundationRouter;
+type ClientAppRouter = FoundationRouter & { store: Store };
 
 const app = getApp();
 

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

@@ -18,5 +18,6 @@ export const MainTemplate: ViewTemplate<MainApplication> = html`
   <foundation-router
     @luminance-icon-clicked=${(x) => x.onDarkModeToggle()}
     :config=${(x) => x.config}
+    :store=${(x) => x.store}
   ></foundation-router>
 `;

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

@@ -1,4 +1,5 @@
 import { Connect, ConnectConfig, defaultConnectConfig } from '@genesislcap/foundation-comms';
+import { EventEmitter } from '@genesislcap/foundation-events';
 import { App } from '@genesislcap/foundation-shell/app';
 import { importPBCAssets } from '@genesislcap/foundation-shell/pbc';
 import { configureDesignSystem } from '@genesislcap/foundation-ui';
@@ -16,6 +17,7 @@ import {
 } from '@genesislcap/web-core';
 import * as Components from '../components';
 import { MainRouterConfig } from '../routes';
+import { Store, StoreEventDetailMap } from '../store/foundation-store';
 import designTokens from '../styles/design-tokens.json';
 {{#if FDC3.channels.length}}
 import { listenToChannel, onFDC3Ready } from '../utils';
@@ -25,15 +27,20 @@ import { DynamicTemplate as template, LoadingTemplate, MainTemplate } from './ma
 
 const name = '{{rootElement}}';
 
+/**
+ * @fires store-connected - Fired when the store is connected.
+ * @fires store-ready - Fired when the store is ready.
+ */
 @customElement({
   name,
   template,
   styles,
 })
-export class MainApplication extends GenesisElement {
+export class MainApplication extends EventEmitter<StoreEventDetailMap>(GenesisElement) {
   @App app: App;
   @Connect connect!: Connect;
   @Container container!: Container;
+  @Store store: Store;
 
   @inject(MainRouterConfig) config!: MainRouterConfig;
 
@@ -44,6 +51,8 @@ export class MainApplication extends GenesisElement {
   async connectedCallback() {
     this.registerDIDependencies();
     super.connectedCallback();
+    this.addEventListeners();
+    this.readyStore();
     await this.loadPBCs();
     await this.loadRemotes();
     {{#if FDC3.channels.length}}
@@ -54,6 +63,12 @@ export class MainApplication extends GenesisElement {
     });
   }
 
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListeners();
+    this.disconnectStore();
+  }
+
   onDarkModeToggle() {
     baseLayerLuminance.setValueFor(
       this.provider,
@@ -130,4 +145,22 @@ export class MainApplication extends GenesisElement {
        */
     );
   }
+
+  protected addEventListeners() {
+    this.addEventListener('store-connected', this.store.onConnected);
+  }
+
+  protected removeEventListeners() {
+    this.removeEventListener('store-connected', this.store.onConnected);
+  }
+
+  protected readyStore() {
+    // @ts-ignore
+    this.$emit('store-connected', this);
+    this.$emit('store-ready', true);
+  }
+
+  protected disconnectStore() {
+    this.$emit('store-disconnected');
+  }
 }

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

@@ -0,0 +1,29 @@
+import { CustomEventMap } from '@genesislcap/foundation-events';
+import { getApp } from '@genesislcap/foundation-shell/app';
+import {
+  AbstractStoreRoot,
+  registerStore,
+  StoreRoot,
+  StoreRootEventDetailMap,
+} from '@genesislcap/foundation-store';
+
+export interface Store extends StoreRoot {}
+
+export type StoreEventDetailMap = StoreRootEventDetailMap & {};
+
+declare global {
+  interface HTMLElementEventMap extends CustomEventMap<StoreEventDetailMap> {}
+}
+
+class DefaultStore extends AbstractStoreRoot<Store, StoreEventDetailMap> implements Store {
+  constructor() {
+    super();
+
+    /**
+     * Register the store root
+     */
+    getApp().registerStoreRoot(this);
+  }
+}
+
+export const Store = registerStore(DefaultStore, 'Store');

package/package.json

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