@c8y/ngx-components 1018.0.152 → 1018.0.159

package/fesm2015/c8y-ngx-components.mjs

@@ -28664,6 +28664,20 @@ class RealtimeService {
     get active() {
         return this.isActive.value;
     }
+    /**
+     * An observable emitting a value in case the realtime connection has been interrupted.
+     * Can be used to reload data of e.g. a datapoint graph that wasn't received while realtime was interrupted.
+     */
+    get reconnect$() {
+        return this.realtimeSubject.reconnect$;
+    }
+    /**
+     * An observable emitting either `connected` or `disconnected` depending on the state of the realtime connection.
+     * Can be used to e.g. inform the user about the interrupted realtime connection.
+     */
+    get connectionStatus$() {
+        return this.realtimeSubject.connectionStatus$;
+    }
     /**
      * Get an Observable of all realtime notifications.
      *
@@ -28743,6 +28757,8 @@ class RealtimeSubjectService {
     constructor(realtime) {
         this.realtime = realtime;
         this.subjects$ = new Map();
+        this.reconnect$ = this.createObservableForReconnect().pipe(share());
+        this.connectionStatus$ = this.createObservableForConnectionStatus().pipe(distinctUntilChanged(), shareReplay({ refCount: true, bufferSize: 1 }));
     }
     getObservableForChannel(channel) {
         if (this.subjects$.has(channel)) {
@@ -28755,7 +28771,7 @@ class RealtimeSubjectService {
     }
     createObservableForChannel(channel, realtime) {
         return new Observable(observer => {
-            const realtimeSubscription = realtime.subscribe(channel, msg => {
+            let realtimeSubscription = realtime.subscribe(channel, msg => {
                 const data = {
                     channel: msg.channel,
                     data: msg.data.data,
@@ -28764,13 +28780,54 @@ class RealtimeSubjectService {
                 };
                 observer.next(data);
             });
+            /**
+             * In (rare) case of a re-handshake, resubscribe valid subscriptions.
+             * @see https://docs.cometd.org/current/reference/#_javascript_subscribe_resubscribe
+             */
+            const reconnectSubscription = this.reconnect$.subscribe(() => {
+                try {
+                    realtimeSubscription = this.realtime.resubscribe(realtimeSubscription);
+                }
+                catch (e) {
+                    console.warn(`Failed to resubscribe to channel: "${channel}" after reconnect.`, e);
+                    observer.error(e);
+                }
+            });
             return {
-                unsubscribe() {
+                unsubscribe: () => {
+                    reconnectSubscription.unsubscribe();
                     realtime.unsubscribe(realtimeSubscription);
                 }
             };
         });
     }
+    createObservableForReconnect() {
+        return new Observable(observer => {
+            const handle = this.realtime.addHandshakeListener(msg => {
+                if (msg.successful && msg.reestablish) {
+                    observer.next();
+                }
+            });
+            return {
+                unsubscribe: () => {
+                    this.realtime.removeListener(handle);
+                }
+            };
+        });
+    }
+    createObservableForConnectionStatus() {
+        return new Observable(observer => {
+            observer.next(!this.realtime.isDisconnected() ? 'connected' : 'disconnected');
+            const handle = this.realtime.addConnectListener(msg => {
+                observer.next(msg.successful ? 'connected' : 'disconnected');
+            });
+            return {
+                unsubscribe: () => {
+                    this.realtime.removeListener(handle);
+                }
+            };
+        });
+    }
 }
 RealtimeSubjectService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: RealtimeSubjectService, deps: [{ token: i1$1.Realtime }], target: i0.ɵɵFactoryTarget.Injectable });
 RealtimeSubjectService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: RealtimeSubjectService, providedIn: 'root' });