feat(daffio): store result on modal close

Author: griest024

apps/daffio/src/app/app.module.ts

@@ -31,6 +31,7 @@ import { daffioRouterDataServiceConfig } from './core/router/data-service-config
 import { DaffioSidebarHeaderComponent } from './core/sidebar/components/sidebar-header/sidebar-header.component';
 import { provideDaffioSidebarFeature } from './core/sidebar/provider';
 import { TemplateComponent } from './core/template/template.component';
+import { provideDaffioDocsSearchStoreResult } from './docs/search/state/provider';
 import { provideDaffioAlgolia } from './drivers/algolia.provider';
 
 @NgModule({
@@ -77,6 +78,7 @@ import { provideDaffioAlgolia } from './drivers/algolia.provider';
     provideDaffRouterDataServiceConfig(daffioRouterDataServiceConfig),
     provideDaffioSidebarFeature(),
     provideDaffioAlgolia(),
+    provideDaffioDocsSearchStoreResult(),
   ],
 })
 export class AppModule {}

apps/daffio/src/app/docs/search/components/search-modal/search-modal.component.ts

@@ -6,6 +6,7 @@ import {
   Component,
   DestroyRef,
   HostBinding,
+  OnDestroy,
   OnInit,
   QueryList,
   ViewChildren,
@@ -34,6 +35,7 @@ import {
 
 import { DAFF_DOCS_SEARCH_RESULT_ICONS } from '../../constants/result-icons.const';
 import { DaffioDocsSearchResultItemDirective } from '../../directives/search-result-item/search-result-item.directive';
+import { DaffDocsSearchStoreResult } from '../../state/actions';
 import { DaffioDocsSearchFieldComponent } from '../search-field/search-field.component';
 import { DaffioDocsSearchFooterComponent } from '../search-footer/search-footer.component';
 
@@ -55,7 +57,7 @@ import { DaffioDocsSearchFooterComponent } from '../search-footer/search-footer.
   ],
 })
 
-export class DaffioDocsSearchModalComponent implements AfterViewInit, OnInit {
+export class DaffioDocsSearchModalComponent implements AfterViewInit, OnInit, OnDestroy {
   readonly faClockRotateLeft = faClockRotateLeft;
   readonly RESULT_ICONS = DAFF_DOCS_SEARCH_RESULT_ICONS;
 
@@ -78,6 +80,12 @@ export class DaffioDocsSearchModalComponent implements AfterViewInit, OnInit {
     private destroyRef: DestroyRef,
   ) {}
 
+  ngOnDestroy(): void {
+    if (this.formControl.value) {
+      this.facade.dispatch(new DaffDocsSearchStoreResult(this.formControl.value));
+    }
+  }
+
   ngOnInit(): void {
     this.loading$ = this.incrementalFacade.loading$;
     this.recentQueries$ = this.facade.recent$;

apps/daffio/src/app/docs/search/state/actions.ts

@@ -0,0 +1,14 @@
+import { Action } from '@ngrx/store';
+
+export enum DaffioDocsSearchActionTypes {
+  STORE_RESULT = '[@daffodil/daffio] Docs Search Store Result',
+}
+
+export class DaffDocsSearchStoreResult implements Action {
+  readonly type = DaffioDocsSearchActionTypes.STORE_RESULT;
+
+  constructor(public result: string) {}
+}
+
+export type DaffioDocsSearchActions =
+| DaffDocsSearchStoreResult;

apps/daffio/src/app/docs/search/state/provider.ts

@@ -0,0 +1,9 @@
+import { makeEnvironmentProviders } from '@angular/core';
+
+import { daffSearchProvideExtraReducers } from '@daffodil/search/state';
+
+import { daffioDocsSearchStoreResultReducers } from './reducers';
+
+export const provideDaffioDocsSearchStoreResult = () => makeEnvironmentProviders([
+  daffSearchProvideExtraReducers(daffioDocsSearchStoreResultReducers),
+]);

apps/daffio/src/app/docs/search/state/reducers.ts

@@ -0,0 +1,40 @@
+import {
+  ActionReducer,
+  combineReducers,
+} from '@ngrx/store';
+
+import { daffIdentityReducer } from '@daffodil/core/state';
+import {
+  DaffSearchReducersState,
+  DaffSearchReducerState,
+} from '@daffodil/search/state';
+import { DaffSearchDocsResult } from '@daffodil/search-docs';
+
+import {
+  DaffioDocsSearchActions,
+  DaffioDocsSearchActionTypes,
+} from './actions';
+
+export const daffioDocsSearchStoreResultReducer: ActionReducer<DaffSearchReducerState<DaffSearchDocsResult>, DaffioDocsSearchActions> = (
+  state: DaffSearchReducerState<DaffSearchDocsResult>,
+  action: DaffioDocsSearchActions,
+): DaffSearchReducerState<DaffSearchDocsResult> => {
+  switch (action.type) {
+    case DaffioDocsSearchActionTypes.STORE_RESULT:
+      return {
+        ...state,
+        recent: [
+          action.result,
+          ...state.recent,
+        ],
+      };
+
+    default:
+      return state;
+  }
+};
+
+export const daffioDocsSearchStoreResultReducers = combineReducers<DaffSearchReducersState<DaffSearchDocsResult>>({
+  search: daffioDocsSearchStoreResultReducer,
+  incremental: daffIdentityReducer,
+});