@kokimoki/app 0.6.0 → 0.6.2

package/dist/kokimoki-client.d.ts

@@ -18,8 +18,7 @@ export declare class KokimokiClient<StatelessDataT = any, ClientContextT = any>
     private _providers;
     private _serverTimeOffset;
     private _clientContext?;
-    private _lastPong;
-    private _connected;
+    private _synced;
     constructor(host: string, appId: string, code?: string);
     get id(): string;
     get token(): string;
@@ -28,7 +27,7 @@ export declare class KokimokiClient<StatelessDataT = any, ClientContextT = any>
     get clientContext(): NonNullable<ClientContextT>;
     connect(): Promise<void>;
     serverTimestamp(): number;
-    private receivePong;
+    private checkConnectionState;
     setProvider<T extends DocTypeDescription>(name: string, store: SyncedStore<T>): Promise<void>;
     removeProvider(name: string): void;
     getProvider(name: string): HocuspocusProvider | undefined;

package/dist/kokimoki-client.js

@@ -13,8 +13,7 @@ export class KokimokiClient extends EventEmitter {
     _providers = new Map();
     _serverTimeOffset = 0;
     _clientContext;
-    _lastPong = 0;
-    _connected = false;
+    _synced = false;
     constructor(host, appId, code = "") {
         super();
         this.host = host;
@@ -84,26 +83,23 @@ export class KokimokiClient extends EventEmitter {
             this._providers.forEach((provider) => {
                 provider.sendStateless("ping");
             });
-            // Emit disconnected event if no receiver has replied to the ping
-            if (this._connected &&
-                this._providers.size &&
-                this._lastPong < Date.now() - 10000) {
-                this.emit("disconnected");
-                this._connected = false;
-            }
-        }, 10000);
-        // Emit initial connected event
+        }, 30000);
+        // Initial connected state
+        this._synced = true;
         this.emit("connected");
-        this._connected = true;
     }
     serverTimestamp() {
         return Date.now() - this._serverTimeOffset;
     }
-    receivePong() {
-        this._lastPong = Date.now();
-        if (!this._connected) {
+    checkConnectionState() {
+        const synced = !Array.from(this._providers.values()).some((provider) => provider.status !== "connected" || !provider.synced);
+        if (synced && !this._synced) {
+            this._synced = true;
             this.emit("connected");
-            this._connected = true;
+        }
+        else if (!synced && this._synced) {
+            this._synced = false;
+            this.emit("disconnected");
         }
     }
     // Realtime database
@@ -120,7 +116,6 @@ export class KokimokiClient extends EventEmitter {
         // Handle incoming stateless messages
         provider.on("stateless", (e) => {
             if (e.payload === "pong") {
-                this.receivePong();
                 return;
             }
             const payload = JSON.parse(e.payload);
@@ -134,8 +129,21 @@ export class KokimokiClient extends EventEmitter {
             };
             provider.on("synced", handler);
         });
-        this.receivePong();
         this._providers.set(name, provider);
+        this.checkConnectionState();
+        // Handle connection state changes
+        provider.on("disconnect", async () => {
+            // KokimokiClient is considered disconnected when any single provider is disconnected
+            this.checkConnectionState();
+            // Attempt to reconnect immediately with retries
+            await provider.connect();
+        });
+        provider.on("connect", () => {
+            this.checkConnectionState();
+        });
+        provider.on("synced", () => {
+            this.checkConnectionState();
+        });
     }
     removeProvider(name) {
         const provider = this._providers.get(name);
@@ -144,6 +152,8 @@ export class KokimokiClient extends EventEmitter {
         }
         provider.destroy();
         this._providers.delete(name);
+        // Connection state can change if the removed provider was not connected or synced
+        this.checkConnectionState();
     }
     getProvider(name) {
         return this._providers.get(name);

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const KOKIMOKI_APP_VERSION = "0.6.0";
+export declare const KOKIMOKI_APP_VERSION = "0.6.2";

package/dist/version.js

@@ -1 +1 @@
-export const KOKIMOKI_APP_VERSION = "0.6.0";
+export const KOKIMOKI_APP_VERSION = "0.6.2";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kokimoki/app",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "type": "module",
   "description": "Kokimoki app",
   "main": "dist/index.js",