@ethlete/query 2.5.4 → 2.6.0

package/fesm2015/ethlete-query.mjs

@@ -1,5 +1,5 @@
 import { BehaviorSubjectWithSubscriberCount, getCookie, setCookie, deleteCookie, DestroyService, equal, clone } from '@ethlete/core';
-import { Observable, filter, takeWhile, switchMap, of, BehaviorSubject, Subject, takeUntil, interval, startWith, finalize, tap, timer, fromEvent, take, concat, debounceTime, combineLatest, map, distinctUntilChanged } from 'rxjs';
+import { Observable, filter, takeWhile, switchMap, of, BehaviorSubject, Subject, takeUntil, interval, startWith, finalize, tap, timer, map, fromEvent, debounceTime, take, concat, combineLatest, distinctUntilChanged } from 'rxjs';
 import * as i0 from '@angular/core';
 import { Directive, Input, InjectionToken, inject, ChangeDetectorRef, ViewContainerRef, TemplateRef, ErrorHandler, ElementRef } from '@angular/core';
 import { FormGroup } from '@angular/forms';
@@ -712,13 +712,19 @@ class Query {
         var _a;
         return (_a = this._queryConfig.enableSmartPolling) !== null && _a !== void 0 ? _a : true;
     }
+    get store() {
+        var _a, _b;
+        return (_b = (_a = this._queryConfig.entity) === null || _a === void 0 ? void 0 : _a.store) !== null && _b !== void 0 ? _b : null;
+    }
     constructor(_client, _queryConfig, _routeWithParams, _args) {
+        var _a;
         this._client = _client;
         this._queryConfig = _queryConfig;
         this._routeWithParams = _routeWithParams;
         this._args = _args;
         this._currentId = 0;
         this._pollingSubscription = null;
+        this._entitySubscription = null;
         this._onAbort$ = new Subject();
         this._currentPollConfig = null;
         /**
@@ -729,6 +735,49 @@ class Query {
             type: "PREPARED" /* QueryStateType.Prepared */,
             meta: { id: this._currentId, triggeredVia: 'program' },
         });
