@astral/mobx-query 1.13.2 → 1.15.0

package/InfiniteQuery/InfiniteQuery.d.ts

@@ -11,6 +11,7 @@ export type InfiniteParams = {
 export type InfiniteDataStorage<TResult> = DataStorage<{
     data: TResult[];
     offset: number;
+    isEndReached: boolean;
 }>;
 /**
  * Исполнитель запроса, ожидается,
@@ -68,10 +69,6 @@ export declare class InfiniteQuery<TResult, TError = void, TIsBackground extends
      * Хранилище данных, для обеспечения возможности синхронизации данных между разными инстансами
      */
     private storage;
-    /**
-     * Флаг того, что мы достигли предела запрашиваемых элементов
-     */
-    isEndReached: boolean;
     /**
      * Обработчик ошибки, вызываемый по умолчанию
      */
@@ -98,6 +95,11 @@ export declare class InfiniteQuery<TResult, TError = void, TIsBackground extends
      * Обработчик успешного запроса, проверяет что мы достигли предела
      */
     private submitSuccess;
+    /**
+     * Флаг того, что мы достигли предела запрашиваемых элементов
+     */
+    get isEndReached(): boolean;
+    private calcIsEndReachedByResult;
     /**
      * Форс метод для установки данных
      */

package/InfiniteQuery/InfiniteQuery.js

@@ -1,4 +1,4 @@
-import { action, computed, makeObservable, observable, when } from 'mobx';
+import { action, computed, makeObservable, when } from 'mobx';
 import { AuxiliaryQuery } from '../AuxiliaryQuery';
 import { QueryContainer } from '../QueryContainer';
 export const DEFAULT_INFINITE_ITEMS_COUNT = 30;
@@ -10,26 +10,19 @@ export class InfiniteQuery extends QueryContainer {
     constructor(executor, { incrementCount = DEFAULT_INFINITE_ITEMS_COUNT, onError, enabledAutoFetch, fetchPolicy, dataStorage, statusStorage, backgroundStatusStorage = null, submitValidity, }) {
         super(statusStorage, backgroundStatusStorage, new AuxiliaryQuery(statusStorage, backgroundStatusStorage));
         this.executor = executor;
-        /**
-         * Флаг того, что мы достигли предела запрашиваемых элементов
-         */
-        this.isEndReached = false;
         /**
          * Обработчик успешного запроса, проверяет что мы достигли предела
          */
-        this.submitSuccess = (result, onSuccess, isIncrement) => {
+        this.submitSuccess = (result, isEndReached) => {
             var _a;
-            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(result);
-            if (isIncrement && this.storage.hasData) {
-                this.storage.setData((current) => ({
-                    offset: current === null || current === void 0 ? void 0 : current.offset,
-                    data: [...current === null || current === void 0 ? void 0 : current.data, ...result],
-                }));
-            }
-            else {
-                this.storage.setData({ offset: 0, data: result });
-                (_a = this.submitValidity) === null || _a === void 0 ? void 0 : _a.call(this);
-            }
+            this.storage.setData((current) => ({
+                offset: current === null || current === void 0 ? void 0 : current.offset,
+                data: result,
+                isEndReached,
+            }));
+            (_a = this.submitValidity) === null || _a === void 0 ? void 0 : _a.call(this);
+        };
+        this.calcIsEndReachedByResult = (result) => {
             // убеждаемся что результат запроса действительно массив,
             // и если количество элементов в ответе меньше,
             // чем запрашивалось, значит у бэка их больше нет,
@@ -37,9 +30,9 @@ export class InfiniteQuery extends QueryContainer {
             // когда последняя отданная страница содержит ровно то количество,
             // сколько может содержать страница, а следующая уже просто пустая.
             if (Array.isArray(result) && result.length < this.incrementCount) {
-                // включаем флаг достижения предела
-                this.isEndReached = true;
+                return true;
             }
+            return false;
         };
         /**
          * Форс метод для установки данных
@@ -48,10 +41,10 @@ export class InfiniteQuery extends QueryContainer {
             var _a;
             this.auxiliary.submitSuccess();
             if (typeof param === 'function') {
-                this.submitSuccess(param((_a = this.storage.data) === null || _a === void 0 ? void 0 : _a.data));
+                this.submitSuccess(param((_a = this.storage.data) === null || _a === void 0 ? void 0 : _a.data), this.isEndReached);
             }
             else {
-                this.submitSuccess(param);
+                this.submitSuccess(param, this.isEndReached);
             }
         };
         /**
@@ -72,12 +65,14 @@ export class InfiniteQuery extends QueryContainer {
                     return ({
                         offset: ((_a = current === null || current === void 0 ? void 0 : current.offset) !== null && _a !== void 0 ? _a : 0) + this.incrementCount,
                         data: current === null || current === void 0 ? void 0 : current.data,
+                        isEndReached: Boolean(current === null || current === void 0 ? void 0 : current.isEndReached),
                     });
                 });
                 // запускаем запрос с последними параметрами, и флагом необходимости инкремента
                 this.auxiliary
                     .getUnifiedPromise(this.infiniteExecutor, (resData) => {
-                    this.submitSuccess(resData, undefined, true);
+                    var _a;
+                    this.submitSuccess([...(_a = this.storage.data) === null || _a === void 0 ? void 0 : _a.data, ...resData], this.calcIsEndReachedByResult(resData));
                 })
                     .catch((e) => { var _a; return (_a = this.defaultOnError) === null || _a === void 0 ? void 0 : _a.call(this, e); });
             }
@@ -100,11 +95,15 @@ export class InfiniteQuery extends QueryContainer {
          * Метод для переиспользования синхронной логики запроса
          */
         this.proceedSync = ({ onSuccess, onError, } = {}) => {
-            this.storage.setData((current) => ({ offset: 0, data: current === null || current === void 0 ? void 0 : current.data }));
-            this.isEndReached = false;
+            this.storage.setData((current) => ({
+                offset: 0,
+                data: current === null || current === void 0 ? void 0 : current.data,
+                isEndReached: false,
+            }));
             this.auxiliary
                 .getUnifiedPromise(this.infiniteExecutor, (resData) => {
-                this.submitSuccess(resData, onSuccess);
+                onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(resData);
+                this.submitSuccess(resData, this.calcIsEndReachedByResult(resData));
             })
                 .catch((e) => {
                 var _a;
@@ -130,9 +129,12 @@ export class InfiniteQuery extends QueryContainer {
             if (!this.isNetworkOnly && this.isSuccess && !this.auxiliary.isInvalid) {
                 return Promise.resolve((_a = this.storage.data) === null || _a === void 0 ? void 0 : _a.data);
             }
-            this.storage.setData((current) => ({ offset: 0, data: current === null || current === void 0 ? void 0 : current.data }));
-            this.isEndReached = false;
-            return this.auxiliary.getUnifiedPromise(this.infiniteExecutor, this.submitSuccess);
+            this.storage.setData((current) => ({
+                offset: 0,
+                data: current === null || current === void 0 ? void 0 : current.data,
+                isEndReached: false,
+            }));
+            return this.auxiliary.getUnifiedPromise(this.infiniteExecutor, (data) => this.submitSuccess(data, this.calcIsEndReachedByResult(data)));
         };
         this.storage = dataStorage;
         this.incrementCount = incrementCount;
@@ -148,7 +150,7 @@ export class InfiniteQuery extends QueryContainer {
             sync: action,
             fetchMore: action,
             submitSuccess: action,
-            isEndReached: observable,
+            isEndReached: computed,
         });
     }
     get isNetworkOnly() {
@@ -161,6 +163,13 @@ export class InfiniteQuery extends QueryContainer {
         var _a, _b;
         return (_b = (_a = this.storage.data) === null || _a === void 0 ? void 0 : _a.offset) !== null && _b !== void 0 ? _b : 0;
     }
+    /**
+     * Флаг того, что мы достигли предела запрашиваемых элементов
+     */
+    get isEndReached() {
+        var _a;
+        return Boolean((_a = this.storage.data) === null || _a === void 0 ? void 0 : _a.isEndReached);
+    }
     /**
      * Метод для обогащения параметров текущими значениями для инфинити
      */

package/MobxQuery/MobxQuery.d.ts

@@ -8,6 +8,13 @@ import type { CacheKey, FetchPolicy } from '../types';
  * будет вызван, если при вызове sync не был передан отдельный onError параметр
  */
 type OnError<TError = unknown> = (error: TError) => void;
+type WithSynchronization = {
+    /**
+     * Флаг, отвечающий за синхронизацию данных между инстансами одной и той же квери в разных вкладках браузера
+     * @default либо значение переданное при создании MobxQuery, либо false
+     */
+    enabledSynchronization?: boolean;
+};
 type MobxQueryParams = {
     /**
      * Политика получения данных по умолчанию.
@@ -24,6 +31,11 @@ type MobxQueryParams = {
      * @default false
      */
     enabledAutoFetch?: boolean;
+    /**
+     * Флаг, отвечающий за синхронизацию данных между инстансами одной и той же квери в разных вкладках браузера
+     * @default false
+     */
+    enabledSynchronization?: boolean;
 };
 export type CreateQueryParams<TResult, TError, TIsBackground extends boolean> = Omit<QueryParams<TResult, TError, TIsBackground>, 'dataStorage' | 'statusStorage' | 'backgroundStatusStorage' | 'submitValidity'> & {
     /**
@@ -31,14 +43,14 @@ export type CreateQueryParams<TResult, TError, TIsBackground extends boolean> =
      * @default false
      */
     isBackground?: TIsBackground;
-};
+} & WithSynchronization;
 export type CreateInfiniteQueryParams<TResult, TError, TIsBackground extends boolean> = Omit<InfiniteQueryParams<TResult, TError, TIsBackground>, 'dataStorage' | 'statusStorage' | 'backgroundStatusStorage' | 'submitValidity'> & {
     /**
      * Режим фонового обновления
      * @default false
      */
     isBackground?: TIsBackground;
-};
+} & WithSynchronization;
 export type CreateMutationParams<TResult, TError> = MutationParams<TResult, TError>;
 /**
  * Внутриний тип кешируемого стора
@@ -83,8 +95,13 @@ export declare class MobxQuery<TDefaultError = void> {
      * @default false
      */
     private readonly defaultEnabledAutoFetch;
+    private readonly defauleEnabledSynchronization;
+    private readonly synchronizationService;
     private serialize;
-    constructor({ onError, fetchPolicy, enabledAutoFetch, }?: MobxQueryParams);
+    constructor({ onError, fetchPolicy, enabledAutoFetch, enabledSynchronization, }?: MobxQueryParams, _BroadcastChannel?: {
+        new (name: string): BroadcastChannel;
+        prototype: BroadcastChannel;
+    });
     /**
      * Проверяет пересечение ключей в зависимости от стратегии
      * @param invalidatedKeys - Ключи для инвалидации

package/MobxQuery/MobxQuery.js

@@ -5,11 +5,12 @@ import { Mutation, } from '../Mutation';
 import { Query } from '../Query';
 import { InfiniteQuerySet, MutationSet, QuerySet, } from '../Sets';
 import { StatusStorageFactory } from '../StatusStorage';
+import { SynchronizationService } from '../SynchronizationService';
 /**
  * Сервис, позволяющий кэшировать данные.
  */
 export class MobxQuery {
-    constructor({ onError, fetchPolicy = 'cache-first', enabledAutoFetch = false, } = {}) {
+    constructor({ onError, fetchPolicy = 'cache-first', enabledAutoFetch = false, enabledSynchronization = false, } = {}, _BroadcastChannel = globalThis.BroadcastChannel) {
         /**
          * Объект соответствия хешей ключей и их значений
          */
@@ -77,10 +78,19 @@ export class MobxQuery {
          */
         this.getExistsQueries = (keys, strategy = 'partial-match') => this.getExistsKeyHashes(keys, strategy).map(({ keyHash }) => this.queriesMap.get(keyHash));
         // Метод для подтверждения того, что квери успешно получил валидные данные
-        this.submitValidity = (keyHash) => {
+        this.submitValidity = (keys, isNetworkOnly, enabledSynchronization) => {
+            if (enabledSynchronization) {
+                this.synchronizationService.emit(keys);
+            }
+            // 'network-only' квери не будут конвертироваться,
+            // следовательно, они всегда будут храниться как "слабые",
+            // что позволит сборщику мусора удалять их из памяти при отсутствии ссылок
+            if (isNetworkOnly) {
+                return;
+            }
             // конвертируем квери в сильный,
             // чтобы сборщик мусора не удалил наш кеш преждевременно
-            this.queriesMap.convertToStrong(keyHash);
+            this.queriesMap.convertToStrong(keys.queryKeyHash);
         };
         /**
          * Метод инвалидации всех query
@@ -112,13 +122,10 @@ export class MobxQuery {
                 dataStorage: this.queryDataStorageFactory.getStorage(keys.dataKeyHash),
                 statusStorage: this.statusStorageFactory.getStorage(keys.statusKeyHash),
                 backgroundStatusStorage: this.getBackgroundStatusStorage(keys.backgroundStatusKeyHash, Boolean(createParams === null || createParams === void 0 ? void 0 : createParams.isBackground)),
-                submitValidity: 
-                // 'network-only' квери не будут подтверждать свою валидность,
-                // следовательно, они всегда будут храниться как "слабые",
-                // что позволит сборщику мусора удалять их из памяти при отсутствии ссылок
-                fetchPolicy !== 'network-only'
-                    ? () => this.submitValidity(keys.queryKeyHash)
-                    : undefined,
+                submitValidity: () => {
+                    var _a;
+                    return this.submitValidity(keys, fetchPolicy !== 'network-only', (_a = createParams === null || createParams === void 0 ? void 0 : createParams.enabledSynchronization) !== null && _a !== void 0 ? _a : this.defauleEnabledSynchronization);
+                },
             });
             this.queriesMap.set(keys.queryKeyHash, query);
             this.keys.set(keys.queryKeyHash, keys.queryKey);
@@ -220,5 +227,7 @@ export class MobxQuery {
         this.defaultErrorHandler = onError;
         this.defaultFetchPolicy = fetchPolicy;
         this.defaultEnabledAutoFetch = enabledAutoFetch;
+        this.defauleEnabledSynchronization = enabledSynchronization;
+        this.synchronizationService = new SynchronizationService(this.statusStorageFactory, this.queryDataStorageFactory, _BroadcastChannel);
     }
 }

package/QueryContainer/QueryContainer.d.ts

@@ -1,8 +1,7 @@
-import { type StatusStorage } from '../StatusStorage';
+import { type Statuses } from '../StatusStorage';
 export type QueryContainerAuxiliary = {
     isIdle: boolean;
 };
-type Statuses<TError> = StatusStorage<TError>;
 /**
  * Контейнер для бойлерплейт части,
  * позволяет не повторять в каждом наследуемом классе использование стандартных статусов
@@ -11,7 +10,7 @@ export declare abstract class QueryContainer<TError, TAuxiliary extends QueryCon
     private readonly statusStorage;
     private readonly backgroundStatusStorage;
     protected readonly auxiliary: TAuxiliary;
-    protected constructor(statusStorage: StatusStorage<TError>, backgroundStatusStorage: StatusStorage<TError> | null, auxiliary: TAuxiliary);
+    protected constructor(statusStorage: Statuses<TError>, backgroundStatusStorage: Statuses<TError> | null, auxiliary: TAuxiliary);
     /**
      * Флаг загрузки данных
      */
@@ -32,6 +31,13 @@ export declare abstract class QueryContainer<TError, TAuxiliary extends QueryCon
      * Флаг, обозначающий простаивание, т.е. запроса еще не было
      */
     get isIdle(): boolean;
+    get status(): {
+        isLoading: boolean;
+        isError: boolean;
+        error: TError | undefined;
+        isSuccess: boolean;
+        isIdle: boolean;
+    };
     /**
      * Статусы, изменяющиеся после первого успешного запроса в режиме isBackground: true
      * @example
@@ -58,4 +64,3 @@ export declare abstract class QueryContainer<TError, TAuxiliary extends QueryCon
      */
     get background(): TIsBackground extends true ? Statuses<TError> : null;
 }
-export {};

package/QueryContainer/QueryContainer.js

@@ -46,6 +46,15 @@ export class QueryContainer {
     get isIdle() {
         return this.auxiliary.isIdle;
     }
+    get status() {
+        return {
+            isLoading: this.isLoading,
+            isError: this.isError,
+            error: this.error,
+            isSuccess: this.isSuccess,
+            isIdle: this.isIdle,
+        };
+    }
     /**
      * Статусы, изменяющиеся после первого успешного запроса в режиме isBackground: true
      * @example

package/README.md

@@ -137,6 +137,10 @@ class DocStore {
   public get isLoading() {
     return this.docQuery.isLoading;
   }
+  
+  public get status() {
+    return this.docQuery.status;
+  }
 }
 ```
 
@@ -662,6 +666,25 @@ console.log(queryA.data); // ['дополнительный элемент']
 console.log(queryB.data); // ['дополнительный элемент']
 ```
 
+## Синхронизация данных между вкладками
+
+Для синхронизации данных между вкладками необходимо воспользоваться флагом `enabledSynchronization` при создании MobxQuery.
+Тогда все query с совпадающими ключами на разных вкладках будут одновременно изменять свои данные
+
+```ts
+new MobxQuery({
+  enabledSynchronization: true,
+});
+```
+
+Для точечного управления синхронизацией, можно передавать флаг `enabledSynchronization` при создании query
+
+```ts
+docsFetcher.queries.document.createWithConfig({
+  enabledSynchronization: true,
+})
+```
+
 ## Тестирование Fetcher на сонове QuerySet и InfiniteQuerySet.
 
 Для мокинга QuerySet и InfiniteQuerySet необходимо использовать mock следующего вида:
@@ -824,12 +847,20 @@ export type Query<TResult = unknown, TError = unknown, TIsBackground = boolean>
   /**
    * Текущая ошибка
    */
-  error: TError | null;
+  error: TError | undefined;
 
   /**
    * Флаг, обозначающий простаивание, т.е. запроса еще не было
    */
   isIdle: boolean;
+  
+  status: {
+    isLoading: boolean;
+    isSuccess: boolean;
+    isError: boolean;
+    error: TError | undefined;
+    isIdle: boolean;
+  }
 
   /**
    * Синхронизирует данные с сервером

package/StatusStorage/StatusStorage.d.ts

@@ -1,5 +1,11 @@
 import { StorageFactory } from '../StorageFactory';
-export declare class StatusStorage<TError> {
+export type Statuses<TError> = {
+    isLoading: boolean;
+    isError: boolean;
+    error?: TError;
+    isSuccess: boolean;
+};
+export declare class StatusStorage<TError> implements Statuses<TError> {
     constructor();
     /**
      * Флаг обозначающий загрузку данных
@@ -17,8 +23,10 @@ export declare class StatusStorage<TError> {
      * Флаг, обозначающий успешность завершения последнего запроса
      */
     isSuccess: boolean;
+    setStatues: (data: Statuses<TError>) => void;
+    get statuses(): Statuses<TError>;
 }
-export declare class StatusStorageFactory extends StorageFactory<StatusStorage<void>> {
+export declare class StatusStorageFactory extends StorageFactory<StatusStorage<any>> {
     constructor();
     getStorage: <TError>(keyHash: string) => StatusStorage<TError>;
 }

package/StatusStorage/StatusStorage.js

@@ -1,4 +1,4 @@
-import { makeObservable, observable } from 'mobx';
+import { makeAutoObservable } from 'mobx';
 import { StorageFactory } from '../StorageFactory';
 export class StatusStorage {
     constructor() {
@@ -18,14 +18,24 @@ export class StatusStorage {
          * Флаг, обозначающий успешность завершения последнего запроса
          */
         this.isSuccess = false;
-        makeObservable(this, {
-            error: observable,
-            isError: observable,
-            isLoading: observable,
-            isSuccess: observable,
-        });
+        this.setStatues = (data) => {
+            this.isLoading = data.isLoading;
+            this.isError = data.isError;
+            this.error = data.error;
+            this.isSuccess = data.isSuccess;
+        };
+        makeAutoObservable(this);
+    }
+    get statuses() {
+        return {
+            isLoading: this.isLoading,
+            isError: this.isError,
+            error: this.error,
+            isSuccess: this.isSuccess,
+        };
     }
 }
+// biome-ignore lint/suspicious/noExplicitAny: any нужен для вывода типов
 export class StatusStorageFactory extends StorageFactory {
     constructor() {
         super(() => new StatusStorage());

package/SynchronizationService/SynchronizationService.d.ts

@@ -0,0 +1,16 @@
+import { type DataStorageFactory } from '../DataStorage';
+import { type StatusStorageFactory } from '../StatusStorage';
+export declare class SynchronizationService {
+    private readonly _statusStorageFactory;
+    private readonly _dataStorageFactory;
+    private readonly broadcastChannel?;
+    constructor(_statusStorageFactory: StatusStorageFactory, _dataStorageFactory: DataStorageFactory, _BroadcastChannel?: {
+        new (name: string): BroadcastChannel;
+        prototype: BroadcastChannel;
+    });
+    private init;
+    emit: (keys: {
+        dataKeyHash: string;
+        statusKeyHash: string;
+    }) => void;
+}

package/SynchronizationService/SynchronizationService.js

@@ -0,0 +1,29 @@
+export class SynchronizationService {
+    constructor(_statusStorageFactory, _dataStorageFactory, _BroadcastChannel = globalThis.BroadcastChannel) {
+        this._statusStorageFactory = _statusStorageFactory;
+        this._dataStorageFactory = _dataStorageFactory;
+        this.init = () => {
+            var _a;
+            (_a = this.broadcastChannel) === null || _a === void 0 ? void 0 : _a.addEventListener('message', (event) => {
+                var _a, _b;
+                (_a = this._dataStorageFactory
+                    .getStorage(event.data.dataKeyHash)) === null || _a === void 0 ? void 0 : _a.setData(event.data.data);
+                (_b = this._statusStorageFactory
+                    .getStorage(event.data.statusKeyHash)) === null || _b === void 0 ? void 0 : _b.setStatues(event.data.statuses);
+            });
+        };
+        this.emit = (keys) => {
+            var _a, _b, _c;
+            (_a = this.broadcastChannel) === null || _a === void 0 ? void 0 : _a.postMessage({
+                dataKeyHash: keys.dataKeyHash,
+                statusKeyHash: keys.statusKeyHash,
+                data: (_b = this._dataStorageFactory.getStorage(keys.dataKeyHash)) === null || _b === void 0 ? void 0 : _b.data,
+                statuses: (_c = this._statusStorageFactory.getStorage(keys.statusKeyHash)) === null || _c === void 0 ? void 0 : _c.statuses,
+            });
+        };
+        if (_BroadcastChannel) {
+            this.broadcastChannel = new _BroadcastChannel('@astral/mobx-query');
+        }
+        this.init();
+    }
+}

package/SynchronizationService/index.d.ts

@@ -0,0 +1 @@
+export * from './SynchronizationService';

package/SynchronizationService/index.js

@@ -0,0 +1 @@
+export * from './SynchronizationService';

package/node/InfiniteQuery/InfiniteQuery.d.ts

@@ -11,6 +11,7 @@ export type InfiniteParams = {
 export type InfiniteDataStorage<TResult> = DataStorage<{
     data: TResult[];
     offset: number;
+    isEndReached: boolean;
 }>;
 /**
  * Исполнитель запроса, ожидается,
@@ -68,10 +69,6 @@ export declare class InfiniteQuery<TResult, TError = void, TIsBackground extends
      * Хранилище данных, для обеспечения возможности синхронизации данных между разными инстансами
      */
     private storage;
-    /**
-     * Флаг того, что мы достигли предела запрашиваемых элементов
-     */
-    isEndReached: boolean;
     /**
      * Обработчик ошибки, вызываемый по умолчанию
      */
@@ -98,6 +95,11 @@ export declare class InfiniteQuery<TResult, TError = void, TIsBackground extends
      * Обработчик успешного запроса, проверяет что мы достигли предела
      */
     private submitSuccess;
+    /**
+     * Флаг того, что мы достигли предела запрашиваемых элементов
+     */
+    get isEndReached(): boolean;
+    private calcIsEndReachedByResult;
     /**
      * Форс метод для установки данных
      */

package/node/InfiniteQuery/InfiniteQuery.js

@@ -13,26 +13,19 @@ class InfiniteQuery extends QueryContainer_1.QueryContainer {
     constructor(executor, { incrementCount = exports.DEFAULT_INFINITE_ITEMS_COUNT, onError, enabledAutoFetch, fetchPolicy, dataStorage, statusStorage, backgroundStatusStorage = null, submitValidity, }) {
         super(statusStorage, backgroundStatusStorage, new AuxiliaryQuery_1.AuxiliaryQuery(statusStorage, backgroundStatusStorage));
         this.executor = executor;
-        /**
-         * Флаг того, что мы достигли предела запрашиваемых элементов
-         */
-        this.isEndReached = false;
         /**
          * Обработчик успешного запроса, проверяет что мы достигли предела
          */
-        this.submitSuccess = (result, onSuccess, isIncrement) => {
+        this.submitSuccess = (result, isEndReached) => {
             var _a;
-            onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(result);
-            if (isIncrement && this.storage.hasData) {
-                this.storage.setData((current) => ({
-                    offset: current === null || current === void 0 ? void 0 : current.offset,
-                    data: [...current === null || current === void 0 ? void 0 : current.data, ...result],
-                }));
-            }
-            else {
-                this.storage.setData({ offset: 0, data: result });
-                (_a = this.submitValidity) === null || _a === void 0 ? void 0 : _a.call(this);
-            }
+            this.storage.setData((current) => ({
+                offset: current === null || current === void 0 ? void 0 : current.offset,
+                data: result,
+                isEndReached,
+            }));
+            (_a = this.submitValidity) === null || _a === void 0 ? void 0 : _a.call(this);
+        };
+        this.calcIsEndReachedByResult = (result) => {
             // убеждаемся что результат запроса действительно массив,
             // и если количество элементов в ответе меньше,
             // чем запрашивалось, значит у бэка их больше нет,
@@ -40,9 +33,9 @@ class InfiniteQuery extends QueryContainer_1.QueryContainer {
             // когда последняя отданная страница содержит ровно то количество,
             // сколько может содержать страница, а следующая уже просто пустая.
             if (Array.isArray(result) && result.length < this.incrementCount) {
-                // включаем флаг достижения предела
-                this.isEndReached = true;
+                return true;
             }
+            return false;
         };
         /**
          * Форс метод для установки данных
@@ -51,10 +44,10 @@ class InfiniteQuery extends QueryContainer_1.QueryContainer {
             var _a;
             this.auxiliary.submitSuccess();
             if (typeof param === 'function') {
-                this.submitSuccess(param((_a = this.storage.data) === null || _a === void 0 ? void 0 : _a.data));
+                this.submitSuccess(param((_a = this.storage.data) === null || _a === void 0 ? void 0 : _a.data), this.isEndReached);
             }
             else {
-                this.submitSuccess(param);
+                this.submitSuccess(param, this.isEndReached);
             }
         };
         /**
@@ -75,12 +68,14 @@ class InfiniteQuery extends QueryContainer_1.QueryContainer {
                     return ({
                         offset: ((_a = current === null || current === void 0 ? void 0 : current.offset) !== null && _a !== void 0 ? _a : 0) + this.incrementCount,
                         data: current === null || current === void 0 ? void 0 : current.data,
+                        isEndReached: Boolean(current === null || current === void 0 ? void 0 : current.isEndReached),
                     });
                 });
                 // запускаем запрос с последними параметрами, и флагом необходимости инкремента
                 this.auxiliary
                     .getUnifiedPromise(this.infiniteExecutor, (resData) => {
-                    this.submitSuccess(resData, undefined, true);
+                    var _a;
+                    this.submitSuccess([...(_a = this.storage.data) === null || _a === void 0 ? void 0 : _a.data, ...resData], this.calcIsEndReachedByResult(resData));
                 })
                     .catch((e) => { var _a; return (_a = this.defaultOnError) === null || _a === void 0 ? void 0 : _a.call(this, e); });
             }
@@ -103,11 +98,15 @@ class InfiniteQuery extends QueryContainer_1.QueryContainer {
          * Метод для переиспользования синхронной логики запроса
          */
         this.proceedSync = ({ onSuccess, onError, } = {}) => {
-            this.storage.setData((current) => ({ offset: 0, data: current === null || current === void 0 ? void 0 : current.data }));
-            this.isEndReached = false;
+            this.storage.setData((current) => ({
+                offset: 0,
+                data: current === null || current === void 0 ? void 0 : current.data,
+                isEndReached: false,
+            }));
             this.auxiliary
                 .getUnifiedPromise(this.infiniteExecutor, (resData) => {
-                this.submitSuccess(resData, onSuccess);
+                onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(resData);
+                this.submitSuccess(resData, this.calcIsEndReachedByResult(resData));
             })
                 .catch((e) => {
                 var _a;
@@ -133,9 +132,12 @@ class InfiniteQuery extends QueryContainer_1.QueryContainer {
             if (!this.isNetworkOnly && this.isSuccess && !this.auxiliary.isInvalid) {
                 return Promise.resolve((_a = this.storage.data) === null || _a === void 0 ? void 0 : _a.data);
             }
-            this.storage.setData((current) => ({ offset: 0, data: current === null || current === void 0 ? void 0 : current.data }));
-            this.isEndReached = false;
-            return this.auxiliary.getUnifiedPromise(this.infiniteExecutor, this.submitSuccess);
+            this.storage.setData((current) => ({
+                offset: 0,
+                data: current === null || current === void 0 ? void 0 : current.data,
+                isEndReached: false,
+            }));
+            return this.auxiliary.getUnifiedPromise(this.infiniteExecutor, (data) => this.submitSuccess(data, this.calcIsEndReachedByResult(data)));
         };
         this.storage = dataStorage;
         this.incrementCount = incrementCount;
@@ -151,7 +153,7 @@ class InfiniteQuery extends QueryContainer_1.QueryContainer {
             sync: mobx_1.action,
             fetchMore: mobx_1.action,
             submitSuccess: mobx_1.action,
-            isEndReached: mobx_1.observable,
+            isEndReached: mobx_1.computed,
         });
     }
     get isNetworkOnly() {
@@ -164,6 +166,13 @@ class InfiniteQuery extends QueryContainer_1.QueryContainer {
         var _a, _b;
         return (_b = (_a = this.storage.data) === null || _a === void 0 ? void 0 : _a.offset) !== null && _b !== void 0 ? _b : 0;
     }
+    /**
+     * Флаг того, что мы достигли предела запрашиваемых элементов
+     */
+    get isEndReached() {
+        var _a;
+        return Boolean((_a = this.storage.data) === null || _a === void 0 ? void 0 : _a.isEndReached);
+    }
     /**
      * Метод для обогащения параметров текущими значениями для инфинити
      */

package/node/MobxQuery/MobxQuery.d.ts

@@ -8,6 +8,13 @@ import type { CacheKey, FetchPolicy } from '../types';
  * будет вызван, если при вызове sync не был передан отдельный onError параметр
  */
 type OnError<TError = unknown> = (error: TError) => void;
+type WithSynchronization = {
+    /**
+     * Флаг, отвечающий за синхронизацию данных между инстансами одной и той же квери в разных вкладках браузера
+     * @default либо значение переданное при создании MobxQuery, либо false
+     */
+    enabledSynchronization?: boolean;
+};
 type MobxQueryParams = {
     /**
      * Политика получения данных по умолчанию.
@@ -24,6 +31,11 @@ type MobxQueryParams = {
      * @default false
      */
     enabledAutoFetch?: boolean;
+    /**
+     * Флаг, отвечающий за синхронизацию данных между инстансами одной и той же квери в разных вкладках браузера
+     * @default false
+     */
+    enabledSynchronization?: boolean;
 };
 export type CreateQueryParams<TResult, TError, TIsBackground extends boolean> = Omit<QueryParams<TResult, TError, TIsBackground>, 'dataStorage' | 'statusStorage' | 'backgroundStatusStorage' | 'submitValidity'> & {
     /**
@@ -31,14 +43,14 @@ export type CreateQueryParams<TResult, TError, TIsBackground extends boolean> =
      * @default false
      */
     isBackground?: TIsBackground;
-};
+} & WithSynchronization;
 export type CreateInfiniteQueryParams<TResult, TError, TIsBackground extends boolean> = Omit<InfiniteQueryParams<TResult, TError, TIsBackground>, 'dataStorage' | 'statusStorage' | 'backgroundStatusStorage' | 'submitValidity'> & {
     /**
      * Режим фонового обновления
      * @default false
      */
     isBackground?: TIsBackground;
-};
+} & WithSynchronization;
 export type CreateMutationParams<TResult, TError> = MutationParams<TResult, TError>;
 /**
  * Внутриний тип кешируемого стора
@@ -83,8 +95,13 @@ export declare class MobxQuery<TDefaultError = void> {
      * @default false
      */
     private readonly defaultEnabledAutoFetch;
+    private readonly defauleEnabledSynchronization;
+    private readonly synchronizationService;
     private serialize;
-    constructor({ onError, fetchPolicy, enabledAutoFetch, }?: MobxQueryParams);
+    constructor({ onError, fetchPolicy, enabledAutoFetch, enabledSynchronization, }?: MobxQueryParams, _BroadcastChannel?: {
+        new (name: string): BroadcastChannel;
+        prototype: BroadcastChannel;
+    });
     /**
      * Проверяет пересечение ключей в зависимости от стратегии
      * @param invalidatedKeys - Ключи для инвалидации

package/node/MobxQuery/MobxQuery.js

@@ -8,11 +8,12 @@ const Mutation_1 = require("../Mutation");
 const Query_1 = require("../Query");
 const Sets_1 = require("../Sets");
 const StatusStorage_1 = require("../StatusStorage");
+const SynchronizationService_1 = require("../SynchronizationService");
 /**
  * Сервис, позволяющий кэшировать данные.
  */
 class MobxQuery {
-    constructor({ onError, fetchPolicy = 'cache-first', enabledAutoFetch = false, } = {}) {
+    constructor({ onError, fetchPolicy = 'cache-first', enabledAutoFetch = false, enabledSynchronization = false, } = {}, _BroadcastChannel = globalThis.BroadcastChannel) {
         /**
          * Объект соответствия хешей ключей и их значений
          */
@@ -80,10 +81,19 @@ class MobxQuery {
          */
         this.getExistsQueries = (keys, strategy = 'partial-match') => this.getExistsKeyHashes(keys, strategy).map(({ keyHash }) => this.queriesMap.get(keyHash));
         // Метод для подтверждения того, что квери успешно получил валидные данные
-        this.submitValidity = (keyHash) => {
+        this.submitValidity = (keys, isNetworkOnly, enabledSynchronization) => {
+            if (enabledSynchronization) {
+                this.synchronizationService.emit(keys);
+            }
+            // 'network-only' квери не будут конвертироваться,
+            // следовательно, они всегда будут храниться как "слабые",
+            // что позволит сборщику мусора удалять их из памяти при отсутствии ссылок
+            if (isNetworkOnly) {
+                return;
+            }
             // конвертируем квери в сильный,
             // чтобы сборщик мусора не удалил наш кеш преждевременно
-            this.queriesMap.convertToStrong(keyHash);
+            this.queriesMap.convertToStrong(keys.queryKeyHash);
         };
         /**
          * Метод инвалидации всех query
@@ -115,13 +125,10 @@ class MobxQuery {
                 dataStorage: this.queryDataStorageFactory.getStorage(keys.dataKeyHash),
                 statusStorage: this.statusStorageFactory.getStorage(keys.statusKeyHash),
                 backgroundStatusStorage: this.getBackgroundStatusStorage(keys.backgroundStatusKeyHash, Boolean(createParams === null || createParams === void 0 ? void 0 : createParams.isBackground)),
-                submitValidity: 
-                // 'network-only' квери не будут подтверждать свою валидность,
-                // следовательно, они всегда будут храниться как "слабые",
-                // что позволит сборщику мусора удалять их из памяти при отсутствии ссылок
-                fetchPolicy !== 'network-only'
-                    ? () => this.submitValidity(keys.queryKeyHash)
-                    : undefined,
+                submitValidity: () => {
+                    var _a;
+                    return this.submitValidity(keys, fetchPolicy !== 'network-only', (_a = createParams === null || createParams === void 0 ? void 0 : createParams.enabledSynchronization) !== null && _a !== void 0 ? _a : this.defauleEnabledSynchronization);
+                },
             });
             this.queriesMap.set(keys.queryKeyHash, query);
             this.keys.set(keys.queryKeyHash, keys.queryKey);
@@ -223,6 +230,8 @@ class MobxQuery {
         this.defaultErrorHandler = onError;
         this.defaultFetchPolicy = fetchPolicy;
         this.defaultEnabledAutoFetch = enabledAutoFetch;
+        this.defauleEnabledSynchronization = enabledSynchronization;
+        this.synchronizationService = new SynchronizationService_1.SynchronizationService(this.statusStorageFactory, this.queryDataStorageFactory, _BroadcastChannel);
     }
 }
 exports.MobxQuery = MobxQuery;

package/node/QueryContainer/QueryContainer.d.ts

@@ -1,8 +1,7 @@
-import { type StatusStorage } from '../StatusStorage';
+import { type Statuses } from '../StatusStorage';
 export type QueryContainerAuxiliary = {
     isIdle: boolean;
 };
-type Statuses<TError> = StatusStorage<TError>;
 /**
  * Контейнер для бойлерплейт части,
  * позволяет не повторять в каждом наследуемом классе использование стандартных статусов
@@ -11,7 +10,7 @@ export declare abstract class QueryContainer<TError, TAuxiliary extends QueryCon
     private readonly statusStorage;
     private readonly backgroundStatusStorage;
     protected readonly auxiliary: TAuxiliary;
-    protected constructor(statusStorage: StatusStorage<TError>, backgroundStatusStorage: StatusStorage<TError> | null, auxiliary: TAuxiliary);
+    protected constructor(statusStorage: Statuses<TError>, backgroundStatusStorage: Statuses<TError> | null, auxiliary: TAuxiliary);
     /**
      * Флаг загрузки данных
      */
@@ -32,6 +31,13 @@ export declare abstract class QueryContainer<TError, TAuxiliary extends QueryCon
      * Флаг, обозначающий простаивание, т.е. запроса еще не было
      */
     get isIdle(): boolean;
+    get status(): {
+        isLoading: boolean;
+        isError: boolean;
+        error: TError | undefined;
+        isSuccess: boolean;
+        isIdle: boolean;
+    };
     /**
      * Статусы, изменяющиеся после первого успешного запроса в режиме isBackground: true
      * @example
@@ -58,4 +64,3 @@ export declare abstract class QueryContainer<TError, TAuxiliary extends QueryCon
      */
     get background(): TIsBackground extends true ? Statuses<TError> : null;
 }
-export {};

package/node/QueryContainer/QueryContainer.js

@@ -49,6 +49,15 @@ class QueryContainer {
     get isIdle() {
         return this.auxiliary.isIdle;
     }
+    get status() {
+        return {
+            isLoading: this.isLoading,
+            isError: this.isError,
+            error: this.error,
+            isSuccess: this.isSuccess,
+            isIdle: this.isIdle,
+        };
+    }
     /**
      * Статусы, изменяющиеся после первого успешного запроса в режиме isBackground: true
      * @example

package/node/StatusStorage/StatusStorage.d.ts

@@ -1,5 +1,11 @@
 import { StorageFactory } from '../StorageFactory';
-export declare class StatusStorage<TError> {
+export type Statuses<TError> = {
+    isLoading: boolean;
+    isError: boolean;
+    error?: TError;
+    isSuccess: boolean;
+};
+export declare class StatusStorage<TError> implements Statuses<TError> {
     constructor();
     /**
      * Флаг обозначающий загрузку данных
@@ -17,8 +23,10 @@ export declare class StatusStorage<TError> {
      * Флаг, обозначающий успешность завершения последнего запроса
      */
     isSuccess: boolean;
+    setStatues: (data: Statuses<TError>) => void;
+    get statuses(): Statuses<TError>;
 }
-export declare class StatusStorageFactory extends StorageFactory<StatusStorage<void>> {
+export declare class StatusStorageFactory extends StorageFactory<StatusStorage<any>> {
     constructor();
     getStorage: <TError>(keyHash: string) => StatusStorage<TError>;
 }

package/node/StatusStorage/StatusStorage.js

@@ -21,15 +21,25 @@ class StatusStorage {
          * Флаг, обозначающий успешность завершения последнего запроса
          */
         this.isSuccess = false;
-        (0, mobx_1.makeObservable)(this, {
-            error: mobx_1.observable,
-            isError: mobx_1.observable,
-            isLoading: mobx_1.observable,
-            isSuccess: mobx_1.observable,
-        });
+        this.setStatues = (data) => {
+            this.isLoading = data.isLoading;
+            this.isError = data.isError;
+            this.error = data.error;
+            this.isSuccess = data.isSuccess;
+        };
+        (0, mobx_1.makeAutoObservable)(this);
+    }
+    get statuses() {
+        return {
+            isLoading: this.isLoading,
+            isError: this.isError,
+            error: this.error,
+            isSuccess: this.isSuccess,
+        };
     }
 }
 exports.StatusStorage = StatusStorage;
+// biome-ignore lint/suspicious/noExplicitAny: any нужен для вывода типов
 class StatusStorageFactory extends StorageFactory_1.StorageFactory {
     constructor() {
         super(() => new StatusStorage());

package/node/SynchronizationService/SynchronizationService.d.ts

@@ -0,0 +1,16 @@
+import { type DataStorageFactory } from '../DataStorage';
+import { type StatusStorageFactory } from '../StatusStorage';
+export declare class SynchronizationService {
+    private readonly _statusStorageFactory;
+    private readonly _dataStorageFactory;
+    private readonly broadcastChannel?;
+    constructor(_statusStorageFactory: StatusStorageFactory, _dataStorageFactory: DataStorageFactory, _BroadcastChannel?: {
+        new (name: string): BroadcastChannel;
+        prototype: BroadcastChannel;
+    });
+    private init;
+    emit: (keys: {
+        dataKeyHash: string;
+        statusKeyHash: string;
+    }) => void;
+}

package/node/SynchronizationService/SynchronizationService.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SynchronizationService = void 0;
+class SynchronizationService {
+    constructor(_statusStorageFactory, _dataStorageFactory, _BroadcastChannel = globalThis.BroadcastChannel) {
+        this._statusStorageFactory = _statusStorageFactory;
+        this._dataStorageFactory = _dataStorageFactory;
+        this.init = () => {
+            var _a;
+            (_a = this.broadcastChannel) === null || _a === void 0 ? void 0 : _a.addEventListener('message', (event) => {
+                var _a, _b;
+                (_a = this._dataStorageFactory
+                    .getStorage(event.data.dataKeyHash)) === null || _a === void 0 ? void 0 : _a.setData(event.data.data);
+                (_b = this._statusStorageFactory
+                    .getStorage(event.data.statusKeyHash)) === null || _b === void 0 ? void 0 : _b.setStatues(event.data.statuses);
+            });
+        };
+        this.emit = (keys) => {
+            var _a, _b, _c;
+            (_a = this.broadcastChannel) === null || _a === void 0 ? void 0 : _a.postMessage({
+                dataKeyHash: keys.dataKeyHash,
+                statusKeyHash: keys.statusKeyHash,
+                data: (_b = this._dataStorageFactory.getStorage(keys.dataKeyHash)) === null || _b === void 0 ? void 0 : _b.data,
+                statuses: (_c = this._statusStorageFactory.getStorage(keys.statusKeyHash)) === null || _c === void 0 ? void 0 : _c.statuses,
+            });
+        };
+        if (_BroadcastChannel) {
+            this.broadcastChannel = new _BroadcastChannel('@astral/mobx-query');
+        }
+        this.init();
+    }
+}
+exports.SynchronizationService = SynchronizationService;

package/node/SynchronizationService/index.d.ts

@@ -0,0 +1 @@
+export * from './SynchronizationService';

package/node/SynchronizationService/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SynchronizationService"), exports);

package/package.json

@@ -7,7 +7,7 @@
     "mobx": "^6.9.0",
     "utility-types": "3.11.0"
   },
-  "version": "1.13.2",
+  "version": "1.15.0",
   "author": "Astral.Soft",
   "license": "MIT",
   "repository": {