@ethlete/query 0.1.0-next.1 → 0.1.0-next.10

package/fesm2015/ethlete-query.mjs

@@ -1,7 +1,9 @@
 import { __awaiter } from 'tslib';
-import { Subject, timer, filter, takeWhile, BehaviorSubject, interval, takeUntil, tap, switchMap, of, fromEvent, startWith, concat, take, debounceTime, combineLatest, map, distinctUntilChanged } from 'rxjs';
+import { Subject, timer, filter, takeWhile, switchMap, of, BehaviorSubject, interval, takeUntil, tap, fromEvent, startWith, concat, take, debounceTime, combineLatest, map, distinctUntilChanged } from 'rxjs';
 import * as i0 from '@angular/core';
 import { Directive, Input, InjectionToken, inject, ChangeDetectorRef, ViewContainerRef, TemplateRef, ErrorHandler, ElementRef } from '@angular/core';
+import * as i1 from '@ethlete/core';
+import { DestroyDirective } from '@ethlete/core';
 import { FormGroup } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';
 
@@ -166,13 +168,15 @@ const buildTimestampFromSeconds = (seconds) => {
     }
     return new Date(Date.now() + seconds * 1000).getTime();
 };
-const buildRequestError = (error) => __awaiter(void 0, void 0, void 0, function* () {
+const buildRequestError = (error, route, requestInit) => __awaiter(void 0, void 0, void 0, function* () {
     if (error instanceof DOMException && error.code === error.ABORT_ERR) {
         const err = {
             code: -1,
             message: 'Request aborted',
             detail: null,
             raw: error,
+            route,
+            requestInit,
         };
         return err;
     }
@@ -182,6 +186,8 @@ const buildRequestError = (error) => __awaiter(void 0, void 0, void 0, function*
             message: 'Syntax error',
             detail: null,
             raw: error,
+            route,
+            requestInit,
         };
         return err;
     }
@@ -191,23 +197,35 @@ const buildRequestError = (error) => __awaiter(void 0, void 0, void 0, function*
             message: `${error.name}: ${error.message}`,
             detail: null,
             raw: error,
+            route,
+            requestInit,
         };
         return err;
     }
     if (isFetchResponse(error)) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        let detail;
+        let detail = null;
         try {
-            detail = yield error.text();
+            detail = yield error.json();
         }
-        catch (err) {
-            detail = null;
+        catch (_a) {
+            // noop
+        }
+        if (!detail) {
+            try {
+                detail = yield error.text();
+            }
+            catch (_b) {
+                // noop
+            }
         }
         const err = {
             code: error.status,
             message: error.statusText,
             detail,
             raw: error,
+            route,
+            requestInit,
         };
         return err;
     }
@@ -216,6 +234,8 @@ const buildRequestError = (error) => __awaiter(void 0, void 0, void 0, function*
         message: 'Unknown error',
         detail: null,
         raw: error,
+        route,
+        requestInit,
     };
     return err;
 });
@@ -257,12 +277,15 @@ const guessContentType = (body) => {
 };
 
 const request = (options) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b;
     try {
         const response = yield fetch(options.route, options.init);
         if (!response.ok) {
             throw response;
         }
-        const data = (yield response.json());
+        const isJsonResponse = (_a = response.headers.get('Content-Type')) === null || _a === void 0 ? void 0 : _a.includes('application/json');
+        const isTextResponse = (_b = response.headers.get('Content-Type')) === null || _b === void 0 ? void 0 : _b.includes('text/plain');
+        const data = (isJsonResponse ? yield response.json() : isTextResponse ? yield response.text() : null);
         const expiresInSeconds = options.cacheAdapter
             ? options.cacheAdapter(response.headers)
             : extractExpiresInSeconds(response.headers);
@@ -270,7 +293,7 @@ const request = (options) => __awaiter(void 0, void 0, void 0, function* () {
         return { data, expiresInTimestamp };
     }
     catch (error) {
-        throw yield buildRequestError(error);
+        throw yield buildRequestError(error, options.route, options.init);
     }
 });
 
@@ -351,11 +374,12 @@ class BearerAuthProvider {
                 route,
             });
             const body = bodyAdapter ? bodyAdapter(this._refreshToken) : { refreshToken: this._refreshToken };
