@verdant-web/store 2.0.1 → 2.0.3

package/dist/cjs/sync/WebSocketSync.js

@@ -1,184 +1,184 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WebSocketSync = void 0;
-const common_1 = require("@verdant-web/common");
-const BackoffScheduler_js_1 = require("../BackoffScheduler.js");
-const Heartbeat_js_1 = require("./Heartbeat.js");
-class WebSocketSync extends common_1.EventSubscriber {
-    constructor({ endpointProvider, meta, presence, log, }) {
-        super();
-        this.socket = null;
-        // messages awaiting websocket connection to send
-        this.connectQueue = [];
-        // messages awaiting sync response to send
-        this.syncQueue = [];
-        this._status = 'paused';
-        this.synced = false;
-        this.hasStartedSync = false;
-        this.mode = 'realtime';
-        this.log = (...args) => { };
-        this.heartbeat = new Heartbeat_js_1.Heartbeat();
-        this.reconnectScheduler = new BackoffScheduler_js_1.BackoffScheduler(new BackoffScheduler_js_1.Backoff(60 * 1000, 1.5));
-        this.onOpen = () => {
-            if (!this.socket) {
-                throw new Error('Invalid sync state: online but socket is null');
-            }
-            this.synced = false;
-            if (this.connectQueue.length) {
-                for (const msg of this.connectQueue) {
-                    this.log('Sending queued message', JSON.stringify(msg, null, 2));
-                    this.socket.send(JSON.stringify(msg));
-                }
-                this.connectQueue = [];
-            }
-            this.log('Sync connected');
-            this.onOnlineChange(true);
-            this.reconnectScheduler.reset();
-        };
-        this.onOnlineChange = async (online) => {
-            this.log('Socket online change', online);
-            if (!online) {
-                this.hasStartedSync = false;
-                this.synced = false;
-                this.heartbeat.stop();
-            }
-            else {
-                this.log('Starting sync');
-                this.hasStartedSync = true;
-                this.synced = false;
-                this.send(await this.meta.messageCreator.createPresenceUpdate(this.presence.self.presence));
-                this.send(await this.meta.messageCreator.createSyncStep1());
-                this.heartbeat.start();
-            }
-            this.emit('onlineChange', online);
-        };
-        this.onMessage = async (event) => {
-            const message = JSON.parse(event.data);
-            switch (message.type) {
-                case 'sync-resp':
-                    if (message.ackThisNonce) {
-                        // we need to send the ack to confirm we got the response
-                        this.send(await this.meta.messageCreator.createAck(message.ackThisNonce));
-                    }
-                    this.hasStartedSync = true;
-                    this.synced = true;
-                    if (this.syncQueue.length) {
-                        for (const msg of this.syncQueue) {
-                            this.send(msg);
-                        }
-                        this.syncQueue = [];
-                    }
-                case 'need-since':
-                case 'presence-changed':
-                case 'presence-offline':
-                case 'op-re':
-                    this.emit('message', message);
-                    break;
-                case 'heartbeat-response':
-                    this.heartbeat.keepAlive();
-                    this.emit('message', message);
-                    break;
-                default:
-                    if (this.synced) {
-                        this.emit('message', message);
-                    }
-                    break;
-            }
-        };
-        this.onError = (event) => {
-            this.log(event);
-            this.reconnectScheduler.next();
-            this.log(`Attempting reconnect to websocket sync`);
-        };
-        this.onClose = (event) => {
-            this.log('Sync disconnected');
-            this.onOnlineChange(false);
-            this.onError(event);
-        };
-        this.initializeSocket = async () => {
-            const endpoint = await this.endpointProvider.getEndpoints();
-            // abusing protocols to pass the auth token
-            this.socket = new WebSocket(endpoint.websocket, ['Bearer', endpoint.token]);
-            this.socket.addEventListener('message', this.onMessage);
-            this.socket.addEventListener('open', this.onOpen);
-            this.socket.addEventListener('error', this.onError);
-            this.socket.addEventListener('close', this.onClose);
-            return this.socket;
-        };
-        this.sendHeartbeat = async () => {
-            this.send(await this.meta.messageCreator.createHeartbeat());
-        };
-        this.reconnect = () => {
-            this.stop();
-            this.start();
-        };
-        this.canSkipSyncWait = (message) => {
-            return (message.type === 'sync' ||
-                message.type === 'presence-update' ||
-                message.type === 'sync-ack' ||
-                message.type === 'heartbeat');
-        };
-        this.send = (message) => {
-            var _a, _b;
-            if (this.status !== 'active')
-                return;
-            // wait until a sync has started before doing anything other than sync.
-            // new "op" messages can arrive before sync has started, so we need to wait
-            if (!this.hasStartedSync && !this.canSkipSyncWait(message)) {
-                return;
-            }
-            if (this.canSkipSyncWait(message)) {
-                if (((_a = this.socket) === null || _a === void 0 ? void 0 : _a.readyState) === WebSocket.OPEN) {
-                    this.log('Sending message', JSON.stringify(message, null, 2));
-                    this.socket.send(JSON.stringify(message));
-                }
-                else {
-                    this.log('Enqueueing message until socket is open', JSON.stringify(message, null, 2));
-                    this.connectQueue.push(message);
-                }
-            }
-            else if (this.synced) {
-                if (((_b = this.socket) === null || _b === void 0 ? void 0 : _b.readyState) === WebSocket.OPEN) {
-                    this.log('Sending message', JSON.stringify(message, null, 2));
-                    this.socket.send(JSON.stringify(message));
-                }
-            }
-            else if (this.hasStartedSync) {
-                this.log('Enqueueing message until synced', JSON.stringify(message, null, 2));
-                this.syncQueue.push(message);
-            }
-        };
-        this.dispose = () => {
-            var _a, _b;
-            (_a = this.socket) === null || _a === void 0 ? void 0 : _a.removeEventListener('close', this.onClose);
-            (_b = this.socket) === null || _b === void 0 ? void 0 : _b.close();
-        };
-        this.start = () => {
-            if (this.socket) {
-                return;
-            }
-            this.initializeSocket();
-            this._status = 'active';
-        };
-        this.stop = () => {
-            this.dispose();
-            this.socket = null;
-            this._status = 'paused';
-        };
-        this.log = log || this.log;
-        this.endpointProvider = endpointProvider;
-        this.meta = meta;
-        this.presence = presence;
-        this.reconnectScheduler.subscribe('trigger', this.initializeSocket);
-        this.heartbeat.subscribe('beat', this.sendHeartbeat);
-    }
-    get isConnected() {
-        var _a;
-        return ((_a = this.socket) === null || _a === void 0 ? void 0 : _a.readyState) === WebSocket.OPEN;
-    }
-    get status() {
-        return this._status;
-    }
-}
-exports.WebSocketSync = WebSocketSync;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebSocketSync = void 0;
+const common_1 = require("@verdant-web/common");
+const BackoffScheduler_js_1 = require("../BackoffScheduler.js");
+const Heartbeat_js_1 = require("./Heartbeat.js");
+class WebSocketSync extends common_1.EventSubscriber {
+    constructor({ endpointProvider, meta, presence, log, }) {
+        super();
+        this.socket = null;
+        // messages awaiting websocket connection to send
+        this.connectQueue = [];
+        // messages awaiting sync response to send
+        this.syncQueue = [];
+        this._status = 'paused';
+        this.synced = false;
+        this.hasStartedSync = false;
+        this.mode = 'realtime';
+        this.log = (...args) => { };
+        this.heartbeat = new Heartbeat_js_1.Heartbeat();
+        this.reconnectScheduler = new BackoffScheduler_js_1.BackoffScheduler(new BackoffScheduler_js_1.Backoff(60 * 1000, 1.5));
+        this.onOpen = () => {
+            if (!this.socket) {
+                throw new Error('Invalid sync state: online but socket is null');
+            }
+            this.synced = false;
+            if (this.connectQueue.length) {
+                for (const msg of this.connectQueue) {
+                    this.log('Sending queued message', JSON.stringify(msg, null, 2));
+                    this.socket.send(JSON.stringify(msg));
+                }
+                this.connectQueue = [];
+            }
+            this.log('Sync connected');
+            this.onOnlineChange(true);
+            this.reconnectScheduler.reset();
+        };
+        this.onOnlineChange = async (online) => {
+            this.log('Socket online change', online);
+            if (!online) {
+                this.hasStartedSync = false;
+                this.synced = false;
+                this.heartbeat.stop();
+            }
+            else {
+                this.log('Starting sync');
+                this.hasStartedSync = true;
+                this.synced = false;
+                this.send(await this.meta.messageCreator.createPresenceUpdate(this.presence.self.presence));
+                this.send(await this.meta.messageCreator.createSyncStep1());
+                this.heartbeat.start();
+            }
+            this.emit('onlineChange', online);
+        };
+        this.onMessage = async (event) => {
+            const message = JSON.parse(event.data);
+            switch (message.type) {
+                case 'sync-resp':
+                    if (message.ackThisNonce) {
+                        // we need to send the ack to confirm we got the response
+                        this.send(await this.meta.messageCreator.createAck(message.ackThisNonce));
+                    }
+                    this.hasStartedSync = true;
+                    this.synced = true;
+                    if (this.syncQueue.length) {
+                        for (const msg of this.syncQueue) {
+                            this.send(msg);
+                        }
+                        this.syncQueue = [];
+                    }
+                case 'need-since':
+                case 'presence-changed':
+                case 'presence-offline':
+                case 'op-re':
+                    this.emit('message', message);
+                    break;
+                case 'heartbeat-response':
+                    this.heartbeat.keepAlive();
+                    this.emit('message', message);
+                    break;
+                default:
+                    if (this.synced) {
+                        this.emit('message', message);
+                    }
+                    break;
+            }
+        };
+        this.onError = (event) => {
+            this.log(event);
+            this.reconnectScheduler.next();
+            this.log(`Attempting reconnect to websocket sync`);
+        };
+        this.onClose = (event) => {
+            this.log('Sync disconnected');
+            this.onOnlineChange(false);
+            this.onError(event);
+        };
+        this.initializeSocket = async () => {
+            const endpoint = await this.endpointProvider.getEndpoints();
+            // abusing protocols to pass the auth token
+            this.socket = new WebSocket(endpoint.websocket, ['Bearer', endpoint.token]);
+            this.socket.addEventListener('message', this.onMessage);
+            this.socket.addEventListener('open', this.onOpen);
+            this.socket.addEventListener('error', this.onError);
+            this.socket.addEventListener('close', this.onClose);
+            return this.socket;
+        };
+        this.sendHeartbeat = async () => {
+            this.send(await this.meta.messageCreator.createHeartbeat());
+        };
+        this.reconnect = () => {
+            this.stop();
+            this.start();
+        };
+        this.canSkipSyncWait = (message) => {
+            return (message.type === 'sync' ||
+                message.type === 'presence-update' ||
+                message.type === 'sync-ack' ||
+                message.type === 'heartbeat');
+        };
+        this.send = (message) => {
+            var _a, _b;
+            if (this.status !== 'active')
+                return;
+            // wait until a sync has started before doing anything other than sync.
+            // new "op" messages can arrive before sync has started, so we need to wait
+            if (!this.hasStartedSync && !this.canSkipSyncWait(message)) {
+                return;
+            }
+            if (this.canSkipSyncWait(message)) {
+                if (((_a = this.socket) === null || _a === void 0 ? void 0 : _a.readyState) === WebSocket.OPEN) {
+                    this.log('Sending message', JSON.stringify(message, null, 2));
+                    this.socket.send(JSON.stringify(message));
+                }
+                else {
+                    this.log('Enqueueing message until socket is open', JSON.stringify(message, null, 2));
+                    this.connectQueue.push(message);
+                }
+            }
+            else if (this.synced) {
+                if (((_b = this.socket) === null || _b === void 0 ? void 0 : _b.readyState) === WebSocket.OPEN) {
+                    this.log('Sending message', JSON.stringify(message, null, 2));
+                    this.socket.send(JSON.stringify(message));
+                }
+            }
+            else if (this.hasStartedSync) {
+                this.log('Enqueueing message until synced', JSON.stringify(message, null, 2));
+                this.syncQueue.push(message);
+            }
+        };
+        this.dispose = () => {
+            var _a, _b;
+            (_a = this.socket) === null || _a === void 0 ? void 0 : _a.removeEventListener('close', this.onClose);
+            (_b = this.socket) === null || _b === void 0 ? void 0 : _b.close();
+        };
+        this.start = () => {
+            if (this.socket) {
+                return;
+            }
+            this.initializeSocket();
+            this._status = 'active';
+        };
+        this.stop = () => {
+            this.dispose();
+            this.socket = null;
+            this._status = 'paused';
+        };
+        this.log = log || this.log;
+        this.endpointProvider = endpointProvider;
+        this.meta = meta;
+        this.presence = presence;
+        this.reconnectScheduler.subscribe('trigger', this.initializeSocket);
+        this.heartbeat.subscribe('beat', this.sendHeartbeat);
+    }
+    get isConnected() {
+        var _a;
+        return ((_a = this.socket) === null || _a === void 0 ? void 0 : _a.readyState) === WebSocket.OPEN;
+    }
+    get status() {
+        return this._status;
+    }
+}
+exports.WebSocketSync = WebSocketSync;
 //# sourceMappingURL=WebSocketSync.js.map

