@astral/mobx-query 1.15.1 → 1.16.1

package/node/PollingService/PollingService.d.ts

@@ -0,0 +1,34 @@
+import { type AdaptableMap } from '../AdaptableMap';
+import { type KeyHash, type UnknownCachedQuery } from '../MobxQuery/types';
+/**
+ * Сущность для инкапсулирования логики работы с устареванием данных
+ */
+export declare class PollingService {
+    private readonly _queryStorage;
+    private readonly _invalidateByKeyHash;
+    private readonly _document;
+    private timers;
+    private timerDates;
+    private isVisible;
+    constructor(_queryStorage: AdaptableMap<UnknownCachedQuery>, _invalidateByKeyHash: (keyHash: KeyHash) => void, _document?: Document);
+    private updateIsVisible;
+    private init;
+    private handleVisibilityChange;
+    private restartPausedTimers;
+    private pauseTimers;
+    /**
+     * Очистка таймеров,
+     * предполагается использование либо при срабатывании таймера,
+     * либо при досрочном вызове из внешней инвалидации
+     */
+    clean: (key: KeyHash) => void;
+    /**
+     * Перезапуск имеющегося таймера, предполагается использование при срабатывании синхронизации между вкладками
+     */
+    restart: (key: KeyHash) => void;
+    private invalidate;
+    /**
+     * Установка таймера устаревания данных
+     */
+    setupTimer: (key: KeyHash, pollingTime: number) => void;
+}

package/node/PollingService/PollingService.js

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PollingService = void 0;
+/**
+ * Сущность для инкапсулирования логики работы с устареванием данных
+ */
+class PollingService {
+    constructor(_queryStorage, _invalidateByKeyHash, _document = globalThis.document) {
+        this._queryStorage = _queryStorage;
+        this._invalidateByKeyHash = _invalidateByKeyHash;
+        this._document = _document;
+        this.timers = new Map();
+        this.timerDates = new Map();
+        this.isVisible = true;
+        this.updateIsVisible = () => {
+            var _a;
+            this.isVisible = ((_a = this._document) === null || _a === void 0 ? void 0 : _a.visibilityState) === 'visible';
+        };
+        this.init = () => {
+            var _a;
+            this.updateIsVisible();
+            (_a = this._document) === null || _a === void 0 ? void 0 : _a.addEventListener('visibilitychange', this.handleVisibilityChange);
+        };
+        this.handleVisibilityChange = () => {
+            this.updateIsVisible();
+            if (this.isVisible) {
+                this.restartPausedTimers();
+            }
+            else {
+                this.pauseTimers();
+            }
+        };
+        this.restartPausedTimers = () => {
+            this.timerDates.keys().forEach((key) => {
+                const dateNow = Date.now();
+                const { pollingTime, targetDate } = this.timerDates.get(key);
+                const isAlreadyExpired = targetDate < dateNow;
+                if (isAlreadyExpired) {
+                    this.invalidate(key);
+                }
+                else {
+                    this.setupTimer(key, pollingTime);
+                }
+            });
+        };
+        this.pauseTimers = () => {
+            this.timers.keys().forEach((key) => {
+                globalThis.clearTimeout(this.timers.get(key));
+                this.timers.delete(key);
+            });
+        };
+        /**
+         * Очистка таймеров,
+         * предполагается использование либо при срабатывании таймера,
+         * либо при досрочном вызове из внешней инвалидации
+         */
+        this.clean = (key) => {
+            globalThis.clearTimeout(this.timers.get(key));
+            this.timers.delete(key);
+            this.timerDates.delete(key);
+        };
+        /**
+         * Перезапуск имеющегося таймера, предполагается использование при срабатывании синхронизации между вкладками
+         */
+        this.restart = (key) => {
+            const saved = this.timerDates.get(key);
+            if (saved) {
+                this.setupTimer(key, saved.pollingTime);
+            }
+        };
+        this.invalidate = (key) => {
+            const query = this._queryStorage.get(key);
+            if (query) {
+                this._invalidateByKeyHash(key);
+            }
+            this.clean(key);
+        };
+        /**
+         * Установка таймера устаревания данных
+         */
+        this.setupTimer = (key, pollingTime) => {
+            if (this.timers.has(key)) {
+                globalThis.clearTimeout(this.timers.get(key));
+            }
+            if (!this._queryStorage.get(key)) {
+                return;
+            }
+            this.timerDates.set(key, {
+                pollingTime,
+                targetDate: Date.now() + pollingTime,
+            });
+            if (this.isVisible) {
+                this.timers.set(key, globalThis.setTimeout(() => this.invalidate(key), pollingTime));
+            }
+        };
+        this.init();
+    }
+}
+exports.PollingService = PollingService;

package/node/PollingService/index.d.ts

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

package/node/PollingService/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("./PollingService"), exports);

package/node/SynchronizationService/SynchronizationService.d.ts

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

package/node/SynchronizationService/SynchronizationService.js

@@ -2,27 +2,25 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SynchronizationService = void 0;
 class SynchronizationService {
-    constructor(_statusStorageFactory, _dataStorageFactory, _BroadcastChannel = globalThis.BroadcastChannel) {
+    constructor(_statusStorageFactory, _dataStorageFactory, _pollingService, _BroadcastChannel = globalThis.BroadcastChannel) {
         this._statusStorageFactory = _statusStorageFactory;
         this._dataStorageFactory = _dataStorageFactory;
+        this._pollingService = _pollingService;
         this.init = () => {
             var _a;
             (_a = this.broadcastChannel) === null || _a === void 0 ? void 0 : _a.addEventListener('message', (event) => {
                 var _a, _b;
+                const data = JSON.parse(event.data);
                 (_a = this._dataStorageFactory
-                    .getStorage(event.data.dataKeyHash)) === null || _a === void 0 ? void 0 : _a.setData(event.data.data);
+                    .getStorage(data.dataKeyHash)) === null || _a === void 0 ? void 0 : _a.setData(data.data);
                 (_b = this._statusStorageFactory
-                    .getStorage(event.data.statusKeyHash)) === null || _b === void 0 ? void 0 : _b.setStatues(event.data.statuses);
+                    .getStorage(data.statusKeyHash)) === null || _b === void 0 ? void 0 : _b.setStatues(data.statuses);
+                this._pollingService.restart(data.queryKeyHash);
             });
         };
         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,
-            });
+            (_a = this.broadcastChannel) === null || _a === void 0 ? void 0 : _a.postMessage(JSON.stringify(Object.assign(Object.assign({}, keys), { 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');

package/node/__test/BroadcastChannel/BroadcastChannel.d.ts

@@ -0,0 +1 @@
+export declare const createBroadcastChannelMock: () => typeof globalThis.BroadcastChannel;

package/node/__test/BroadcastChannel/BroadcastChannel.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBroadcastChannelMock = void 0;
+// Мок не предусматривает полного повторения функционала оригинального BroadcastChannelMock
+// поэтому он будет вызывать даже подписчиков вкладки инициатора,
+// но благодаря общему подходу, ожидается, что это не вызовет проблем
+const createBroadcastChannelMock = () => {
+    const listeners = [];
+    class BroadcastChannelMock {
+        constructor() {
+            this.addEventListener = (_, listener) => listeners.push(listener);
+            this.postMessage = (data) => listeners.forEach((listener) => listener({ data }));
+        }
+    }
+    return BroadcastChannelMock;
+};
+exports.createBroadcastChannelMock = createBroadcastChannelMock;

package/node/__test/BroadcastChannel/index.d.ts

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

package/node/__test/BroadcastChannel/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("./BroadcastChannel"), exports);