feat: add navigation history

libs/integration-interface/src/index.ts

@@ -38,3 +38,4 @@ export * from './lib/topics/permissions-rpc/v1/permissions-rpc.model'
 
 export * from './lib/topics/events/v1/events-topic'
 export * from './lib/topics/events/v1/topic-event-type'
+export * from './lib/topics/events/v1/payload-navigated-event'

libs/integration-interface/src/lib/topics/events/v1/payload-navigated-event.ts

@@ -0,0 +1,5 @@
+export type PayloadNavigatedEvent = {
+  url: string | undefined
+  isFirst: boolean
+  history: string[]
+}

libs/ngrx-accelerator/src/index.ts

@@ -8,4 +8,11 @@ export * from './lib/utils/effects/filter-for-query-params-changed'
 export * from './lib/utils/selectors/create-child-selectors'
 
 // Local Storage
-export * from './lib/utils/local-storage/lazy-loading-merge-reducer'
+export * from './lib/utils/local-storage/lazy-loading-merge-reducer'
+
+// Store Connector
+export * from './lib/store-connector/navigated-event-store-connector-service'
+export * from './lib/store-connector/onecx-actions'
+export * from './lib/store-connector/onecx-reducer'
+export * from './lib/store-connector/onecx-selectors'
+export * from './lib/store-connector/onecx-state'

libs/ngrx-accelerator/src/lib/store-connector/navigated-event-store-connector-service.ts

@@ -0,0 +1,31 @@
+import { EventsTopic } from '@onecx/integration-interface'
+import { ENVIRONMENT_INITIALIZER, Injectable, OnDestroy, inject } from '@angular/core'
+import { Store } from '@ngrx/store'
+import { filter } from 'rxjs'
+import { OneCxActions } from './onecx-actions'
+
+export function provideNavigatedEventStoreConnector() {
+  return [
+    {
+      provide: ENVIRONMENT_INITIALIZER,
+      multi: true,
+      useFactory() {
+        return () => inject(NavigatedEventStoreConnectorService)
+      },
+    },
+    NavigatedEventStoreConnectorService,
+  ]
+}
+
+@Injectable()
+export class NavigatedEventStoreConnectorService implements OnDestroy {
+  eventsTopic$ = new EventsTopic()
+  constructor(store: Store) {
+    this.eventsTopic$.pipe(filter((e) => e.type === 'navigated')).subscribe((eventType) => {
+      store.dispatch(OneCxActions.navigated({ event: eventType.payload }))
+    })
+  }
+  ngOnDestroy(): void {
+    this.eventsTopic$.destroy()
+  }
+}

libs/ngrx-accelerator/src/lib/store-connector/onecx-actions.ts

@@ -0,0 +1,10 @@
+import { createActionGroup, props } from '@ngrx/store'
+
+export const OneCxActions = createActionGroup({
+  source: 'OneCX',
+  events: {
+    navigated: props<{
+      event: undefined | unknown
+    }>(),
+  },
+})

libs/ngrx-accelerator/src/lib/store-connector/onecx-reducer.ts

@@ -0,0 +1,15 @@
+import { createReducer, on } from '@ngrx/store'
+import { OneCxActions } from './onecx-actions'
+import { OneCxState } from './onecx-state'
+import { PayloadNavigatedEvent } from '@onecx/integration-interface'
+
+export const oneCxReducer = createReducer<OneCxState>(
+  {},
+  on(
+    OneCxActions.navigated,
+    (state: OneCxState, action): OneCxState => ({
+      ...state,
+      location: action.event as PayloadNavigatedEvent,
+    })
+  )
+)

libs/ngrx-accelerator/src/lib/store-connector/onecx-selectors.ts

@@ -0,0 +1,22 @@
+import { MemoizedSelector, createFeatureSelector, createSelector } from '@ngrx/store'
+import { OneCxState } from './onecx-state'
+import { LocationState } from './onecx-state'
+export function createOneCxSelector<State extends Record<string, any>>(): MemoizedSelector<State, OneCxState> {
+  return createFeatureSelector('onecx')
+}
+
+export type OneCxSelectors<V> = {
+  selectLocation: MemoizedSelector<V, LocationState | undefined>
+  selectBackNavigationPossible: MemoizedSelector<V, boolean>
+}
+
+export function getOneCxSelectors<V extends Record<string, any>>(
+  selectState: (state: V) => OneCxState = createOneCxSelector<V>()
+): OneCxSelectors<V> {
+  const selectLocation = createSelector(selectState, (state) => state.location)
+  const selectBackNavigationPossible = createSelector(selectLocation, (location) => !!location && !location?.isFirst)
+  return {
+    selectLocation,
+    selectBackNavigationPossible,
+  }
+}

libs/ngrx-accelerator/src/lib/store-connector/onecx-state.ts

@@ -0,0 +1,6 @@
+import { PayloadNavigatedEvent } from '@onecx/integration-interface'
+
+export type LocationState = PayloadNavigatedEvent
+export interface OneCxState {
+  location?: LocationState | undefined
+}