+        if ((_a = this._queryConfig.entity) === null || _a === void 0 ? void 0 : _a.store) {
+            this._entitySubscription = this._queryConfig.entity.store.events$.subscribe((event) => {
+                var _a, _b, _c;
+                if (event.type !== 'update' && event.type !== 'set') {
+                    return;
+                }
+                if (!isQueryStateSuccess(this.state)) {
+                    return;
+                }
+                const response = this.state.response;
+                const rawResponse = this.state.rawResponse;
+                const key = (_a = this._queryConfig.entity) === null || _a === void 0 ? void 0 : _a.store.config.idKey;
+                if (!key) {
+                    return;
+                }
+                const currentValue = (_b = this._queryConfig.entity) === null || _b === void 0 ? void 0 : _b.valueSelector({
+                    args: this._args,
+                    response,
+                    rawResponse,
+                });
+                const newData = (_c = this._queryConfig.entity) === null || _c === void 0 ? void 0 : _c.store.getOne(event.key);
+                if (Array.isArray(currentValue)) {
+                    const index = currentValue.findIndex((item) => item[key] === event.key);
+                    if (index === -1) {
+                        return;
+                    }
+                    const newValue = [...currentValue];
+                    if (newData) {
+                        newValue[index] = newData;
+                    }
+                    else {
+                        newValue.splice(index, 1);
+                    }
+                    this._state$.next(Object.assign(Object.assign({}, this.state), { response: newValue, meta: Object.assign(Object.assign({}, this.state.meta), { triggeredVia: 'auto' }) }));
+                }
+                else {
+                    if ((currentValue === null || currentValue === void 0 ? void 0 : currentValue[key]) !== event.key) {
+                        return;
+                    }
+                    this._state$.next(Object.assign(Object.assign({}, this.state), { response: newData, meta: Object.assign(Object.assign({}, this.state.meta), { triggeredVia: 'auto' }) }));
+                }
+            });
+        }
     }
     clone() {
         return this._client.fetch(this._queryConfig);
@@ -774,6 +823,7 @@ class Query {
             .pipe(takeUntil(this._onAbort$))
             .subscribe({
             next: (state) => {
+                var _a, _b;
                 if (state.type === 'start' || state.type === 'delay-retry') {
                     const newMeta = Object.assign(Object.assign({}, meta), { isWaitingForRetry: state.type === 'delay-retry', retryDelay: state.retryDelay, retryNumber: state.retryNumber });
                     this._state$.next({
@@ -813,6 +863,12 @@ class Query {
                     const transformedResponse = this._queryConfig.responseTransformer
                         ? this._queryConfig.responseTransformer(responseData)
                         : responseData;
+                    (_b = (_a = this._queryConfig.entity) === null || _a === void 0 ? void 0 : _a.successAction) === null || _b === void 0 ? void 0 : _b.call(_a, {
+                        args: this._args,
+                        rawResponse: state.response,
+                        response: transformedResponse,
+                        store: this._queryConfig.entity.store,
+                    });
                     this._state$.next({
                         type: "SUCCESS" /* QueryStateType.Success */,
                         rawResponse: state.response,
@@ -902,6 +958,16 @@ class Query {
         }))
             .subscribe();
     }
+    /**
+     * @internal
+     */
+    _destroy() {
+        var _a, _b;
+        this._state$.complete();
+        this._onAbort$.complete();
+        (_a = this._pollingSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        (_b = this._entitySubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+    }
 }
 
 const isBasicAuthProvider = (authProvider) => authProvider instanceof BasicAuthProvider;
@@ -1157,9 +1223,9 @@ class QueryDirective {
         }
     }
 }
-QueryDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: QueryDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ErrorHandler }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-QueryDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.3", type: QueryDirective, isStandalone: true, selector: "[query]", inputs: { query: "query", cache: ["queryCache", "cache"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: QueryDirective, decorators: [{
+QueryDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: QueryDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ErrorHandler }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+QueryDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.4", type: QueryDirective, isStandalone: true, selector: "[query]", inputs: { query: "query", cache: ["queryCache", "cache"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: QueryDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -1221,6 +1287,7 @@ class InfinityQuery {
         this._currentQuery$ = new BehaviorSubject(null);
         this._data$ = new BehaviorSubject([]);
         this._subscriptions = [];
+        this._responsiveDataSubscription = null;
     }
     nextPage() {
         var _a, _b, _c, _d, _e;
@@ -1258,13 +1325,15 @@ class InfinityQuery {
      * @internal
      */
     _clearSubscriptions() {
+        var _a;
         this._subscriptions.forEach((sub) => sub.unsubscribe());
         this._subscriptions = [];
+        (_a = this._responsiveDataSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
     }
     _handleNewQuery(query) {
         const stateChangesSub = query.state$.pipe(takeUntilResponse(), filterSuccess()).subscribe({
             next: (state) => {
-                var _a, _b, _c, _d, _e, _f;
+                var _a, _b, _c, _d, _e, _f, _g;
                 let newData = (_a = this._config) === null || _a === void 0 ? void 0 : _a.response.valueExtractor(state.response);
                 if (this._config.response.reverse) {
                     newData = [...newData].reverse();
@@ -1275,11 +1344,23 @@ class InfinityQuery {
                 else {
                     newData = [...this.data, ...newData];
                 }
-                this._data$.next(newData);
-                const totalPages = (_f = (_d = (_c = (_b = this._config.response).totalPagesExtractor) === null || _c === void 0 ? void 0 : _c.call(_b, {
+                if (query.store) {
+                    (_b = this._responsiveDataSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
+                    const key = query.store.idKey;
+                    const responsiveData = query.store.entities$.pipe(map((entities) => newData.map((item) => {
+                        // TODO(TRB): This is kind of unsafe. The entity array keys might not be the same as the response keys
+                        const index = entities.values.findIndex((entity) => entity[key] === item[key]);
+                        return index > -1 ? entities.values[index] : item;
+                    })));
+                    this._responsiveDataSubscription = responsiveData.subscribe((data) => this._data$.next(data));
+                }
+                else {
+                    this._data$.next(newData);
+                }
+                const totalPages = (_g = (_e = (_d = (_c = this._config.response).totalPagesExtractor) === null || _d === void 0 ? void 0 : _d.call(_c, {
                     response: state.response,
                     itemsPerPage: this.itemsPerPage,
-                })) !== null && _d !== void 0 ? _d : (_e = state.response) === null || _e === void 0 ? void 0 : _e.totalPages) !== null && _f !== void 0 ? _f : null;
+                })) !== null && _e !== void 0 ? _e : (_f = state.response) === null || _f === void 0 ? void 0 : _f.totalPages) !== null && _g !== void 0 ? _g : null;
                 this._totalPages$.next(totalPages);
             },
             complete: () => {
@@ -1484,9 +1565,9 @@ class InfinityQueryDirective {
         this._data$.next([]);
     }
 }
-InfinityQueryDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: InfinityQueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-InfinityQueryDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.3", type: InfinityQueryDirective, isStandalone: true, selector: "[infinityQuery]", inputs: { infinityQuery: "infinityQuery" }, providers: [{ provide: INFINITY_QUERY_TOKEN, useExisting: InfinityQueryDirective }, DestroyService], exportAs: ["infinityQuery"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: InfinityQueryDirective, decorators: [{
+InfinityQueryDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InfinityQueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+InfinityQueryDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.4", type: InfinityQueryDirective, isStandalone: true, selector: "[infinityQuery]", inputs: { infinityQuery: "infinityQuery" }, providers: [{ provide: INFINITY_QUERY_TOKEN, useExisting: InfinityQueryDirective }, DestroyService], exportAs: ["infinityQuery"], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InfinityQueryDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -1537,9 +1618,9 @@ class InfinityQueryTriggerDirective {
         this._observer.observe(this._elementRef.nativeElement);
     }
 }
-InfinityQueryTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: InfinityQueryTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-InfinityQueryTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.3", type: InfinityQueryTriggerDirective, isStandalone: true, selector: "[infinityQueryTrigger], infinity-query-trigger", inputs: { scrollContainerSelector: "scrollContainerSelector" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: InfinityQueryTriggerDirective, decorators: [{
+InfinityQueryTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InfinityQueryTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+InfinityQueryTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.4", type: InfinityQueryTriggerDirective, isStandalone: true, selector: "[infinityQueryTrigger], infinity-query-trigger", inputs: { scrollContainerSelector: "scrollContainerSelector" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: InfinityQueryTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -1550,6 +1631,146 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImpor
                 type: Input
             }] } });
 
+class EntityStore {
+    get events$() {
+        return this._events$.asObservable();
+    }
+    get keys() {
+        return [...this._keys];
+    }
+    get values() {
+        return [...this._dictionary.values()];
+    }
+    get size() {
+        return this._keys.size;
+    }
+    get isEmpty() {
+        return this.size === 0;
+    }
+    get config() {
+        return this._config;
+    }
+    get idKey() {
+        return this._config.idKey || 'id';
+    }
+    constructor(_config) {
+        this._config = _config;
+        this._dictionary = new Map();
+        this._keys = new Set();
+        this._events$ = new Subject();
+        this.entities$ = this.events$.pipe(startWith(null), debounceTime(0), map(() => ({
+            keys: this.keys,
+            values: this.values,
+        })));
+    }
+    getOne(key) {
+        const value = this._dictionary.get(key);
+        if (!value) {
+            console.error(`EntityStore: ${this._config.name || 'unknown'}: missing key "${key}" for get`);
+            return null;
+        }
+        if (this._config.logActions) {
+            console.log(`EntityStore: ${this._config.name || 'unknown'}: get "${key}"`);
+        }
+        return value;
+    }
+    getMany(keys) {
+        return keys.map((key) => this.getOne(key));
+    }
+    addOne(value) {
+        const key = this.getKey(value);
+        if (this._dictionary.has(key)) {
+            console.error(`EntityStore: ${this._config.name || 'unknown'}: duplicate key "${key}" for add`);
+            return null;
+        }
+        this._dictionary.set(key, value);
+        this._keys.add(key);
+        const event = { type: 'add', key };
+        this._events$.next(event);
+        if (this._config.logActions) {
+            console.log(`EntityStore: ${this._config.name || 'unknown'}: add "${key}"`);
+        }
+        return event;
+    }
+    addMany(values) {
+        const events = values.map((value) => this.addOne(value));
+        return events;
+    }
+    updateOne(value) {
+        const key = this.getKey(value);
+        const existing = this._dictionary.get(key);
+        if (!existing) {
+            console.error(`EntityStore: ${this._config.name || 'unknown'}: missing key "${key}" for update`);
+            return null;
+        }
+        this._dictionary.set(key, value);
+        const event = { type: 'update', key };
+        this._events$.next(event);
+        if (this._config.logActions) {
+            console.log(`EntityStore: ${this._config.name || 'unknown'}: update "${key}"`);
+        }
+        return event;
+    }
+    updateMany(values) {
+        const events = values.map((value) => this.updateOne(value));
+        return events;
+    }
+    setOne(value) {
+        const key = this.getKey(value);
+        this._dictionary.set(key, value);
+        this._keys.add(key);
+        const event = { type: 'set', key };
+        this._events$.next(event);
+        if (this._config.logActions) {
+            console.log(`EntityStore: ${this._config.name || 'unknown'}: set "${key}"`);
+        }
+        return event;
+    }
+    setMany(values) {
+        const events = values.map((value) => this.setOne(value));
+        return events;
+    }
+    removeOne(key) {
+        if (!this._dictionary.has(key)) {
+            console.error(`EntityStore: ${this._config.name || 'unknown'}: missing key "${key}" for remove`);
+            return null;
+        }
+        this._dictionary.delete(key);
+        this._keys.delete(key);
+        const event = { type: 'remove', key };
+        this._events$.next(event);
+        if (this._config.logActions) {
+            console.log(`EntityStore: ${this._config.name || 'unknown'}: remove "${key}"`);
+        }
+        return event;
+    }
+    removeMany(keys) {
+        const events = keys.map((key) => this.removeOne(key));
+        return events;
+    }
+    has(key) {
+        return this._dictionary.has(key);
+    }
+    clear() {
+        this._dictionary.clear();
+        this._keys.clear();
+    }
+    getKey(value) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const key = value[this._config.idKey || 'id'];
+        if (key === undefined) {
+            throw new Error(`EntityStore: ${this._config.name || 'unknown'}: missing key`);
+        }
+        return key;
+    }
+    logState() {
+        console.log('EntityStore:', this._config.name, {
+            dictionary: this._dictionary,
+            keys: this._keys,
+        });
+    }
+}
+
 class QueryStore {
     constructor(_config) {
         this._config = _config;
@@ -1569,6 +1790,8 @@ class QueryStore {
         return (_a = this._store.get(id)) !== null && _a !== void 0 ? _a : null;
     }
     remove(id) {
+        var _a;
+        (_a = this.get(id)) === null || _a === void 0 ? void 0 : _a._destroy();
         this._store.delete(id);
         this._logState(id, null, 'REMOVE');
     }
@@ -1687,9 +1910,7 @@ class QueryStore {
 const shouldCacheQuery = (method) => {
     return method === 'GET' || method === 'OPTIONS' || method === 'HEAD' || method === 'GQL_QUERY';
 };
-const buildGqlCacheKey = (
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-config, args) => {
+const buildGqlCacheKey = (config, args) => {
     const { query } = config;
     const variables = (args === null || args === void 0 ? void 0 : args.variables) || {};
     const queryWithoutNewLinesAndWhitespace = query.replace(/\s/g, '');
@@ -1738,7 +1959,7 @@ class QueryClient {
                         return existingQuery;
                     }
                 }
-                const query = new Query(this, queryConfig, route, args);
+                const query = new Query(this, queryConfig, route, args !== null && args !== void 0 ? args : {});
                 if (shouldCacheQuery(queryConfig.method)) {
                     this._store.add(cacheKey, query);
                 }
@@ -2030,5 +2251,5 @@ const def = () => null;
  * Generated bundle index. Do not edit.
  */
 
-export { BasicAuthProvider, BearerAuthProvider, CustomHeaderAuthProvider, INFINITY_QUERY_TOKEN, InfinityQuery, InfinityQueryDirective, InfinityQueryTriggerDirective, Query, QueryClient, QueryDirective, QueryError, QueryField, QueryForm, QueryStore, buildErrorMessage, buildGqlCacheKey, buildQueryArrayString, buildQueryString, buildRoute, buildTimestampFromSeconds, castQueryCreatorTypes, computeQueryAuthHeader, computeQueryBody, computeQueryHeaders, computeQueryMethod, computeQueryQueryParams, createInfinityQueryConfig, createQueryCollection, decryptBearer, deepFreeze, def, detectContentTypeHeader, extractExpiresInSeconds, extractQuery, filterFailure, filterInvalidParams, filterNull, filterQueryStates, filterSuccess, forEachHeader, getDefaultHeaders, getResponseUrl, gql, hasHeader, ignoreAutoRefresh, invalidBaseRouteError, invalidBodyError, invalidRouteError, isAutoRefresh, isBasicAuthProvider, isBearerAuthProvider, isCustomHeaderAuthProvider, isFetchResponse, isGqlQueryConfig, isParamValid, isQuery, isQueryStateCancelled, isQueryStateFailure, isQueryStateLoading, isQueryStatePrepared, isQueryStateSuccess, isRequestError, mergeHeaders, parseAllXhrResponseHeaders, pathParamsMissingInRouteFunctionError, queryStateAlreadyHasKeyError, queryStateCannotTransformError, queryStateDoesNotContainKeyError, request, serializeBody, shouldCacheQuery, shouldRetryRequest, skipPaginationPageParamCalculator, switchQueryCollectionState, switchQueryState, takeUntilResponse, transformGql, transformMethod, transformToBoolean, transformToBooleanArray, transformToDate, transformToDateArray, transformToNumber, transformToNumberArray, transformToSort, transformToSortQueryParam, transformToString, transformToStringArray };
+export { BasicAuthProvider, BearerAuthProvider, CustomHeaderAuthProvider, EntityStore, INFINITY_QUERY_TOKEN, InfinityQuery, InfinityQueryDirective, InfinityQueryTriggerDirective, Query, QueryClient, QueryDirective, QueryError, QueryField, QueryForm, QueryStore, buildErrorMessage, buildGqlCacheKey, buildQueryArrayString, buildQueryString, buildRoute, buildTimestampFromSeconds, castQueryCreatorTypes, computeQueryAuthHeader, computeQueryBody, computeQueryHeaders, computeQueryMethod, computeQueryQueryParams, createInfinityQueryConfig, createQueryCollection, decryptBearer, deepFreeze, def, detectContentTypeHeader, extractExpiresInSeconds, extractQuery, filterFailure, filterInvalidParams, filterNull, filterQueryStates, filterSuccess, forEachHeader, getDefaultHeaders, getResponseUrl, gql, hasHeader, ignoreAutoRefresh, invalidBaseRouteError, invalidBodyError, invalidRouteError, isAutoRefresh, isBasicAuthProvider, isBearerAuthProvider, isCustomHeaderAuthProvider, isFetchResponse, isGqlQueryConfig, isParamValid, isQuery, isQueryStateCancelled, isQueryStateFailure, isQueryStateLoading, isQueryStatePrepared, isQueryStateSuccess, isRequestError, mergeHeaders, parseAllXhrResponseHeaders, pathParamsMissingInRouteFunctionError, queryStateAlreadyHasKeyError, queryStateCannotTransformError, queryStateDoesNotContainKeyError, request, serializeBody, shouldCacheQuery, shouldRetryRequest, skipPaginationPageParamCalculator, switchQueryCollectionState, switchQueryState, takeUntilResponse, transformGql, transformMethod, transformToBoolean, transformToBooleanArray, transformToDate, transformToDateArray, transformToNumber, transformToNumberArray, transformToSort, transformToSortQueryParam, transformToString, transformToStringArray };
 //# sourceMappingURL=ethlete-query.mjs.map