package/dist/cjs/types.d.ts

@@ -1,5 +1,5 @@
-import { Operation, OperationPatch } from '@verdant-web/common';
-export interface LocalOperation extends Operation {
-    inverse: OperationPatch;
-}
-export type LogFunction = (...args: any[]) => void;
+import { Operation, OperationPatch } from '@verdant-web/common';
+export interface LocalOperation extends Operation {
+    inverse: OperationPatch;
+}
+export type LogFunction = (...args: any[]) => void;

package/dist/cjs/types.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=types.js.map

package/dist/cjs/utils/Disposable.d.ts

@@ -1,6 +1,6 @@
-export declare class Disposable {
-    private _disposes;
-    protected disposed: boolean;
-    dispose: () => void;
-    protected addDispose: (dispose: () => void) => void;
-}
+export declare class Disposable {
+    private _disposes;
+    protected disposed: boolean;
+    dispose: () => void;
+    protected addDispose: (dispose: () => void) => void;
+}

package/dist/cjs/utils/Disposable.js

@@ -1,19 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Disposable = void 0;
-class Disposable {
-    constructor() {
-        this._disposes = [];
-        this.disposed = false;
-        this.dispose = () => {
-            this.disposed = true;
-            this._disposes.forEach((dispose) => dispose());
-            this._disposes = [];
-        };
-        this.addDispose = (dispose) => {
-            this._disposes.push(dispose);
-        };
-    }
-}
-exports.Disposable = Disposable;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Disposable = void 0;
+class Disposable {
+    constructor() {
+        this._disposes = [];
+        this.disposed = false;
+        this.dispose = () => {
+            this.disposed = true;
+            this._disposes.forEach((dispose) => dispose());
+            this._disposes = [];
+        };
+        this.addDispose = (dispose) => {
+            this._disposes.push(dispose);
+        };
+    }
+}
+exports.Disposable = Disposable;
 //# sourceMappingURL=Disposable.js.map