+            const requestInit = { body: buildBody(body), method };
             this.onRefreshInitiation$.next();
             try {
                 const result = yield request({
                     route: fullRoute,
-                    init: { body: buildBody(body), method },
+                    init: requestInit,
                 });
                 const tokens = responseAdapter ? responseAdapter(result.data) : result.data;
                 if (!tokens.token) {
@@ -370,7 +394,7 @@ class BearerAuthProvider {
             }
             catch (error) {
                 if (error instanceof Error) {
-                    this.onRefreshFailure$.next(yield buildRequestError(error));
+                    this.onRefreshFailure$.next(yield buildRequestError(error, fullRoute, requestInit));
                 }
                 else {
                     this.onRefreshFailure$.next(error);
@@ -404,6 +428,10 @@ const gql = (strings, ...values) => {
 };
 
 const deepFreeze = (object) => {
+    // check if object is actually an object or frozen
+    if (!object || typeof object !== 'object' || Object.isFrozen(object)) {
+        return object;
+    }
     // Retrieve the property names defined on object
     const propNames = Object.getOwnPropertyNames(object);
     // Freeze properties before freezing self
@@ -434,11 +462,26 @@ function filterFailure() {
         return source.pipe(filter((value) => isQueryStateFailure(value)));
     };
 }
+function filterQueryStates(allowedStates) {
+    return function (source) {
+        return source.pipe(filter((value) => value && allowedStates.includes(value.type)));
+    };
+}
 function takeUntilResponse() {
     return function (source) {
         return source.pipe(takeWhile((value) => isQueryStateLoading(value), true));
     };
 }
+function filterNull() {
+    return function (source) {
+        return source.pipe(filter((value) => value !== null));
+    };
+}
+function switchQueryState() {
+    return function (source) {
+        return source.pipe(switchMap((value) => { var _a; return (_a = value === null || value === void 0 ? void 0 : value.state$) !== null && _a !== void 0 ? _a : of(null); }));
+    };
+}
 const isQueryStateLoading = (state) => (state === null || state === void 0 ? void 0 : state.type) === "LOADING" /* QueryStateType.Loading */;
 const isQueryStateSuccess = (state) => (state === null || state === void 0 ? void 0 : state.type) === "SUCCESS" /* QueryStateType.Success */;
 const isQueryStateFailure = (state) => (state === null || state === void 0 ? void 0 : state.type) === "FAILURE" /* QueryStateType.Failure */;
@@ -564,7 +607,11 @@ class Query {
             const isResponseObject = typeof response === 'object';
             const isGql = isGqlQueryConfig(this._queryConfig);
             let responseData = null;
-            if (isGql && isResponseObject && 'data' in response.data) {
+            if (isGql &&
+                isResponseObject &&
+                !!response.data &&
+                typeof response.data === 'object' &&
+                'data' in response.data) {
                 responseData = response.data['data'];
             }
             else {
@@ -706,9 +753,9 @@ class QueryDirective {
         }
     }
 }
-QueryDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", 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: "14.2.9", type: QueryDirective, isStandalone: true, selector: "[query]", inputs: { query: "query", cache: ["queryCache", "cache"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: QueryDirective, decorators: [{
+QueryDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", 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.0.2", type: QueryDirective, isStandalone: true, selector: "[query]", inputs: { query: "query", cache: ["queryCache", "cache"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: QueryDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -873,6 +920,7 @@ const skipPaginationPageParamCalculator = ({ page, itemsPerPage }) => itemsPerPa
 const INFINITY_QUERY_TOKEN = new InjectionToken('INFINITY_QUERY_TOKEN');
 class InfinityQueryDirective {
     constructor() {
+        this._queryConfigChanged$ = new Subject();
         this._viewContext = {
             $implicit: null,
             infinityQuery: null,
@@ -886,17 +934,19 @@ class InfinityQueryDirective {
             itemsPerPage: null,
         };
         this._infinityQueryInstance = null;
-        this._destroy$ = new Subject();
+        this._destroy$ = inject(DestroyDirective).destroy$;
         this._cdr = inject(ChangeDetectorRef);
         this._viewContainerRef = inject(ViewContainerRef);
         this._mainTemplateRef = inject((TemplateRef));
         this._errorHandler = inject(ErrorHandler);
+        this._data$ = new BehaviorSubject([]);
         this._isMainViewCreated = false;
     }
     get infinityQuery() {
         return this._infinityQuery;
     }
     set infinityQuery(v) {
+        this._cleanup();
         this._infinityQuery = v;
         this._infinityQueryInstance = this._setupInfinityQuery(v);
         this._loadNextPage();
@@ -907,6 +957,12 @@ class InfinityQueryDirective {
     get instance() {
         return this._infinityQueryInstance;
     }
+    get data$() {
+        return this._data$.asObservable();
+    }
+    get data() {
+        return this._data$.getValue();
+    }
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
@@ -915,8 +971,6 @@ class InfinityQueryDirective {
     }
     ngOnDestroy() {
         var _a;
-        this._destroy$.next(true);
-        this._destroy$.unsubscribe();
         (_a = this.instance) === null || _a === void 0 ? void 0 : _a._destroy();
     }
     _setupInfinityQuery(config) {
@@ -955,15 +1009,17 @@ class InfinityQueryDirective {
                 this._viewContext.currentPage = null;
                 this._viewContext.itemsPerPage = null;
                 this._viewContext.totalPages = null;
+                this._data$.next([]);
             }
             this._cdr.markForCheck();
-        }), takeUntil(this._destroy$))
+        }), takeUntil(this._destroy$), takeUntil(this._queryConfigChanged$))
             .subscribe();
         instance.data$
             .pipe(tap((data) => {
             this._viewContext.infinityQuery = this._viewContext.$implicit = data;
+            this._data$.next(data);
             this._cdr.markForCheck();
-        }), takeUntil(this._destroy$))
+        }), takeUntil(this._destroy$), takeUntil(this._queryConfigChanged$))
             .subscribe();
         return instance;
     }
@@ -979,16 +1035,33 @@ class InfinityQueryDirective {
             this._viewContainerRef.createEmbeddedView(this._mainTemplateRef, this._viewContext);
         }
     }
+    _cleanup() {
+        var _a;
+        this._queryConfigChanged$.next(true);
+        (_a = this.instance) === null || _a === void 0 ? void 0 : _a._destroy();
+        this._viewContext.loading = false;
+        this._viewContext.error = null;
+        this._viewContext.infinityQuery = null;
+        this._viewContext.$implicit = null;
+        this._viewContext.isFirstLoad = false;
+        this._viewContext.canLoadMore = false;
+        this._viewContext.currentPage = null;
+        this._viewContext.itemsPerPage = null;
+        this._viewContext.totalPages = null;
+        this._data$.next([]);
+    }
 }
-InfinityQueryDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: InfinityQueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-InfinityQueryDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.9", type: InfinityQueryDirective, isStandalone: true, selector: "[infinityQuery]", inputs: { infinityQuery: "infinityQuery" }, providers: [{ provide: INFINITY_QUERY_TOKEN, useExisting: InfinityQueryDirective }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: InfinityQueryDirective, decorators: [{
+InfinityQueryDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: InfinityQueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+InfinityQueryDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: InfinityQueryDirective, isStandalone: true, selector: "[infinityQuery]", inputs: { infinityQuery: "infinityQuery" }, providers: [{ provide: INFINITY_QUERY_TOKEN, useExisting: InfinityQueryDirective }], exportAs: ["infinityQuery"], hostDirectives: [{ directive: i1.DestroyDirective }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: InfinityQueryDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: '[infinityQuery]',
+                    exportAs: 'infinityQuery',
                     standalone: true,
                     providers: [{ provide: INFINITY_QUERY_TOKEN, useExisting: InfinityQueryDirective }],
+                    hostDirectives: [DestroyDirective],
                 }]
         }], propDecorators: { infinityQuery: [{
                 type: Input
@@ -1032,9 +1105,9 @@ class InfinityQueryTriggerDirective {
         this._observer.observe(this._elementRef.nativeElement);
     }
 }
-InfinityQueryTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: InfinityQueryTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-InfinityQueryTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.9", type: InfinityQueryTriggerDirective, isStandalone: true, selector: "[infinityQueryTrigger], infinity-query-trigger", inputs: { scrollContainerSelector: "scrollContainerSelector" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.9", ngImport: i0, type: InfinityQueryTriggerDirective, decorators: [{
+InfinityQueryTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: InfinityQueryTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+InfinityQueryTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.0.2", type: InfinityQueryTriggerDirective, isStandalone: true, selector: "[infinityQueryTrigger], infinity-query-trigger", inputs: { scrollContainerSelector: "scrollContainerSelector" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: InfinityQueryTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -1248,10 +1321,11 @@ class QueryForm {
         const queryParams = this._activatedRoute.snapshot.queryParams;
         for (const [key, field] of Object.entries(this._fields)) {
             const value = queryParams[key];
-            if (value === undefined) {
+            // We only check using == because the value types can be different (e.g. "1" and 1)
+            if (value === undefined || value == field.control.value) {
                 continue;
             }
-            const deserializedValue = (_c = (_b = (_a = field.data).queryParamTransformFn) === null || _b === void 0 ? void 0 : _b.call(_a, value)) !== null && _c !== void 0 ? _c : value;
+            const deserializedValue = (_c = (_b = (_a = field.data).queryParamToValueTransformFn) === null || _b === void 0 ? void 0 : _b.call(_a, value)) !== null && _c !== void 0 ? _c : value;
             field.setValue(deserializedValue);
         }
     }
@@ -1293,6 +1367,7 @@ class QueryForm {
         return defaultValues;
     }
     _syncViaUrlQueryParams(values) {
+        var _a, _b;
         if (!this._router || !this._activatedRoute) {
             return;
         }
@@ -1302,7 +1377,9 @@ class QueryForm {
                 delete queryParams[key];
             }
             else {
-                queryParams[key] = value;
+                queryParams[key] = this._fields[key].data.valueToQueryParamTransformFn
+                    ? (_b = (_a = this._fields[key].data).valueToQueryParamTransformFn) === null || _b === void 0 ? void 0 : _b.call(_a, value)
+                    : value;
             }
         }
         this._router.navigate([], {
@@ -1384,10 +1461,30 @@ const transformToDateArray = (value) => {
     }
     return null;
 };
+const transformToSort = (value) => {
+    if (typeof value === 'string') {
+        const [active, direction] = value.split(':');
+        return {
+            active,
+            direction: direction,
+        };
+    }
+    return null;
+};
+const transformToSortQueryParam = (value) => {
+    if (typeof value === 'string') {
+        return value;
+    }
+    if (value && typeof value === 'object' && 'active' in value && 'direction' in value) {
+        const valAsSort = value;
+        return valAsSort.direction ? `${valAsSort.active}:${valAsSort.direction}` : null;
+    }
+    return null;
+};
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BasicAuthProvider, BearerAuthProvider, CustomHeaderAuthProvider, INFINITY_QUERY_TOKEN, InfinityQuery, InfinityQueryDirective, InfinityQueryTriggerDirective, Query, QueryClient, QueryDirective, QueryError, QueryField, QueryForm, QueryStore, buildBody, buildErrorMessage, buildGqlCacheKey, buildQueryArrayString, buildQueryString, buildRequestError, buildRoute, buildTimestampFromSeconds, createInfinityQueryConfig, decryptBearer, deepFreeze, def, extractExpiresInSeconds, filterFailure, filterInvalidParams, filterSuccess, gql, guessContentType, invalidBaseRouteError, invalidBodyError, invalidRouteError, isAbortRequestError, isBasicAuthProvider, isBearerAuthProvider, isCustomHeaderAuthProvider, isFetchResponse, isGqlQueryConfig, isParamValid, isQueryStateCancelled, isQueryStateFailure, isQueryStateLoading, isQueryStatePrepared, isQueryStateSuccess, isRequestError, mergeHeaders, pathParamsMissingInRouteFunctionError, queryStateAlreadyHasKeyError, queryStateCannotTransformError, queryStateDoesNotContainKeyError, request, shouldCacheQuery, skipPaginationPageParamCalculator, takeUntilResponse, transformGql, transformMethod, transformToBoolean, transformToBooleanArray, transformToDate, transformToDateArray, transformToNumber, transformToNumberArray, transformToString, transformToStringArray };
+export { BasicAuthProvider, BearerAuthProvider, CustomHeaderAuthProvider, INFINITY_QUERY_TOKEN, InfinityQuery, InfinityQueryDirective, InfinityQueryTriggerDirective, Query, QueryClient, QueryDirective, QueryError, QueryField, QueryForm, QueryStore, buildBody, buildErrorMessage, buildGqlCacheKey, buildQueryArrayString, buildQueryString, buildRequestError, buildRoute, buildTimestampFromSeconds, createInfinityQueryConfig, decryptBearer, deepFreeze, def, extractExpiresInSeconds, filterFailure, filterInvalidParams, filterNull, filterQueryStates, filterSuccess, gql, guessContentType, invalidBaseRouteError, invalidBodyError, invalidRouteError, isAbortRequestError, isBasicAuthProvider, isBearerAuthProvider, isCustomHeaderAuthProvider, isFetchResponse, isGqlQueryConfig, isParamValid, isQueryStateCancelled, isQueryStateFailure, isQueryStateLoading, isQueryStatePrepared, isQueryStateSuccess, isRequestError, mergeHeaders, pathParamsMissingInRouteFunctionError, queryStateAlreadyHasKeyError, queryStateCannotTransformError, queryStateDoesNotContainKeyError, request, shouldCacheQuery, skipPaginationPageParamCalculator, switchQueryState, takeUntilResponse, transformGql, transformMethod, transformToBoolean, transformToBooleanArray, transformToDate, transformToDateArray, transformToNumber, transformToNumberArray, transformToSort, transformToSortQueryParam, transformToString, transformToStringArray };
 //# sourceMappingURL=ethlete-query.mjs.map