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

package/fesm2015/ethlete-query.mjs

@@ -2,35 +2,34 @@ import { __awaiter } from 'tslib';
 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 { DestroyService } from '@ethlete/core';
 import { FormGroup } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';
 
 class CustomHeaderAuthProvider {
+    get header() {
+        return { [this._config.name]: this._config.value };
+    }
     constructor(_config) {
         this._config = _config;
         this.queryClient = null;
     }
-    get header() {
-        return { [this._config.name]: this._config.value };
-    }
     cleanUp() {
         // noop
     }
 }
 
 class BasicAuthProvider {
-    constructor(_config) {
-        this._config = _config;
-        this.queryClient = null;
-    }
     get header() {
         return { Authorization: `Basic ${this._basicAuthString}` };
     }
     get _basicAuthString() {
         return btoa(`${this._config.username}:${this._config.password}`);
     }
+    constructor(_config) {
+        this._config = _config;
+        this.queryClient = null;
+    }
     cleanUp() {
         // noop
     }
@@ -317,6 +316,9 @@ const decryptBearer = (token) => {
 };
 
 class BearerAuthProvider {
+    get header() {
+        return { Authorization: `Bearer ${this._token}` };
+    }
     constructor(_config) {
         var _a, _b;
         this._config = _config;
@@ -332,16 +334,13 @@ class BearerAuthProvider {
             this._setupRefresh(this._config.refreshConfig);
         }
     }
-    get header() {
-        return { Authorization: `Bearer ${this._token}` };
-    }
     cleanUp() {
         var _a;
         (_a = this._refreshTimerSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
         this._refreshTimerSubscription = null;
     }
     _setupRefresh(config) {
-        var _a;
+        var _a, _b;
         const bearer = decryptBearer(this._token);
         if (!bearer) {
             return;
@@ -349,11 +348,12 @@ class BearerAuthProvider {
         const expiresInPropertyName = config.expiresInPropertyName || 'exp';
         const expiresIn = bearer[expiresInPropertyName];
         const fiveMinutes = 5 * 60 * 1000;
+        const refreshBuffer = (_a = config.refreshBuffer) !== null && _a !== void 0 ? _a : fiveMinutes;
         if (expiresIn === undefined) {
             throw new Error(`Bearer token does not contain an '${expiresInPropertyName}' property`);
         }
-        const remainingTime = new Date(expiresIn * 1000).getTime() - fiveMinutes - new Date().getTime();
-        const strategy = (_a = config.strategy) !== null && _a !== void 0 ? _a : "beforeExpiration" /* AuthBearerRefreshStrategy.BeforeExpiration */;
+        const remainingTime = new Date(expiresIn * 1000).getTime() - refreshBuffer - new Date().getTime();
+        const strategy = (_b = config.strategy) !== null && _b !== void 0 ? _b : "beforeExpiration" /* AuthBearerRefreshStrategy.BeforeExpiration */;
         switch (strategy) {
             case "beforeExpiration" /* AuthBearerRefreshStrategy.BeforeExpiration */:
                 this._refreshTimerSubscription = timer(remainingTime).subscribe(() => this._refresh(config));
@@ -361,6 +361,7 @@ class BearerAuthProvider {
         }
     }
     _refresh(config) {
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
             if (!this._refreshToken) {
                 throw new Error('No refresh token found');
@@ -368,13 +369,14 @@ class BearerAuthProvider {
             if (!this.queryClient) {
                 throw new Error('Query client instance is null');
             }
-            const { method, route, bodyAdapter, responseAdapter } = config;
+            const { method, route, requestAdapter, responseAdapter, paramLocation } = config;
+            const data = (_a = requestAdapter === null || requestAdapter === void 0 ? void 0 : requestAdapter(this._refreshToken)) !== null && _a !== void 0 ? _a : { refreshToken: this._refreshToken };
             const fullRoute = buildRoute({
                 base: this.queryClient.config.baseRoute,
                 route,
+                queryParams: paramLocation === 'query' ? data : undefined,
             });
-            const body = bodyAdapter ? bodyAdapter(this._refreshToken) : { refreshToken: this._refreshToken };
-            const requestInit = { body: buildBody(body), method };
+            const requestInit = { body: paramLocation === 'body' ? buildBody(data) : undefined, method };
             this.onRefreshInitiation$.next();
             try {
                 const result = yield request({
@@ -427,31 +429,6 @@ const gql = (strings, ...values) => {
     return str;
 };
 
-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
-    for (const name of propNames) {
-        const value = object[name];
-        if (value && typeof value === 'object') {
-            deepFreeze(value);
-        }
-    }
-    return Object.freeze(object);
-};
-
-/**
- * Dummy function for providing types while not breaking inference.
- * **This function always returns null.**
- * @see https://github.com/microsoft/TypeScript/issues/26242
- * @returns null
- */
-const def = () => null;
-
 function filterSuccess() {
     return function (source) {
         return source.pipe(filter((value) => isQueryStateSuccess(value)));
@@ -506,21 +483,8 @@ const isGqlQueryConfig = (config) => {
 };
 
 class Query {
-    constructor(_client, _queryConfig, _route, _args) {
-        this._client = _client;
-        this._queryConfig = _queryConfig;
-        this._route = _route;
-        this._args = _args;
-        this._currentId = 0;
-        this._abortController = new AbortController();
-        this._pollingSubscription = null;
-        this._state$ = new BehaviorSubject({
-            type: "PREPARED" /* QueryStateType.Prepared */,
-            meta: { id: this._currentId },
-        });
-    }
     get _nextId() {
-        return this._currentId++;
+        return ++this._currentId;
     }
     get state$() {
         return this._state$.asObservable();
@@ -538,6 +502,20 @@ class Query {
         }
         return ts < Date.now();
     }
+    constructor(_client, _queryConfig, _route, _args) {
+        this._client = _client;
+        this._queryConfig = _queryConfig;
+        this._route = _route;
+        this._args = _args;
+        this._currentId = 0;
+        this._abortController = new AbortController();
+        this._pollingSubscription = null;
+        this._onAbort$ = new Subject();
+        this._state$ = new BehaviorSubject({
+            type: "PREPARED" /* QueryStateType.Prepared */,
+            meta: { id: this._currentId },
+        });
+    }
     clone() {
         return this._client.fetch(this._queryConfig);
     }
@@ -553,11 +531,12 @@ class Query {
         if (isQueryStateLoading(this._state$.value)) {
             this.abort();
         }
-        const meta = deepFreeze({ id });
+        const meta = { id };
         this._state$.next({
             type: "LOADING" /* QueryStateType.Loading */,
             meta,
         });
+        this._updateUseResultInDependencies();
         let body = null;
         let contentType = null;
         if (isGqlQueryConfig(this._queryConfig)) {
@@ -622,9 +601,9 @@ class Query {
                 : responseData;
             this._state$.next({
                 type: "SUCCESS" /* QueryStateType.Success */,
-                response: deepFreeze(transformedResponse),
-                rawResponse: deepFreeze(responseData),
-                meta: deepFreeze(Object.assign(Object.assign({}, meta), { expiresAt: response.expiresInTimestamp })),
+                response: transformedResponse,
+                rawResponse: responseData,
+                meta: Object.assign(Object.assign({}, meta), { expiresAt: response.expiresInTimestamp }),
             });
         })
             .catch((error) => this._handleExecuteError(error, meta));
@@ -633,6 +612,7 @@ class Query {
     abort() {
         this._abortController.abort();
         this._abortController = new AbortController();
+        this._onAbort$.next();
         return this;
     }
     poll(config) {
@@ -650,6 +630,28 @@ class Query {
         this._pollingSubscription = null;
         return this;
     }
+    _updateUseResultInDependencies() {
+        var _a, _b;
+        if (!((_b = (_a = this._args) === null || _a === void 0 ? void 0 : _a.useResultIn) === null || _b === void 0 ? void 0 : _b.length)) {
+            return;
+        }
+        this.state$
+            .pipe(filterSuccess(), takeUntil(this._onAbort$), takeUntilResponse(), tap((state) => {
+            var _a;
+            if (!((_a = this._args) === null || _a === void 0 ? void 0 : _a.useResultIn)) {
+                return;
+            }
+            for (const query of this._args.useResultIn) {
+                query._state$.next({
+                    type: "SUCCESS" /* QueryStateType.Success */,
+                    meta: Object.assign(Object.assign({}, state.meta), { id: query._nextId }),
+                    rawResponse: state.rawResponse,
+                    response: state.response,
+                });
+            }
+        }))
+            .subscribe();
+    }
     _handleExecuteError(error, meta) {
         if (isAbortRequestError(error)) {
             this._state$.next({
@@ -671,6 +673,19 @@ class Query {
 }
 
 class QueryDirective {
+    get query() {
+        return this._query;
+    }
+    set query(v) {
+        this._query = v;
+        this._subscribeToQuery();
+    }
+    get cache() {
+        return this._cache;
+    }
+    set cache(v) {
+        this._cache = v;
+    }
     constructor(_mainTemplateRef, _viewContainerRef, _errorHandler, _cdr) {
         this._mainTemplateRef = _mainTemplateRef;
         this._viewContainerRef = _viewContainerRef;
@@ -687,19 +702,6 @@ class QueryDirective {
         };
         this._cache = false;
     }
-    get query() {
-        return this._query;
-    }
-    set query(v) {
-        this._query = v;
-        this._subscribeToQuery();
-    }
-    get cache() {
-        return this._cache;
-    }
-    set cache(v) {
-        this._cache = v;
-    }
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
@@ -753,9 +755,9 @@ class QueryDirective {
         }
     }
 }
-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: [{
+QueryDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", 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.1.0", type: QueryDirective, isStandalone: true, selector: "[query]", inputs: { query: "query", cache: ["queryCache", "cache"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: QueryDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -771,17 +773,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImpor
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 class InfinityQuery {
-    constructor(_config) {
-        var _a, _b;
-        this._config = _config;
-        this._currentPage$ = new BehaviorSubject(null);
-        this._currentCalculatedPage$ = new BehaviorSubject(null);
-        this._totalPages$ = new BehaviorSubject(null);
-        this._itemsPerPage$ = new BehaviorSubject((_b = (_a = this._config.limitParam) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : 10);
-        this._currentQuery$ = new BehaviorSubject(null);
-        this._data$ = new BehaviorSubject([]);
-        this._subscriptions = [];
-    }
     get currentPage$() {
         return this._currentPage$.asObservable();
     }
@@ -818,6 +809,17 @@ class InfinityQuery {
     get data() {
         return this._data$.getValue();
     }
+    constructor(_config) {
+        var _a, _b;
+        this._config = _config;
+        this._currentPage$ = new BehaviorSubject(null);
+        this._currentCalculatedPage$ = new BehaviorSubject(null);
+        this._totalPages$ = new BehaviorSubject(null);
+        this._itemsPerPage$ = new BehaviorSubject((_b = (_a = this._config.limitParam) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : 10);
+        this._currentQuery$ = new BehaviorSubject(null);
+        this._data$ = new BehaviorSubject([]);
+        this._subscriptions = [];
+    }
     nextPage() {
         var _a, _b, _c, _d, _e;
         const newPage = ((_a = this._currentPage$.value) !== null && _a !== void 0 ? _a : 0) + 1;
@@ -934,7 +936,7 @@ class InfinityQueryDirective {
             itemsPerPage: null,
         };
         this._infinityQueryInstance = null;
-        this._destroy$ = inject(DestroyDirective).destroy$;
+        this._destroy$ = inject(DestroyService).destroy$;
         this._cdr = inject(ChangeDetectorRef);
         this._viewContainerRef = inject(ViewContainerRef);
         this._mainTemplateRef = inject((TemplateRef));
@@ -1051,17 +1053,16 @@ class InfinityQueryDirective {
         this._data$.next([]);
     }
 }
-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: [{
+InfinityQueryDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: InfinityQueryDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+InfinityQueryDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0", 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.1.0", 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],
+                    providers: [{ provide: INFINITY_QUERY_TOKEN, useExisting: InfinityQueryDirective }, DestroyService],
                 }]
         }], propDecorators: { infinityQuery: [{
                 type: Input
@@ -1105,9 +1106,9 @@ class InfinityQueryTriggerDirective {
         this._observer.observe(this._elementRef.nativeElement);
     }
 }
-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: [{
+InfinityQueryTriggerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: InfinityQueryTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+InfinityQueryTriggerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.0", type: InfinityQueryTriggerDirective, isStandalone: true, selector: "[infinityQueryTrigger], infinity-query-trigger", inputs: { scrollContainerSelector: "scrollContainerSelector" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.0", ngImport: i0, type: InfinityQueryTriggerDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -1202,6 +1203,12 @@ config, args) => {
 };
 
 class QueryClient {
+    get config() {
+        return this._clientConfig;
+    }
+    get authProvider() {
+        return this._authProvider;
+    }
     constructor(_clientConfig) {
         var _a, _b;
         this._clientConfig = _clientConfig;
@@ -1257,23 +1264,17 @@ class QueryClient {
             enableGarbageCollectorLogging: (_b = _clientConfig.logging) === null || _b === void 0 ? void 0 : _b.queryStateGarbageCollector,
         });
     }
-    get config() {
-        return this._clientConfig;
-    }
-    get authProvider() {
-        return this._authProvider;
-    }
 }
 
 class QueryField {
+    get control() {
+        return this.data.control;
+    }
     constructor(data) {
         this.data = data;
         this.changes$ = this._setupChangesObservable();
         this._currentDebounceTimeout = null;
     }
-    get control() {
-        return this.data.control;
-    }
     setValue(value) {
         if (this._currentDebounceTimeout !== null) {
             clearTimeout(this._currentDebounceTimeout);
@@ -1482,6 +1483,31 @@ const transformToSortQueryParam = (value) => {
     return null;
 };
 
+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
+    for (const name of propNames) {
+        const value = object[name];
+        if (value && typeof value === 'object') {
+            deepFreeze(value);
+        }
+    }
+    return Object.freeze(object);
+};
+
+/**
+ * Dummy function for providing types while not breaking inference.
+ * **This function always returns null.**
+ * @see https://github.com/microsoft/TypeScript/issues/26242
+ * @returns null
+ */
+const def = () => null;
+
 /**
  * Generated bundle index. Do not edit.
  */