package/dist/cjs/utils/Resolvable.d.ts

@@ -1,8 +1,8 @@
-export declare class Resolvable<T> {
-    readonly promise: Promise<T>;
-    private _resolve;
-    private _reject;
-    constructor();
-    resolve(value: T): void;
-    reject(reason?: any): void;
-}
+export declare class Resolvable<T> {
+    readonly promise: Promise<T>;
+    private _resolve;
+    private _reject;
+    constructor();
+    resolve(value: T): void;
+    reject(reason?: any): void;
+}

package/dist/cjs/utils/Resolvable.js

@@ -1,23 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Resolvable = void 0;
-class Resolvable {
-    constructor() {
-        let resolve;
-        let reject;
-        this.promise = new Promise((res, rej) => {
-            resolve = res;
-            reject = rej;
-        });
-        this._resolve = resolve;
-        this._reject = reject;
-    }
-    resolve(value) {
-        this._resolve(value);
-    }
-    reject(reason) {
-        this._reject(reason);
-    }
-}
-exports.Resolvable = Resolvable;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Resolvable = void 0;
+class Resolvable {
+    constructor() {
+        let resolve;
+        let reject;
+        this.promise = new Promise((res, rej) => {
+            resolve = res;
+            reject = rej;
+        });
+        this._resolve = resolve;
+        this._reject = reject;
+    }
+    resolve(value) {
+        this._resolve(value);
+    }
+    reject(reason) {
+        this._reject(reason);
+    }
+}
+exports.Resolvable = Resolvable;
 //# sourceMappingURL=Resolvable.js.map

