@verisoft/store 0.0.1

package/.eslintrc.json

@@ -0,0 +1,43 @@
+{
+  "extends": ["../../../.eslintrc.base.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts"],
+      "extends": [
+        "plugin:@nx/angular",
+        "plugin:@angular-eslint/template/process-inline-templates"
+      ],
+      "rules": {
+        "@angular-eslint/directive-selector": [
+          "error",
+          {
+            "type": "attribute",
+            "prefix": "lib",
+            "style": "camelCase"
+          }
+        ],
+        "@angular-eslint/component-selector": [
+          "error",
+          {
+            "type": "element",
+            "prefix": "lib",
+            "style": "kebab-case"
+          }
+        ]
+      }
+    },
+    {
+      "files": ["*.html"],
+      "extends": ["plugin:@nx/angular-template"],
+      "rules": {}
+    },
+    {
+      "files": ["*.json"],
+      "parser": "jsonc-eslint-parser",
+      "rules": {
+        "@nx/dependency-checks": "error"
+      }
+    }
+  ]
+}

package/README.md

@@ -0,0 +1,7 @@
+# store
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test store` to execute the unit tests.

package/jest.config.ts

@@ -0,0 +1,22 @@
+/* eslint-disable */
+export default {
+  displayName: 'store',
+  preset: '../../../jest.preset.js',
+  setupFilesAfterEnv: ['<rootDir>/src/test-setup.ts'],
+  coverageDirectory: '../../../coverage/src/libs/store',
+  transform: {
+    '^.+\\.(ts|mjs|js|html)$': [
+      'jest-preset-angular',
+      {
+        tsconfig: '<rootDir>/tsconfig.spec.json',
+        stringifyContentPathRegex: '\\.(html|svg)$',
+      },
+    ],
+  },
+  transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'],
+  snapshotSerializers: [
+    'jest-preset-angular/build/serializers/no-ng-attributes',
+    'jest-preset-angular/build/serializers/ng-snapshot',
+    'jest-preset-angular/build/serializers/html-comment',
+  ],
+};

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../../dist/src/libs/store",
+  "lib": {
+    "entryFile": "src/index.ts"
+  }
+}

package/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@verisoft/store",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@ngrx/store": "^17.2.0",
+    "@ngrx/effects": "^17.2.0",
+    "rxjs": "~7.8.0",
+    "@verisoft/core": "0.0.1"
+  },
+  "dependencies": {},
+  "sideEffects": false
+}

package/project.json

@@ -0,0 +1,36 @@
+{
+  "name": "store",
+  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "src/libs/store/src",
+  "prefix": "lib",
+  "projectType": "library",
+  "tags": [],
+  "targets": {
+    "build": {
+      "executor": "@nx/angular:package",
+      "outputs": ["{workspaceRoot}/dist/{projectRoot}"],
+      "options": {
+        "project": "src/libs/store/ng-package.json"
+      },
+      "configurations": {
+        "production": {
+          "tsConfig": "src/libs/store/tsconfig.lib.prod.json"
+        },
+        "development": {
+          "tsConfig": "src/libs/store/tsconfig.lib.json"
+        }
+      },
+      "defaultConfiguration": "production"
+    },
+    "test": {
+      "executor": "@nx/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
+      "options": {
+        "jestConfig": "src/libs/store/jest.config.ts"
+      }
+    },
+    "lint": {
+      "executor": "@nx/eslint:lint"
+    }
+  }
+}

package/src/index.ts

@@ -0,0 +1,9 @@
+export * from './lib/detail-state/detail.actions';
+export * from './lib/detail-state/detail.reducer';
+export * from './lib/detail-state/detail.effects';
+export * from './lib/detail-state/detail.models';
+
+export * from './lib/table-state/actions';
+export * from './lib/table-state/reducers';
+export * from './lib/table-state/effects';
+export * from './lib/table-state/models';

package/src/lib/detail-state/detail.actions.ts

@@ -0,0 +1,63 @@
+import { createAction, props } from '@ngrx/store';
+import { FormState } from './detail.models';
+
+export function createInitDetailAction(detailsRepository: string) {
+  return createAction(
+    `[${detailsRepository} Page] Init`,
+    props<{ obj: string | null | number | undefined | any }>()
+  );
+}
+
+export function createLoadDetailSuccessAction<T>(detailsRepository: string) {
+  return createAction(
+    `[${detailsRepository}/API] Load ${detailsRepository} Success`,
+    props<{ item: T }>()
+  );
+}
+
+export function createLoadDetailFailureAction(detailsRepository: string) {
+  return createAction(
+    `[${detailsRepository}/API] Load ${detailsRepository} Failure`,
+    props<{ error: any }>()
+  );
+}
+
+export function createUpdateDetailAction<T>(detailsRepository: string) {
+  return createAction(
+    `[${detailsRepository}/API] Update ${detailsRepository}`,
+    props<{ item: T }>()
+  );
+}
+
+export function createUpdateFormStateAction(detailsRepository: string) {
+  return createAction(
+    `[${detailsRepository}/API] Update Form State`,
+    props<{ formState: FormState }>()
+  );
+}
+
+export function createSaveDetailAction(detailsRepository: string) {
+  return createAction(`[${detailsRepository}/API] Save Detail `);
+}
+
+export function createSaveDetailSuccessAction<T>(detailsRepository: string) {
+  return createAction(
+    `[${detailsRepository}/API] Save Detail Success`,
+    props<{ item: T }>()
+  );
+}
+
+export function createSaveDetailFailureAction(detailsRepository: string) {
+  return createAction(
+    `[${detailsRepository}/API] Save Detail Failure`,
+    props<{ error: any }>()
+  );
+}
+
+export function createUpdateSaveDetailAction(detailsRepository: string) {
+  return createAction(`[${detailsRepository}/API] Update Detail `);
+}
+
+export function createResetStateAction(detailsRepository: string) {
+  return createAction(`[${detailsRepository}/API] Reset State`);
+}

package/src/lib/detail-state/detail.effects.ts

@@ -0,0 +1,131 @@
+import { Actions, createEffect, ofType } from '@ngrx/effects';
+import { BaseHttpService } from '@verisoft/core';
+import {
+  catchError,
+  EMPTY,
+  map,
+  Observable,
+  of,
+  switchMap,
+  tap,
+  withLatestFrom,
+} from 'rxjs';
+import {
+  createInitDetailAction,
+  createLoadDetailFailureAction,
+  createLoadDetailSuccessAction,
+  createSaveDetailAction,
+  createSaveDetailFailureAction,
+  createSaveDetailSuccessAction,
+} from './detail.actions';
+
+export interface CreateInitFormConfig<T> {
+  service?: BaseHttpService<T>;
+  get?: (obj: any) => Observable<T>;
+  snackbar?: any;
+  errorMessage?: string;
+  successMessge?: string;
+}
+
+export function createInitDetailEffect<T>(
+  detailsRepository: string,
+  actions$: Actions,
+  config: CreateInitFormConfig<T>
+) {
+  return createEffect(() => {
+    return actions$.pipe(
+      ofType(createInitDetailAction(detailsRepository)),
+      switchMap(({ obj }) => {
+        const get$: Observable<any> = (config?.service?.get(obj as any) ??
+          config?.get?.(obj)) as Observable<any>;
+          if(!get$) return EMPTY;
+        return get$?.pipe(
+          map((item) => {
+            return createLoadDetailSuccessAction(detailsRepository)({ item });
+          }),
+          catchError((error) => {
+            console.error('Error', error);
+            config?.snackbar?.showError(config?.errorMessage ?? error);
+            return of(
+              createLoadDetailFailureAction(detailsRepository)({ error })
+            );
+          })
+        );
+      })
+    );
+  });
+}
+
+  export function createSaveDetailEffect<
+    T extends { id: number },
+    SERVICE extends BaseHttpService<T>
+  >(
+    detailsRepository: string,
+    actions$: Actions,
+    service: SERVICE,
+    detail$: Observable<T | undefined>,
+  ) {
+    return createEffect(() =>
+      actions$.pipe(
+        ofType(createSaveDetailAction(detailsRepository)),
+        withLatestFrom(detail$),
+        switchMap(([, savedItem]) => {
+          const isNew = !savedItem?.id;
+          const saveAction = isNew
+            ? service.post(savedItem as T)
+            : service.put(savedItem.id, savedItem);
+          return saveAction.pipe(
+            map((item) => {
+              return createSaveDetailSuccessAction(detailsRepository)({
+                item: item,
+              });
+            }),
+            catchError((error) => {
+              console.error('Error', error);
+              return of(
+                createSaveDetailFailureAction(detailsRepository)({ error })
+              );
+            })
+          );
+        })
+      )
+    );
+  }
+
+export function createSaveDetailSuccessEffect(
+  detailsRepository: string,
+  actions$: Actions,
+  config?: CreateInitFormConfig<unknown>,
+) {
+  return createEffect(
+    () =>
+      actions$.pipe(
+        ofType(createSaveDetailSuccessAction(detailsRepository)),
+        tap(() => {
+          config?.snackbar?.showSuccess(config?.successMessge ?? `Item successfully saved.`);
+        })
+      ),
+    {
+      dispatch: false,
+    }
+  );
+}
+
+  export function createSaveDetailFailureEffect(
+    detailsRepository: string,
+    actions$: Actions,
+    config?: CreateInitFormConfig<unknown>,
+  ) {
+    return createEffect(
+      () =>
+        actions$.pipe(
+          ofType(createSaveDetailFailureAction(detailsRepository)),
+          tap(({error}) => {
+            config?.snackbar?.showError(config.errorMessage ?? `Error saving item. ${error.message}`);
+          })
+        ),
+      {
+        dispatch: false,
+      }
+    );
+}

package/src/lib/detail-state/detail.models.ts

@@ -0,0 +1,32 @@
+export interface DetailState<T> {
+  loaded: boolean;
+  item?: T;
+  formState?: FormState;
+  error?: string | null;
+}
+
+export interface ChosenRowsState<T> { 
+  rows: Array<T>;
+}
+
+export const INITIAL_CHOSEN_ROW_STATE: ChosenRowsState<any> = {
+  rows: []
+}
+
+export const INITIAL_DETAIL_STATE: DetailState<any> = {
+  loaded: false,
+};
+
+export interface SaveItemState {
+  saveInProgress: boolean;
+  error?: string | null;
+}
+
+export const INITIAL_SAVE_ITEM_STATE: SaveItemState = {
+  saveInProgress: false,
+};
+
+export interface FormState {
+  dirty: boolean;
+  valid: boolean;
+}

package/src/lib/detail-state/detail.reducer.ts

@@ -0,0 +1,122 @@
+import { ActionCreator, createReducer, on, ReducerTypes } from '@ngrx/store';
+import {
+  createInitDetailAction,
+  createLoadDetailFailureAction,
+  createLoadDetailSuccessAction,
+  createResetStateAction,
+  createSaveDetailAction,
+  createSaveDetailFailureAction,
+  createSaveDetailSuccessAction,
+  createUpdateDetailAction,
+  createUpdateFormStateAction,
+} from './detail.actions';
+import {
+  DetailState,
+  INITIAL_DETAIL_STATE,
+  INITIAL_SAVE_ITEM_STATE,
+} from './detail.models';
+
+export function createDetailReducers<
+  T = any,
+  TState extends DetailState<T> = DetailState<T>
+>(
+  detailRepository: string,
+  initialState: TState = INITIAL_DETAIL_STATE as unknown as TState,
+  ...ons: ReducerTypes<TState, readonly ActionCreator[]>[]
+) {
+  return createReducer(
+    initialState,
+    on(createInitDetailAction(detailRepository), (state) => {
+      return {
+        ...state,
+        loaded: false,
+        error: null,
+      };
+    }),
+
+    on(createLoadDetailSuccessAction(detailRepository), (state, { item }) => {
+      return {
+        ...state,
+        loaded: true,
+        item,
+      };
+    }),
+
+    on(createLoadDetailFailureAction(detailRepository), (state, { error }) => {
+      return {
+        ...state,
+        loaded: true,
+        error,
+      };
+    }),
+
+    on(createUpdateDetailAction(detailRepository), (state, { item }) => {
+      return {
+        ...state,
+        item,
+        formState: {
+          dirty: true,
+          valid: state.formState?.valid ?? true,
+        },
+      };
+    }),
+
+    on(
+      createUpdateFormStateAction(detailRepository),
+      (state, { formState }) => {
+        return {
+          ...state,
+          formState,
+        };
+      }
+    ),
+
+    on(createSaveDetailSuccessAction(detailRepository), (state) => {
+      return {
+        ...state,
+        formState: {
+          dirty: false,
+          valid: state.formState?.valid ?? true,
+        },
+      };
+    }),
+    on(createResetStateAction(detailRepository), () => {
+      return {
+        ...(initialState as any),
+      };
+    }),
+    ...ons
+  );
+}
+
+export function createSaveDetailReducers(
+  detailRepository: string,
+  initialState = INITIAL_SAVE_ITEM_STATE
+) {
+  return createReducer(
+    initialState,
+
+    on(createSaveDetailAction(detailRepository), (state) => {
+      return {
+        ...state,
+        saveInProgress: true,
+      };
+    }),
+
+    on(createSaveDetailSuccessAction(detailRepository), (state, { item }) => {
+      return {
+        ...state,
+        item,
+        saveInProgress: false,
+      };
+    }),
+
+    on(createSaveDetailFailureAction(detailRepository), (state, { error }) => {
+      return {
+        ...state,
+        error,
+        saveInProgress: false,
+      };
+    })
+  );
+}

package/src/lib/table-state/actions.ts

@@ -0,0 +1,93 @@
+import { createAction, props } from '@ngrx/store';
+import { Page, Sort } from '@verisoft/core';
+
+enum TablePageAction {
+  GET_PAGE = 'Get page',
+  CREATE_STATIC_FILTER = 'Create static filter',
+  DATA_LOAD_SUCCESS = 'Data load success',
+  DATA_LOAD_ERROR = 'Data load error',
+  REFRESH_PAGE = 'Refresh page',
+  FILTER_PAGE = 'Filter page',
+  CHANGE_PAGE_SIZE = 'Change page size',
+  SORT_PAGE = 'Sort page',
+  DESTROY = 'Destroy',
+  SELECT_ITEMS = 'Select items',
+  REMOVE_RANGE = 'Remove range',
+}
+
+export function createGetPageTableAction<T = any>(tableRepository: string) {
+  return createAction(
+    `${tableRepository} ${TablePageAction.GET_PAGE}`,
+    props<{
+      page: number;
+      size: number;
+      id?: string | null;
+      filter?: Partial<T>;
+      sort?: Sort<T>[];
+    }>()
+  );
+}
+
+export function createStaticFilterTableAction<T = any>(
+  tableRepository: string
+) {
+  return createAction(
+    `${tableRepository} ${TablePageAction.CREATE_STATIC_FILTER}`,
+    props<{
+      filter?: Partial<T>;
+    }>()
+  );
+}
+
+export function createDataLoadSuccessTableAction<T>(tableRepository: string) {
+  return createAction(
+    `${tableRepository} ${TablePageAction.DATA_LOAD_SUCCESS}`,
+    props<{ gPage: Page<T> }>()
+  );
+}
+
+export function createDataLoadErrorTableAction(tableRepository: string) {
+  return createAction(
+    `${tableRepository} ${TablePageAction.DATA_LOAD_ERROR}`,
+    props<{ error: any }>()
+  );
+}
+
+export function createChangePageSizeTableAction(tableRepository: string) {
+  return createAction(
+    `${tableRepository} ${TablePageAction.CHANGE_PAGE_SIZE}`,
+    props<{ size: number }>()
+  );
+}
+
+// TODO: use action in delete item effect
+export function createRefreshPageTableAction(tableRepository: string) {
+  return createAction(`${tableRepository} ${TablePageAction.REFRESH_PAGE}`);
+}
+
+export function createFilterPageTableAction<T>(tableRepository: string) {
+  return createAction(
+    `${tableRepository} ${TablePageAction.REFRESH_PAGE}`,
+    props<{ filter: Partial<T> }>()
+  );
+}
+
+export function createResetTableFilterAction(tableRepository: string) {
+  return createAction(`${tableRepository} ${TablePageAction.REFRESH_PAGE}`);
+}
+
+export function createDestroyTableAction(tableRepository: string) {
+  return createAction(`${tableRepository} ${TablePageAction.DESTROY}`);
+}
+
+export function createSelectItemsTableAction<T>(tableRepository: string) {
+  return createAction(
+    `${tableRepository} ${TablePageAction.SELECT_ITEMS}`,
+    props<{ selectedItems: T[] }>()
+  );
+}
+
+export function createRemoveRangeTableAction(tableRepository: string) {
+  return createAction(`${tableRepository} ${TablePageAction.REMOVE_RANGE}`
+  );
+}

package/src/lib/table-state/effects.ts

@@ -0,0 +1,100 @@
+import { Actions, createEffect, ofType } from '@ngrx/effects';
+import {  createFeatureSelector, createSelector, Store } from '@ngrx/store';
+import { BaseHttpService, DEFAULT_SEARCH_LIMIT, Page, RequestParams } from '@verisoft/core';
+import { catchError, map, Observable, of, switchMap, withLatestFrom } from 'rxjs';
+import {
+  createGetPageTableAction,
+  createDataLoadSuccessTableAction,
+  createDataLoadErrorTableAction,
+  createRemoveRangeTableAction,
+} from './actions';
+import { TableState } from './models';
+
+export interface CreateGetPageActionConfig<T> {
+  service?: BaseHttpService<T>;
+  fetchList?: (requestParams: RequestParams<any>) => Observable<Page<T>>;
+  snackbar?: any;
+  ngrxFeatureKey?: string;
+  requireFilters?: boolean;
+}
+
+export function createGetPageTableEffect<T>(
+  tableRepository: string,
+  actions$: Actions,
+  config: CreateGetPageActionConfig<T>
+) {
+  return createEffect(() => {
+    return actions$.pipe(
+      ofType(createGetPageTableAction(tableRepository)),
+      switchMap(({ page, filter, sort, size }) => {
+        const requestParams: RequestParams<any> = {
+          page,
+          sort,
+          filter,
+          size,
+        };
+
+        const params = config.service?.createParams(requestParams) ?? requestParams;
+
+        const fetchList$: Observable<Page<T>> = (config.service?.fetchList(
+          params
+        ) ?? config.fetchList?.(params)) as Observable<Page<T>>;
+        if (!fetchList$) {
+          throw new Error('Service or fetchList$ must by defined.');
+        }
+
+        return fetchList$.pipe(
+          map((gPage) => {
+            const p = { ...gPage, number: page };
+            return createDataLoadSuccessTableAction(tableRepository)({
+              gPage: p,
+            });
+          }),
+          catchError((error) => {
+            config.snackbar?.showError(error.message);
+            return of(
+              createDataLoadErrorTableAction(tableRepository)({ error })
+            );
+          })
+        );
+      })
+    );
+  });
+}
+
+export function createRemoveRangeTableEffect<T>(
+  tableRepository: string,
+  ngrxFeatureKey: string,
+  actions$: Actions,
+  store$: Store<any>,
+  config: CreateGetPageActionConfig<T>
+) {
+  return createEffect(() => {
+    if(!config?.service) {
+      throw new Error('Service must be defined!');
+    }
+
+    const selectedItems = createSelector(
+      createFeatureSelector<any>(ngrxFeatureKey),
+      (state: any) => {
+        return (state?.[tableRepository] as TableState<any>)?.selectedItems as any;
+      }
+    );
+
+    return actions$.pipe(
+      ofType(createRemoveRangeTableAction(tableRepository)),
+      withLatestFrom(selectedItems),
+      switchMap(([, {selectedItems}]) => {
+        return config.service!.removeRange(selectedItems).pipe(
+          map(() => { 
+            return createGetPageTableAction(tableRepository)
+            ({ page: 0, size: DEFAULT_SEARCH_LIMIT })
+          }),
+          catchError(error => { 
+            return of(createDataLoadErrorTableAction(tableRepository)({ error }))
+          })
+        );
+      })
+    );
+  });
+}

package/src/lib/table-state/models.ts

@@ -0,0 +1,20 @@
+import { DEFAULT_SEARCH_LIMIT, DEFAULT_SEARCH_PARAMS, Page, RequestParams } from "@verisoft/core";
+
+export interface TableState<T> {
+  dataLoading: boolean;
+  requestParams: RequestParams<T>;
+  gPage?: Page<T>;
+  error?: string | null;
+  selectedItems?: T[];
+}
+
+export const INITIAL_TABLE_STATE: TableState<any> = {
+  gPage: {
+    data: [],
+    size: DEFAULT_SEARCH_LIMIT,
+    total: 0.
+  } as unknown as Page<any>,
+  dataLoading: false,
+  requestParams: DEFAULT_SEARCH_PARAMS,
+  selectedItems: []
+};

package/src/lib/table-state/reducers.ts

@@ -0,0 +1,126 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { ActionCreator, ReducerTypes, createReducer, on } from '@ngrx/store';
+import {
+  createGetPageTableAction,
+  createStaticFilterTableAction,
+  createDataLoadSuccessTableAction,
+  createDataLoadErrorTableAction,
+  createFilterPageTableAction,
+  createDestroyTableAction,
+  createSelectItemsTableAction,
+  createChangePageSizeTableAction,
+  createResetTableFilterAction,
+} from './actions';
+import { INITIAL_TABLE_STATE, TableState } from './models';
+
+export function createTablePageReducers<
+  T = any,
+  TState extends TableState<T> = TableState<T>
+>(
+  tableRepository: string,
+  initialState: TState = INITIAL_TABLE_STATE as unknown as TState,
+  ...ons: ReducerTypes<TState, readonly ActionCreator[]>[]
+) {
+  return createReducer(
+    initialState,
+    on(
+      createGetPageTableAction(tableRepository),
+      (state, { page, id, filter, sort }) => {
+        return {
+          ...state,
+          requestParams: {
+            ...state.requestParams,
+            filter: filter ?? state.requestParams.filter,
+            sort: sort ?? state.requestParams.sort,
+            id: id ?? state.requestParams.id,
+            page,
+          },
+          dataLoading: true,
+          submitted: true,
+        };
+      }
+    ),
+
+    on(createStaticFilterTableAction(tableRepository), (state, { filter }) => {
+      return {
+        ...state,
+        requestParams: {
+          ...state.requestParams,
+          filter: {
+            ...state.requestParams?.filter,
+            filter,
+          },
+        },
+      };
+    }),
+
+    on(createResetTableFilterAction(tableRepository), (state) => {
+      return {
+        ...state,
+        requestParams: {
+          ...state.requestParams,
+          filter: undefined,
+          page: 1
+        },
+      }
+    }),
+
+    on(
+      createDataLoadSuccessTableAction(tableRepository),
+      (state, { gPage }) => {
+        return {
+          ...state,
+          gPage,
+          dataLoading: false,
+        };
+      }
+    ),
+
+    on(createDataLoadErrorTableAction(tableRepository), (state, { error }) => {
+      return {
+        ...state,
+        error,
+        dataLoading: false,
+      };
+    }),
+
+    on(createFilterPageTableAction(tableRepository), (state, { filter }) => {
+      return {
+        ...state,
+        requestParams: {
+          ...state.requestParams,
+          filter: filter,
+          page: 1,
+        },
+        dataLoading: true,
+      };
+    }),
+
+    on(createDestroyTableAction(tableRepository), () => {
+      return {
+        ...(initialState as any),
+      };
+    }),
+
+    on(
+      createSelectItemsTableAction(tableRepository),
+      (state, { selectedItems }) => {
+        return {
+          ...state,
+          selectedItems,
+        };
+      }
+    ),
+
+    on(createChangePageSizeTableAction(tableRepository), (state, { size }) => {
+      return {
+        ...state,
+        requestParams: {
+          ...state.requestParams,
+          size,
+        }
+      }
+    }),
+    ...ons
+  );
+}

package/src/test-setup.ts

@@ -0,0 +1,8 @@
+// @ts-expect-error https://thymikee.github.io/jest-preset-angular/docs/getting-started/test-environment
+globalThis.ngJest = {
+  testEnvironmentOptions: {
+    errorOnUnknownElements: true,
+    errorOnUnknownProperties: true,
+  },
+};
+import 'jest-preset-angular/setup-jest';

package/tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "target": "es2022",
+    "useDefineForClassFields": false,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "extends": "../../../tsconfig.base.json",
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}

package/tsconfig.lib.json

@@ -0,0 +1,17 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": [
+    "src/**/*.spec.ts",
+    "src/test-setup.ts",
+    "jest.config.ts",
+    "src/**/*.test.ts"
+  ],
+  "include": ["src/**/*.ts"]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,16 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc",
+    "module": "commonjs",
+    "target": "es2016",
+    "types": ["jest", "node"]
+  },
+  "files": ["src/test-setup.ts"],
+  "include": [
+    "jest.config.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.d.ts"
+  ]
+}