@astral/mobx-query 1.5.0 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AdaptableMap/AdaptableMap.d.ts +29 -0
- package/AdaptableMap/AdaptableMap.js +77 -0
- package/AdaptableMap/index.d.ts +1 -0
- package/AdaptableMap/index.js +1 -0
- package/AuxiliaryQuery/AuxiliaryQuery.d.ts +10 -10
- package/AuxiliaryQuery/AuxiliaryQuery.js +8 -8
- package/DataStorage/DataStorage.d.ts +8 -9
- package/DataStorage/DataStorage.js +9 -9
- package/InfiniteQuery/InfiniteQuery.d.ts +38 -25
- package/InfiniteQuery/InfiniteQuery.js +16 -13
- package/MobxQuery/MobxQuery.d.ts +34 -23
- package/MobxQuery/MobxQuery.js +84 -55
- package/Mutation/Mutation.d.ts +6 -6
- package/Mutation/Mutation.js +3 -3
- package/Query/Query.d.ts +32 -19
- package/Query/Query.js +12 -9
- package/QueryContainer/QueryContainer.d.ts +8 -8
- package/QueryContainer/QueryContainer.js +8 -8
- package/README.md +3 -3
- package/StatusStorage/StatusStorage.d.ts +5 -6
- package/StatusStorage/StatusStorage.js +6 -6
- package/StorageFactory/StorageFactory.d.ts +4 -8
- package/StorageFactory/StorageFactory.js +10 -10
- package/package.json +1 -1
- package/types.d.ts +1 -1
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export type SimplifiedMap<TData> = Pick<Map<string, TData>, 'get' | 'delete' | 'has'> & {
|
|
2
|
+
set: (key: string, value: TData) => void;
|
|
3
|
+
};
|
|
4
|
+
/**
|
|
5
|
+
* Фасад для работы с Map, умеющий в конвертацию хранимого значения в "слабое" состояние и в "сильное"
|
|
6
|
+
* По умолчанию все значения хранятся как "слабые".
|
|
7
|
+
* @enum "Слабое" состояние подразумевает то, что хранимое значение сохранено через WeakRef, следовательно, если в системе не останется ссылок на хранимое значение, сборщик мусора сможет удалить это значение из памяти.
|
|
8
|
+
* @enum "Сильное" состояние подразумевает то, что значение хранится как есть, т.е. даже если в системе не останется других ссылок на хранимое значение, сборщик мусора не сможет удалить его из памяти.
|
|
9
|
+
*/
|
|
10
|
+
export declare class AdaptableMap<TData extends {}> implements SimplifiedMap<TData> {
|
|
11
|
+
private strong;
|
|
12
|
+
private weak;
|
|
13
|
+
get: (key: string) => TData | undefined;
|
|
14
|
+
set: (key: string, data: TData) => void;
|
|
15
|
+
delete: (key: string) => boolean;
|
|
16
|
+
has: (key: string) => boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Метод перемещающий значение из одного Map в другой
|
|
19
|
+
*/
|
|
20
|
+
private change;
|
|
21
|
+
/**
|
|
22
|
+
* Метод для конвертации значения из "сильного" в "слабое" состояние
|
|
23
|
+
*/
|
|
24
|
+
convertToWeak: (key: string) => void;
|
|
25
|
+
/**
|
|
26
|
+
* Метод для конвертации значения из "слабого" в "сильное" состояние
|
|
27
|
+
*/
|
|
28
|
+
convertToStrong: (key: string) => void;
|
|
29
|
+
}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Фасад для работы с Map, хранящим значения как WeakRef
|
|
3
|
+
*/
|
|
4
|
+
class WeakRefMap {
|
|
5
|
+
constructor() {
|
|
6
|
+
this.map = new Map();
|
|
7
|
+
this.get = (key) => {
|
|
8
|
+
var _a, _b;
|
|
9
|
+
// Проверка на старые браузеры, не умеющие в WeakRef
|
|
10
|
+
if (!globalThis.WeakRef) {
|
|
11
|
+
return this.map.get(key);
|
|
12
|
+
}
|
|
13
|
+
return (_b = (_a = this.map.get(key)) === null || _a === void 0 ? void 0 : _a.deref) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
14
|
+
};
|
|
15
|
+
this.set = (key, value) => {
|
|
16
|
+
// Проверка на старые браузеры, не умеющие в WeakRef
|
|
17
|
+
if (!globalThis.WeakRef) {
|
|
18
|
+
this.map.set(key, value);
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
this.map.set(key, new globalThis.WeakRef(value));
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
this.delete = (key) => this.map.delete(key);
|
|
25
|
+
this.has = (key) => this.map.has(key);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* Фасад для работы с Map, умеющий в конвертацию хранимого значения в "слабое" состояние и в "сильное"
|
|
30
|
+
* По умолчанию все значения хранятся как "слабые".
|
|
31
|
+
* @enum "Слабое" состояние подразумевает то, что хранимое значение сохранено через WeakRef, следовательно, если в системе не останется ссылок на хранимое значение, сборщик мусора сможет удалить это значение из памяти.
|
|
32
|
+
* @enum "Сильное" состояние подразумевает то, что значение хранится как есть, т.е. даже если в системе не останется других ссылок на хранимое значение, сборщик мусора не сможет удалить его из памяти.
|
|
33
|
+
*/
|
|
34
|
+
export class AdaptableMap {
|
|
35
|
+
constructor() {
|
|
36
|
+
this.strong = new Map();
|
|
37
|
+
this.weak = new WeakRefMap();
|
|
38
|
+
this.get = (key) => {
|
|
39
|
+
if (this.strong.has(key)) {
|
|
40
|
+
return this.strong.get(key);
|
|
41
|
+
}
|
|
42
|
+
return this.weak.get(key);
|
|
43
|
+
};
|
|
44
|
+
this.set = (key, data) => {
|
|
45
|
+
this.weak.set(key, data);
|
|
46
|
+
};
|
|
47
|
+
this.delete = (key) => {
|
|
48
|
+
// если успешно удалилось в "слабом" хранилище, тогда в "сильном" уже не имеет смысла удалять.
|
|
49
|
+
return this.weak.delete(key) || this.strong.delete(key);
|
|
50
|
+
};
|
|
51
|
+
this.has = (key) => {
|
|
52
|
+
return Boolean(this.weak.get(key)) || this.strong.has(key);
|
|
53
|
+
};
|
|
54
|
+
/**
|
|
55
|
+
* Метод перемещающий значение из одного Map в другой
|
|
56
|
+
*/
|
|
57
|
+
this.change = (key, from, to) => {
|
|
58
|
+
const query = this.get(key);
|
|
59
|
+
if (query) {
|
|
60
|
+
from.delete(key);
|
|
61
|
+
to.set(key, query);
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
/**
|
|
65
|
+
* Метод для конвертации значения из "сильного" в "слабое" состояние
|
|
66
|
+
*/
|
|
67
|
+
this.convertToWeak = (key) => {
|
|
68
|
+
this.change(key, this.strong, this.weak);
|
|
69
|
+
};
|
|
70
|
+
/**
|
|
71
|
+
* Метод для конвертации значения из "слабого" в "сильное" состояние
|
|
72
|
+
*/
|
|
73
|
+
this.convertToStrong = (key) => {
|
|
74
|
+
this.change(key, this.weak, this.strong);
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './AdaptableMap';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './AdaptableMap';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { type StatusStorage } from '../StatusStorage';
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
3
|
+
* Испольнитель запроса
|
|
4
4
|
*/
|
|
5
5
|
type Executor<TResult> = () => Promise<TResult>;
|
|
6
6
|
/**
|
|
7
|
-
*
|
|
7
|
+
* Вспомогательное хранилище данных, для композиции в Query сторах,
|
|
8
8
|
* содержащее флаги загрузки и ошибки,
|
|
9
9
|
* колбэки на успешный запрос и на ошибку,
|
|
10
10
|
* данные последней ошибки,
|
|
@@ -14,41 +14,41 @@ export declare class AuxiliaryQuery<TResult, TError = void> {
|
|
|
14
14
|
private readonly statusStorage;
|
|
15
15
|
private readonly backgroundStatusStorage;
|
|
16
16
|
/**
|
|
17
|
-
*
|
|
17
|
+
* Флаг, обозначающий простаивание, т.е. запроса еще не было
|
|
18
18
|
*/
|
|
19
19
|
isIdle: boolean;
|
|
20
20
|
/**
|
|
21
|
-
*
|
|
21
|
+
* Единый промис, для устранения гонки запросов
|
|
22
22
|
*/
|
|
23
23
|
private unifiedPromise?;
|
|
24
24
|
/**
|
|
25
|
-
*
|
|
25
|
+
* Флаг, по которому реактивно определяется необходимость запуска инвалидации
|
|
26
26
|
*/
|
|
27
27
|
isInvalid: boolean;
|
|
28
28
|
constructor(statusStorage: StatusStorage<TError>, backgroundStatusStorage: StatusStorage<TError> | null);
|
|
29
29
|
/**
|
|
30
|
-
*
|
|
30
|
+
* Метод ответственный за создание единого промиса,
|
|
31
31
|
* для устранения гонки запросов
|
|
32
32
|
*/
|
|
33
33
|
getUnifiedPromise: (executor: Executor<TResult>) => Promise<TResult>;
|
|
34
34
|
private setSuccess;
|
|
35
35
|
private checkBackgroundAndSet;
|
|
36
36
|
/**
|
|
37
|
-
*
|
|
37
|
+
* Обработчик успешного ответа
|
|
38
38
|
*/
|
|
39
39
|
submitSuccess: () => void;
|
|
40
40
|
private setError;
|
|
41
41
|
/**
|
|
42
|
-
*
|
|
42
|
+
* Обработчик ошибки
|
|
43
43
|
*/
|
|
44
44
|
submitError: (error: TError) => void;
|
|
45
45
|
private setLoading;
|
|
46
46
|
/**
|
|
47
|
-
*
|
|
47
|
+
* Метод, вызываемый в самом начале запроса, чтобы сбросить флаги в соответствующее значение
|
|
48
48
|
*/
|
|
49
49
|
startLoading: () => void;
|
|
50
50
|
/**
|
|
51
|
-
*
|
|
51
|
+
* Метод для инвалидации данных
|
|
52
52
|
*/
|
|
53
53
|
invalidate: () => void;
|
|
54
54
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { action, makeObservable, observable, runInAction } from 'mobx';
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
3
|
+
* Вспомогательное хранилище данных, для композиции в Query сторах,
|
|
4
4
|
* содержащее флаги загрузки и ошибки,
|
|
5
5
|
* колбэки на успешный запрос и на ошибку,
|
|
6
6
|
* данные последней ошибки,
|
|
@@ -11,15 +11,15 @@ export class AuxiliaryQuery {
|
|
|
11
11
|
this.statusStorage = statusStorage;
|
|
12
12
|
this.backgroundStatusStorage = backgroundStatusStorage;
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* Флаг, обозначающий простаивание, т.е. запроса еще не было
|
|
15
15
|
*/
|
|
16
16
|
this.isIdle = true;
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* Флаг, по которому реактивно определяется необходимость запуска инвалидации
|
|
19
19
|
*/
|
|
20
20
|
this.isInvalid = false;
|
|
21
21
|
/**
|
|
22
|
-
*
|
|
22
|
+
* Метод ответственный за создание единого промиса,
|
|
23
23
|
* для устранения гонки запросов
|
|
24
24
|
*/
|
|
25
25
|
this.getUnifiedPromise = (executor) => {
|
|
@@ -59,7 +59,7 @@ export class AuxiliaryQuery {
|
|
|
59
59
|
}
|
|
60
60
|
};
|
|
61
61
|
/**
|
|
62
|
-
*
|
|
62
|
+
* Обработчик успешного ответа
|
|
63
63
|
*/
|
|
64
64
|
this.submitSuccess = () => {
|
|
65
65
|
this.checkBackgroundAndSet(this.setSuccess);
|
|
@@ -71,7 +71,7 @@ export class AuxiliaryQuery {
|
|
|
71
71
|
storage.error = error;
|
|
72
72
|
};
|
|
73
73
|
/**
|
|
74
|
-
*
|
|
74
|
+
* Обработчик ошибки
|
|
75
75
|
*/
|
|
76
76
|
this.submitError = (error) => {
|
|
77
77
|
this.checkBackgroundAndSet((storage) => this.setError(storage, error));
|
|
@@ -82,14 +82,14 @@ export class AuxiliaryQuery {
|
|
|
82
82
|
storage.isSuccess = false;
|
|
83
83
|
};
|
|
84
84
|
/**
|
|
85
|
-
*
|
|
85
|
+
* Метод, вызываемый в самом начале запроса, чтобы сбросить флаги в соответствующее значение
|
|
86
86
|
*/
|
|
87
87
|
this.startLoading = () => {
|
|
88
88
|
this.isIdle = false;
|
|
89
89
|
this.checkBackgroundAndSet(this.setLoading);
|
|
90
90
|
};
|
|
91
91
|
/**
|
|
92
|
-
*
|
|
92
|
+
* Метод для инвалидации данных
|
|
93
93
|
*/
|
|
94
94
|
this.invalidate = () => {
|
|
95
95
|
this.isInvalid = true;
|
|
@@ -1,34 +1,33 @@
|
|
|
1
|
-
import type { CacheKey } from '../types';
|
|
2
1
|
import { StorageFactory } from '../StorageFactory';
|
|
3
2
|
/**
|
|
4
|
-
*
|
|
3
|
+
* Хранилище данных, предназначено для обеспечения единого интерфейса при работе с данными
|
|
5
4
|
*/
|
|
6
5
|
export declare class DataStorage<TData> {
|
|
7
6
|
/**
|
|
8
|
-
*
|
|
7
|
+
* Поле, отвечающее за непосредственное хранение данных
|
|
9
8
|
*/
|
|
10
9
|
private internalData?;
|
|
11
10
|
constructor();
|
|
12
11
|
/**
|
|
13
|
-
*
|
|
12
|
+
* Флаг, отображающий наличие данных
|
|
14
13
|
*/
|
|
15
14
|
get hasData(): boolean;
|
|
16
15
|
/**
|
|
17
|
-
*
|
|
16
|
+
* Метод для установки данных
|
|
18
17
|
*/
|
|
19
18
|
setData: (value: TData) => void;
|
|
20
19
|
/**
|
|
21
|
-
*
|
|
20
|
+
* Геттер данных
|
|
22
21
|
*/
|
|
23
22
|
get data(): TData | undefined;
|
|
24
23
|
}
|
|
25
24
|
/**
|
|
26
|
-
*
|
|
25
|
+
* Фабрика ответственная за создание и хранение экземляров хранилищ
|
|
27
26
|
*/
|
|
28
27
|
export declare class DataStorageFactory extends StorageFactory<DataStorage<unknown>> {
|
|
29
28
|
constructor();
|
|
30
29
|
/**
|
|
31
|
-
*
|
|
30
|
+
* Фабричный метод получения/создания инстанса хранилища по ключу
|
|
32
31
|
*/
|
|
33
|
-
getStorage: <TData>(
|
|
32
|
+
getStorage: <TData>(keyHash: string) => DataStorage<TData>;
|
|
34
33
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { makeAutoObservable } from 'mobx';
|
|
2
2
|
import { StorageFactory } from '../StorageFactory';
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* Хранилище данных, предназначено для обеспечения единого интерфейса при работе с данными
|
|
5
5
|
*/
|
|
6
6
|
export class DataStorage {
|
|
7
7
|
constructor() {
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* Поле, отвечающее за непосредственное хранение данных
|
|
10
10
|
*/
|
|
11
11
|
this.internalData = undefined;
|
|
12
12
|
/**
|
|
13
|
-
*
|
|
13
|
+
* Метод для установки данных
|
|
14
14
|
*/
|
|
15
15
|
this.setData = (value) => {
|
|
16
16
|
this.internalData = value;
|
|
@@ -18,29 +18,29 @@ export class DataStorage {
|
|
|
18
18
|
makeAutoObservable(this);
|
|
19
19
|
}
|
|
20
20
|
/**
|
|
21
|
-
*
|
|
21
|
+
* Флаг, отображающий наличие данных
|
|
22
22
|
*/
|
|
23
23
|
get hasData() {
|
|
24
24
|
return Boolean(this.internalData);
|
|
25
25
|
}
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
27
|
+
* Геттер данных
|
|
28
28
|
*/
|
|
29
29
|
get data() {
|
|
30
30
|
return this.internalData;
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
/**
|
|
34
|
-
*
|
|
34
|
+
* Фабрика ответственная за создание и хранение экземляров хранилищ
|
|
35
35
|
*/
|
|
36
36
|
export class DataStorageFactory extends StorageFactory {
|
|
37
37
|
constructor() {
|
|
38
38
|
super(() => new DataStorage());
|
|
39
39
|
/**
|
|
40
|
-
*
|
|
40
|
+
* Фабричный метод получения/создания инстанса хранилища по ключу
|
|
41
41
|
*/
|
|
42
|
-
this.getStorage = (
|
|
43
|
-
return this.getInternalStorage(
|
|
42
|
+
this.getStorage = (keyHash) => {
|
|
43
|
+
return this.getInternalStorage(keyHash);
|
|
44
44
|
};
|
|
45
45
|
}
|
|
46
46
|
}
|
|
@@ -9,111 +9,124 @@ export type InfiniteParams = {
|
|
|
9
9
|
count: number;
|
|
10
10
|
};
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
12
|
+
* Исполнитель запроса, ожидается,
|
|
13
13
|
* что будет использоваться что-то возвращающее массив данных
|
|
14
14
|
*/
|
|
15
15
|
export type InfiniteExecutor<TResult> = (params: InfiniteParams) => Promise<Array<TResult>>;
|
|
16
16
|
export type InfiniteQueryParams<TResult, TError, TIsBackground extends boolean = false> = {
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* Количество запрашиваемых элементов
|
|
19
19
|
* @default 30
|
|
20
20
|
*/
|
|
21
21
|
incrementCount?: number;
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* Обработчик ошибки, вызываемый по умолчанию
|
|
24
24
|
*/
|
|
25
25
|
onError?: SyncParams<TResult, TError>['onError'];
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
27
|
+
* Флаг, отвечающий за автоматический запрос данных при обращении к полю data
|
|
28
28
|
*/
|
|
29
29
|
enabledAutoFetch?: boolean;
|
|
30
30
|
/**
|
|
31
|
-
*
|
|
31
|
+
* Инстанс хранилища основных статусов
|
|
32
32
|
*/
|
|
33
33
|
statusStorage: StatusStorage<TError>;
|
|
34
|
+
/**
|
|
35
|
+
* Политика получения данных.
|
|
36
|
+
* @enum cache-first - данные сначала берутся из кеша, если их нет, тогда идет обращение к сети, ответ записывается в кэш
|
|
37
|
+
* @enum network-only - данные всегда берутся из сети, при этом ответ записывается в кэш
|
|
38
|
+
*/
|
|
34
39
|
fetchPolicy?: FetchPolicy;
|
|
35
40
|
/**
|
|
36
|
-
*
|
|
41
|
+
* Инстанс хранилища данных
|
|
37
42
|
*/
|
|
38
43
|
dataStorage: DataStorage<TResult[]>;
|
|
39
44
|
/**
|
|
40
|
-
*
|
|
45
|
+
* Инстанс хранилища фоновых статусов
|
|
41
46
|
*/
|
|
42
47
|
backgroundStatusStorage?: TIsBackground extends true ? StatusStorage<TError> : null | undefined;
|
|
48
|
+
/**
|
|
49
|
+
* Колбэк, вызываемый при успешном завершении запроса, подразумевается использование, для подтверждения валидности данных, чтобы квери не был удален из памяти
|
|
50
|
+
*/
|
|
51
|
+
submitValidity?: () => void;
|
|
43
52
|
};
|
|
44
53
|
/**
|
|
45
|
-
*
|
|
54
|
+
* Квери для работы с инфинити запросами,
|
|
46
55
|
* которые должны быть закешированы,
|
|
47
56
|
*/
|
|
48
57
|
export declare class InfiniteQuery<TResult, TError = void, TIsBackground extends boolean = false> extends QueryContainer<TError, AuxiliaryQuery<Array<TResult>, TError>, TIsBackground> implements QueryBaseActions<Array<TResult>, TError> {
|
|
49
58
|
private readonly executor;
|
|
50
59
|
/**
|
|
51
|
-
*
|
|
60
|
+
* Счетчик отступа для инфинити запроса
|
|
52
61
|
*/
|
|
53
62
|
private offset;
|
|
54
63
|
/**
|
|
55
|
-
*
|
|
64
|
+
* Количество запрашиваемых элементов
|
|
56
65
|
*/
|
|
57
66
|
private readonly incrementCount;
|
|
58
67
|
/**
|
|
59
|
-
*
|
|
68
|
+
* Хранилище данных, для обеспечения возможности синхронизации данных между разными инстансами
|
|
60
69
|
*/
|
|
61
70
|
private storage;
|
|
62
71
|
/**
|
|
63
|
-
*
|
|
72
|
+
* Флаг того, что мы достигли предела запрашиваемых элементов
|
|
64
73
|
*/
|
|
65
74
|
isEndReached: boolean;
|
|
66
75
|
/**
|
|
67
|
-
*
|
|
76
|
+
* Обработчик ошибки, вызываемый по умолчанию
|
|
68
77
|
*/
|
|
69
78
|
private defaultOnError?;
|
|
70
79
|
/**
|
|
71
|
-
*
|
|
80
|
+
* Флаг, отвечающий за автоматический запрос данных при обращении к полю data
|
|
72
81
|
*/
|
|
73
82
|
private enabledAutoFetch?;
|
|
74
83
|
/**
|
|
75
|
-
*
|
|
84
|
+
* Стандартное поведение политики кеширования
|
|
76
85
|
*/
|
|
77
86
|
private readonly defaultFetchPolicy?;
|
|
78
|
-
|
|
87
|
+
/**
|
|
88
|
+
* Колбэк, вызываемый при успешном завершении запроса, подразумевается использование, для подтверждения валидности данных, чтобы квери не был удален из памяти
|
|
89
|
+
*/
|
|
90
|
+
private readonly submitValidity?;
|
|
91
|
+
constructor(executor: InfiniteExecutor<TResult>, { incrementCount, onError, enabledAutoFetch, fetchPolicy, dataStorage, statusStorage, backgroundStatusStorage, submitValidity, }: InfiniteQueryParams<TResult, TError, TIsBackground>);
|
|
79
92
|
private get isNetworkOnly();
|
|
80
93
|
/**
|
|
81
|
-
*
|
|
94
|
+
* Обработчик успешного запроса, проверяет что мы достигли предела
|
|
82
95
|
*/
|
|
83
96
|
private submitSuccess;
|
|
84
97
|
/**
|
|
85
|
-
*
|
|
98
|
+
* Форс метод для установки данных
|
|
86
99
|
*/
|
|
87
100
|
forceUpdate: (data: TResult[]) => void;
|
|
88
101
|
/**
|
|
89
|
-
*
|
|
102
|
+
* Метод для обогащения параметров текущими значениями для инфинити
|
|
90
103
|
*/
|
|
91
104
|
private get infiniteExecutor();
|
|
92
105
|
/**
|
|
93
|
-
*
|
|
106
|
+
* Метод для инвалидации данных
|
|
94
107
|
*/
|
|
95
108
|
invalidate: () => void;
|
|
96
109
|
/**
|
|
97
|
-
*
|
|
110
|
+
* Метод для запроса следующего набора данных
|
|
98
111
|
*/
|
|
99
112
|
fetchMore: () => void;
|
|
100
113
|
/**
|
|
101
|
-
*
|
|
114
|
+
* Синхронный метод получения данных
|
|
102
115
|
*/
|
|
103
116
|
sync: Sync<Array<TResult>, TError>;
|
|
104
117
|
/**
|
|
105
|
-
*
|
|
118
|
+
* Метод для переиспользования синхронной логики запроса
|
|
106
119
|
*/
|
|
107
120
|
private proceedSync;
|
|
108
121
|
/**
|
|
109
|
-
*
|
|
122
|
+
* Асинхронный метод получения данных,
|
|
110
123
|
* подходит для изменения параметров запроса(фильтров),
|
|
111
124
|
* при котором будет сброшен offset,
|
|
112
125
|
* предполагается, что нужно будет самостоятельно обрабатывать ошибку
|
|
113
126
|
*/
|
|
114
127
|
async: () => Promise<TResult[]>;
|
|
115
128
|
/**
|
|
116
|
-
*
|
|
129
|
+
* Вычисляемое свойство, содержащее реактивные данные,
|
|
117
130
|
* благодаря mobx, при изменении isInvalid, свойство будет вычисляться заново,
|
|
118
131
|
* следовательно, стриггерится условие невалидности,
|
|
119
132
|
* и начнется запрос, в результате которого, данные обновятся
|
|
@@ -3,31 +3,33 @@ import { AuxiliaryQuery } from '../AuxiliaryQuery';
|
|
|
3
3
|
import { QueryContainer } from '../QueryContainer';
|
|
4
4
|
export const DEFAULT_INFINITE_ITEMS_COUNT = 30;
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
6
|
+
* Квери для работы с инфинити запросами,
|
|
7
7
|
* которые должны быть закешированы,
|
|
8
8
|
*/
|
|
9
9
|
export class InfiniteQuery extends QueryContainer {
|
|
10
|
-
constructor(executor, { incrementCount = DEFAULT_INFINITE_ITEMS_COUNT, onError, enabledAutoFetch, fetchPolicy, dataStorage, statusStorage, backgroundStatusStorage = null, }) {
|
|
10
|
+
constructor(executor, { incrementCount = DEFAULT_INFINITE_ITEMS_COUNT, onError, enabledAutoFetch, fetchPolicy, dataStorage, statusStorage, backgroundStatusStorage = null, submitValidity, }) {
|
|
11
11
|
super(statusStorage, backgroundStatusStorage, new AuxiliaryQuery(statusStorage, backgroundStatusStorage));
|
|
12
12
|
this.executor = executor;
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
14
|
+
* Счетчик отступа для инфинити запроса
|
|
15
15
|
*/
|
|
16
16
|
this.offset = 0;
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* Флаг того, что мы достигли предела запрашиваемых элементов
|
|
19
19
|
*/
|
|
20
20
|
this.isEndReached = false;
|
|
21
21
|
/**
|
|
22
|
-
*
|
|
22
|
+
* Обработчик успешного запроса, проверяет что мы достигли предела
|
|
23
23
|
*/
|
|
24
24
|
this.submitSuccess = (result, onSuccess, isIncrement) => {
|
|
25
|
+
var _a;
|
|
25
26
|
onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(result);
|
|
26
27
|
if (isIncrement && this.storage.hasData) {
|
|
27
28
|
this.storage.setData([...this.storage.data, ...result]);
|
|
28
29
|
}
|
|
29
30
|
else {
|
|
30
31
|
this.storage.setData(result);
|
|
32
|
+
(_a = this.submitValidity) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
31
33
|
}
|
|
32
34
|
// убеждаемся что результат запроса действительно массив,
|
|
33
35
|
// и если количество элементов в ответе меньше,
|
|
@@ -41,7 +43,7 @@ export class InfiniteQuery extends QueryContainer {
|
|
|
41
43
|
}
|
|
42
44
|
};
|
|
43
45
|
/**
|
|
44
|
-
*
|
|
46
|
+
* Форс метод для установки данных
|
|
45
47
|
*/
|
|
46
48
|
this.forceUpdate = (data) => {
|
|
47
49
|
this.offset = 0;
|
|
@@ -50,13 +52,13 @@ export class InfiniteQuery extends QueryContainer {
|
|
|
50
52
|
this.submitSuccess(data);
|
|
51
53
|
};
|
|
52
54
|
/**
|
|
53
|
-
*
|
|
55
|
+
* Метод для инвалидации данных
|
|
54
56
|
*/
|
|
55
57
|
this.invalidate = () => {
|
|
56
58
|
this.auxiliary.invalidate();
|
|
57
59
|
};
|
|
58
60
|
/**
|
|
59
|
-
*
|
|
61
|
+
* Метод для запроса следующего набора данных
|
|
60
62
|
*/
|
|
61
63
|
this.fetchMore = () => {
|
|
62
64
|
// если мы еще не достигли предела
|
|
@@ -72,7 +74,7 @@ export class InfiniteQuery extends QueryContainer {
|
|
|
72
74
|
}
|
|
73
75
|
};
|
|
74
76
|
/**
|
|
75
|
-
*
|
|
77
|
+
* Синхронный метод получения данных
|
|
76
78
|
*/
|
|
77
79
|
this.sync = (params) => {
|
|
78
80
|
const isInstanceAllow = !(this.isLoading || this.isSuccess);
|
|
@@ -81,7 +83,7 @@ export class InfiniteQuery extends QueryContainer {
|
|
|
81
83
|
}
|
|
82
84
|
};
|
|
83
85
|
/**
|
|
84
|
-
*
|
|
86
|
+
* Метод для переиспользования синхронной логики запроса
|
|
85
87
|
*/
|
|
86
88
|
this.proceedSync = ({ onSuccess, onError, } = {}) => {
|
|
87
89
|
this.offset = 0;
|
|
@@ -102,7 +104,7 @@ export class InfiniteQuery extends QueryContainer {
|
|
|
102
104
|
});
|
|
103
105
|
};
|
|
104
106
|
/**
|
|
105
|
-
*
|
|
107
|
+
* Асинхронный метод получения данных,
|
|
106
108
|
* подходит для изменения параметров запроса(фильтров),
|
|
107
109
|
* при котором будет сброшен offset,
|
|
108
110
|
* предполагается, что нужно будет самостоятельно обрабатывать ошибку
|
|
@@ -129,6 +131,7 @@ export class InfiniteQuery extends QueryContainer {
|
|
|
129
131
|
this.defaultOnError = onError;
|
|
130
132
|
this.enabledAutoFetch = enabledAutoFetch;
|
|
131
133
|
this.defaultFetchPolicy = fetchPolicy;
|
|
134
|
+
this.submitValidity = submitValidity;
|
|
132
135
|
makeObservable(this, {
|
|
133
136
|
data: computed,
|
|
134
137
|
infiniteExecutor: computed,
|
|
@@ -143,7 +146,7 @@ export class InfiniteQuery extends QueryContainer {
|
|
|
143
146
|
return this.defaultFetchPolicy === 'network-only';
|
|
144
147
|
}
|
|
145
148
|
/**
|
|
146
|
-
*
|
|
149
|
+
* Метод для обогащения параметров текущими значениями для инфинити
|
|
147
150
|
*/
|
|
148
151
|
get infiniteExecutor() {
|
|
149
152
|
return () => this.executor({
|
|
@@ -152,7 +155,7 @@ export class InfiniteQuery extends QueryContainer {
|
|
|
152
155
|
});
|
|
153
156
|
}
|
|
154
157
|
/**
|
|
155
|
-
*
|
|
158
|
+
* Вычисляемое свойство, содержащее реактивные данные,
|
|
156
159
|
* благодаря mobx, при изменении isInvalid, свойство будет вычисляться заново,
|
|
157
160
|
* следовательно, стриггерится условие невалидности,
|
|
158
161
|
* и начнется запрос, в результате которого, данные обновятся
|