package/dist/esm/BackoffScheduler.d.ts

@@ -1,19 +1,19 @@
-import { EventSubscriber } from '@verdant-web/common';
-export declare class BackoffScheduler extends EventSubscriber<{
-    trigger: () => void;
-}> {
-    private readonly backoff;
-    private timer;
-    private isScheduled;
-    constructor(backoff: Backoff);
-    next: () => void;
-    reset: () => void;
-}
-export declare class Backoff {
-    current: number;
-    private readonly max;
-    private readonly factor;
-    constructor(max: number, factor: number);
-    next: () => void;
-    reset: () => void;
-}
+import { EventSubscriber } from '@verdant-web/common';
+export declare class BackoffScheduler extends EventSubscriber<{
+    trigger: () => void;
+}> {
+    private readonly backoff;
+    private timer;
+    private isScheduled;
+    constructor(backoff: Backoff);
+    next: () => void;
+    reset: () => void;
+}
+export declare class Backoff {
+    current: number;
+    private readonly max;
+    private readonly factor;
+    constructor(max: number, factor: number);
+    next: () => void;
+    reset: () => void;
+}

package/dist/esm/BackoffScheduler.js

@@ -1,40 +1,40 @@
-import { EventSubscriber } from '@verdant-web/common';
-export class BackoffScheduler extends EventSubscriber {
-    constructor(backoff) {
-        super();
-        this.timer = null;
-        this.isScheduled = false;
-        this.next = () => {
-            if (!this.isScheduled) {
-                this.isScheduled = true;
-                this.timer = setTimeout(() => {
-                    this.emit('trigger');
-                    this.isScheduled = false;
-                    this.backoff.next();
-                }, this.backoff.current);
-            }
-        };
-        this.reset = () => {
-            this.backoff.reset();
-            if (this.timer) {
-                clearTimeout(this.timer);
-                this.timer = null;
-            }
-        };
-        this.backoff = backoff;
-    }
-}
-export class Backoff {
-    constructor(max, factor) {
-        this.current = 0;
-        this.next = () => {
-            this.current = Math.min(this.max, this.current * this.factor);
-        };
-        this.reset = () => {
-            this.current = 0;
-        };
-        this.max = max;
-        this.factor = factor;
-    }
-}
+import { EventSubscriber } from '@verdant-web/common';
+export class BackoffScheduler extends EventSubscriber {
+    constructor(backoff) {
+        super();
+        this.timer = null;
+        this.isScheduled = false;
+        this.next = () => {
+            if (!this.isScheduled) {
+                this.isScheduled = true;
+                this.timer = setTimeout(() => {
+                    this.emit('trigger');
+                    this.isScheduled = false;
+                    this.backoff.next();
+                }, this.backoff.current);
+            }
+        };
+        this.reset = () => {
+            this.backoff.reset();
+            if (this.timer) {
+                clearTimeout(this.timer);
+                this.timer = null;
+            }
+        };
+        this.backoff = backoff;
+    }
+}
+export class Backoff {
+    constructor(max, factor) {
+        this.current = 0;
+        this.next = () => {
+            this.current = Math.min(this.max, this.current * this.factor);
+        };
+        this.reset = () => {
+            this.current = 0;
+        };
+        this.max = max;
+        this.factor = factor;
+    }
+}
 //# sourceMappingURL=BackoffScheduler.js.map