@ngxs/websocket-plugin 3.8.1-dev.master-07536db → 3.8.1-dev.master-db96f65

package/fesm2020/ngxs-websocket-plugin.mjs

@@ -2,13 +2,12 @@ import * as i0 from '@angular/core';
 import { InjectionToken, Injectable, Inject, APP_INITIALIZER, NgModule, makeEnvironmentProviders } from '@angular/core';
 import * as i1 from '@ngxs/store';
 import { ofActionDispatched, getValue } from '@ngxs/store';
-import { Subscription } from 'rxjs';
-import { WebSocketSubject } from 'rxjs/webSocket';
+import { Subject, ReplaySubject, fromEvent } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
 
-const NGXS_WEBSOCKET_OPTIONS = new InjectionToken('NGXS_WEBSOCKET_OPTIONS');
-function noop(..._args) {
-    return function () { };
-}
+const NG_DEV_MODE = typeof ngDevMode === 'undefined' || ngDevMode;
+const NGXS_WEBSOCKET_OPTIONS = new InjectionToken(NG_DEV_MODE ? 'NGXS_WEBSOCKET_OPTIONS' : '');
+const USER_OPTIONS = new InjectionToken(NG_DEV_MODE ? 'USER_OPTIONS' : '');
 /**
  * Action to connect to the websocket. Optionally pass a URL.
  */
@@ -71,141 +70,147 @@ class TypeKeyPropertyMissingError extends Error {
 }
 
 class WebSocketHandler {
-    constructor(store, actions$, options) {
-        this.store = store;
-        this.actions$ = actions$;
-        this.options = options;
-        this.socket = null;
-        this.config = {
-            url: this.options.url,
-            protocol: this.options.protocol,
-            // Default binary type is `blob` for the global `WebSocket`
-            binaryType: this.options.binaryType,
-            serializer: this.options.serializer,
-            deserializer: this.options.deserializer,
-            closeObserver: {
-                next: () => {
-                    // ATTENTION!
-                    // See https://github.com/ReactiveX/rxjs/blob/master/src/internal/observable/dom/WebSocketSubject.ts#L340
-                    // RxJS socket emits `onComplete` event only if `event.wasClean` is truthy
-                    // and doesn't complete socket subject if it's falsy
-                    this.disconnect();
-                }
-            },
-            openObserver: {
-                next: () => this.store.dispatch(new WebSocketConnected())
-            }
-        };
-        this.typeKey = this.options.typeKey;
-        this.subscription = new Subscription();
-        this.setupActionsListeners();
+    constructor(_store, _ngZone, _actions$, _options) {
+        this._store = _store;
+        this._ngZone = _ngZone;
+        this._actions$ = _actions$;
+        this._options = _options;
+        this._socket = null;
+        this._socketClosed$ = new Subject();
+        this._typeKey = this._options.typeKey;
+        this._destroy$ = new ReplaySubject(1);
+        this._setupActionsListeners();
     }
     ngOnDestroy() {
-        this.closeConnection();
-        this.subscription.unsubscribe();
+        this._disconnect(/* forcelyCloseSocket */ true);
+        this._destroy$.next();
     }
-    setupActionsListeners() {
-        this.subscription.add(this.actions$.pipe(ofActionDispatched(ConnectWebSocket)).subscribe(({ payload }) => {
+    _setupActionsListeners() {
+        this._actions$
+            .pipe(ofActionDispatched(ConnectWebSocket), takeUntil(this._destroy$))
+            .subscribe(({ payload }) => {
             this.connect(payload);
-        }));
-        this.subscription.add(this.actions$.pipe(ofActionDispatched(DisconnectWebSocket)).subscribe(() => {
-            this.disconnect();
-        }));
-        this.subscription.add(this.actions$.pipe(ofActionDispatched(SendWebSocketMessage)).subscribe(({ payload }) => {
+        });
+        this._actions$
+            .pipe(ofActionDispatched(DisconnectWebSocket), takeUntil(this._destroy$))
+            .subscribe(() => {
+            this._disconnect(/* forcelyCloseSocket */ true);
+        });
+        this._actions$
+            .pipe(ofActionDispatched(SendWebSocketMessage), takeUntil(this._destroy$))
+            .subscribe(({ payload }) => {
             this.send(payload);
-        }));
+        });
     }
     connect(options) {
-        this.updateConnection();
-        // Users can pass the options in the connect method so
-        // if options aren't available at DI bootstrap they have access
-        // to pass them here
+        if (this._socket) {
+            this._closeConnection(/* forcelyCloseSocket */ true);
+            this._store.dispatch(new WebSocketConnectionUpdated());
+        }
+        // TODO(arturovt): we should not override default config values because this breaks support for having multiple socket connections.
         if (options) {
-            this.mergeConfigWithOptions(options);
+            if (options.serializer) {
+                this._options.serializer = options.serializer;
+            }
+            if (options.deserializer) {
+                this._options.deserializer = options.deserializer;
+            }
         }
-        this.socket = new WebSocketSubject(this.config);
-        this.socket.subscribe({
-            next: (message) => {
-                const type = getValue(message, this.typeKey);
+        this._ngZone.runOutsideAngular(() => {
+            // We either use options provided in the `ConnectWebSocket` action
+            // or fallback to default config values.
+            const url = options?.url || this._options.url;
+            const protocol = options?.protocol || this._options.protocol;
+            const binaryType = options?.binaryType || this._options.binaryType;
+            const socket = (this._socket = protocol
+                ? new WebSocket(url, protocol)
+                : new WebSocket(url));
+            if (binaryType) {
+                socket.binaryType = binaryType;
+            }
+            fromEvent(socket, 'open')
+                .pipe(takeUntil(this._socketClosed$))
+                .subscribe(() => this._store.dispatch(new WebSocketConnected()));
+            fromEvent(socket, 'message')
+                .pipe(takeUntil(this._socketClosed$))
+                .subscribe(event => {
+                const message = this._options.deserializer(event);
+                const type = getValue(message, this._typeKey);
                 if (!type) {
-                    throw new TypeKeyPropertyMissingError(this.typeKey);
+                    throw new TypeKeyPropertyMissingError(this._typeKey);
                 }
-                this.store.dispatch({ ...message, type });
-            },
-            error: (error) => {
-                if (error instanceof CloseEvent) {
-                    this.dispatchWebSocketDisconnected();
+                this._store.dispatch({ ...message, type });
+            });
+            fromEvent(socket, 'error')
+                .pipe(takeUntil(this._socketClosed$))
+                .subscribe(error => {
+                // The error event indicates that an error has occurred during the
+                // WebSocket communication, and it is often appropriate to close the
+                // WebSocket connection when such an error occurs.
+                // We need to call `_disconnect()` after the error event has been fired.
+                // This ensures that the WebSocket connection is properly closed to prevent
+                // potential resource leaks.
+                this._disconnect(/* forcelyCloseSocket */ true);
+                this._store.dispatch(new WebsocketMessageError(error));
+            });
+            fromEvent(socket, 'close')
+                .pipe(takeUntil(this._socketClosed$))
+                .subscribe(event => {
+                if (event.wasClean) {
+                    // It is not necessary to call `socket.close()` after the `close` event
+                    // has been fired. In fact, calling `socket.close()` within the `close`
+                    // event handler or immediately after the event has been fired can lead
+                    // to unexpected behavior.
+                    this._disconnect(/* forcelyCloseSocket */ false);
                 }
                 else {
-                    this.store.dispatch(new WebsocketMessageError(error));
+                    // If the WebSocket `close` event has been fired and its `wasClean`
+                    // property is falsy, it indicates that the WebSocket connection was
+                    // closed in an unexpected or abnormal manner.
+                    // We should call `socket.close()` in this scenario, we can ensure that
+                    // the WebSocket connection is properly closed.
+                    this._disconnect(/* forcelyCloseSocket */ true);
+                    this._store.dispatch(new WebsocketMessageError(event));
                 }
-            }
+            });
         });
     }
-    disconnect() {
-        if (this.socket) {
-            this.closeConnection();
-            this.dispatchWebSocketDisconnected();
+    _disconnect(forcelyCloseSocket) {
+        if (this._socket) {
+            this._closeConnection(forcelyCloseSocket);
+            this._store.dispatch(new WebSocketDisconnected());
         }
     }
     send(data) {
-        if (!this.socket) {
+        if (!this._socket) {
             throw new Error('You must connect to the socket before sending any data');
         }
-        this.socket.next(data);
-    }
-    /**
-     * Don't enlarge the `connect` method
-     */
-    mergeConfigWithOptions(options) {
-        if (options.url) {
-            this.config.url = options.url;
-        }
-        if (options.serializer) {
-            this.config.serializer = options.serializer;
-        }
-        if (options.deserializer) {
-            this.config.deserializer = options.deserializer;
+        try {
+            this._socket.send(this._options.serializer(data));
         }
-    }
-    /**
-     * To ensure we don't have any memory leaks
-     * e.g. if the user occasionally dispatched `ConnectWebSocket` twice
-     * then the previous subscription will still live in the memory
-     * to prevent such behavior - we close the previous connection if it exists
-     */
-    updateConnection() {
-        if (this.socket) {
-            this.closeConnection();
-            this.store.dispatch(new WebSocketConnectionUpdated());
+        catch (error) {
+            this._store.dispatch(new WebsocketMessageError(error));
         }
     }
-    /**
-     * Used in many places so it's better to move the code into function
-     */
-    dispatchWebSocketDisconnected() {
-        this.store.dispatch(new WebSocketDisconnected());
-    }
-    closeConnection() {
-        // `socket.complete()` closes the connection
-        // also it doesn't invoke the `onComplete` callback that we passed
-        // into `socket.subscribe(...)`
-        if (this.socket !== null) {
-            this.socket.complete();
-            this.socket = null;
+    _closeConnection(forcelyCloseSocket) {
+        if (forcelyCloseSocket) {
+            this._socket?.close();
         }
+        this._socket = null;
+        this._socketClosed$.next();
     }
 }
-/** @nocollapse */ WebSocketHandler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: WebSocketHandler, deps: [{ token: i1.Store }, { token: i1.Actions }, { token: NGXS_WEBSOCKET_OPTIONS }], target: i0.ɵɵFactoryTarget.Injectable });
-/** @nocollapse */ WebSocketHandler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: WebSocketHandler });
+/** @nocollapse */ WebSocketHandler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: WebSocketHandler, deps: [{ token: i1.Store }, { token: i0.NgZone }, { token: i1.Actions }, { token: NGXS_WEBSOCKET_OPTIONS }], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ WebSocketHandler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: WebSocketHandler, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: WebSocketHandler, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i1.Actions }, { type: undefined, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1.Store }, { type: i0.NgZone }, { type: i1.Actions }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [NGXS_WEBSOCKET_OPTIONS]
                 }] }]; } });
 
-function websocketOptionsFactory(options) {
+function ɵwebsocketOptionsFactory(options) {
     return {
         reconnectInterval: 5000,
         reconnectAttempts: 10,
@@ -219,29 +224,28 @@ function websocketOptionsFactory(options) {
         ...options
     };
 }
-const USER_OPTIONS = new InjectionToken('USER_OPTIONS');
+function ɵgetProviders(options) {
+    return [
+        { provide: USER_OPTIONS, useValue: options },
+        {
+            provide: NGXS_WEBSOCKET_OPTIONS,
+            useFactory: ɵwebsocketOptionsFactory,
+            deps: [USER_OPTIONS]
+        },
+        {
+            provide: APP_INITIALIZER,
+            useFactory: () => () => { },
+            deps: [WebSocketHandler],
+            multi: true
+        }
+    ];
+}
+
 class NgxsWebsocketPluginModule {
     static forRoot(options) {
         return {
             ngModule: NgxsWebsocketPluginModule,
-            providers: [
-                WebSocketHandler,
-                {
-                    provide: USER_OPTIONS,
-                    useValue: options
-                },
-                {
-                    provide: NGXS_WEBSOCKET_OPTIONS,
-                    useFactory: websocketOptionsFactory,
-                    deps: [USER_OPTIONS]
-                },
-                {
-                    provide: APP_INITIALIZER,
-                    useFactory: noop,
-                    deps: [WebSocketHandler],
-                    multi: true
-                }
-            ]
+            providers: ɵgetProviders(options)
         };
     }
 }
@@ -252,20 +256,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImpor
             type: NgModule
         }] });
 function withNgxsWebSocketPlugin(options) {
-    return makeEnvironmentProviders([
-        { provide: USER_OPTIONS, useValue: options },
-        {
-            provide: NGXS_WEBSOCKET_OPTIONS,
-            useFactory: websocketOptionsFactory,
-            deps: [USER_OPTIONS]
-        },
-        {
-            provide: APP_INITIALIZER,
-            useFactory: noop,
-            deps: [WebSocketHandler],
-            multi: true
-        }
-    ]);
+    return makeEnvironmentProviders(ɵgetProviders(options));
 }
 
 /**

package/fesm2020/ngxs-websocket-plugin.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngxs-websocket-plugin.mjs","sources":["../../../packages/websocket-plugin/src/symbols.ts","../../../packages/websocket-plugin/src/websocket-handler.ts","../../../packages/websocket-plugin/src/websocket.module.ts","../../../packages/websocket-plugin/index.ts","../../../packages/websocket-plugin/ngxs-websocket-plugin.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const NGXS_WEBSOCKET_OPTIONS = new InjectionToken('NGXS_WEBSOCKET_OPTIONS');\n\nexport interface NgxsWebsocketPluginOptions {\n  /**\n   * URL of the websocket.\n   */\n  url?: string;\n\n  /**\n   * Either a single protocol string or an array of protocol strings.\n   * These strings are used to indicate sub-protocols, so that a single server\n   * can implement multiple WebSocket sub-protocols (for example, you might want one server to be able\n   * to handle different types of interactions depending on the specified protocol).\n   * If you don't specify a protocol string, an empty string is assumed.\n   */\n  protocol?: string | string[];\n\n  /**\n   * Sets the `binaryType` property of the underlying WebSocket.\n   */\n  binaryType?: 'blob' | 'arraybuffer';\n\n  /**\n   * The property name to distigunish this type for the store.\n   * Default: 'type'\n   */\n  typeKey?: string;\n\n  /**\n   * Interval to try and reconnect.\n   * Default: 5000\n   */\n  reconnectInterval?: number;\n\n  /**\n   * Number of reconnect attemps.\n   * Default: 10\n   */\n  reconnectAttempts?: number;\n\n  /**\n   * Serializer to call before sending messages\n   * Default: `json.stringify`\n   */\n  serializer?: (data: any) => string;\n\n  /**\n   * Deseralizer before publishing the message.\n   */\n  deserializer?: (e: MessageEvent) => any;\n}\n\nexport function noop(..._args: any[]) {\n  return function () {};\n}\n\n/**\n * Action to connect to the websocket. Optionally pass a URL.\n */\nexport class ConnectWebSocket {\n  static readonly type = '[WebSocket] Connect';\n\n  constructor(public payload?: NgxsWebsocketPluginOptions) {}\n}\n\n/**\n * Action triggered when a error ocurrs\n */\nexport class WebsocketMessageError {\n  static readonly type = '[WebSocket] Message Error';\n\n  constructor(public payload: any) {}\n}\n\n/**\n * Action to disconnect the websocket.\n */\nexport class DisconnectWebSocket {\n  static readonly type = '[WebSocket] Disconnect';\n}\n\n/**\n * Action triggered when websocket is connected\n */\nexport class WebSocketConnected {\n  static readonly type = '[WebSocket] Connected';\n}\n\n/**\n * Action triggered when websocket is disconnected\n */\nexport class WebSocketDisconnected {\n  static readonly type = '[WebSocket] Disconnected';\n}\n\n/**\n * Action to send to the server.\n */\nexport class SendWebSocketMessage {\n  static readonly type = '[WebSocket] Send Message';\n\n  constructor(public payload: any) {}\n}\n\n/**\n * Action dispatched when the user tries to connect if the connection already exists.\n */\nexport class WebSocketConnectionUpdated {\n  static readonly type = '[WebSocket] Connection Updated';\n}\n\n/**\n * This error is thrown where there is no `type` (or custom `typeKey`) property\n * on the message that came from the server side socket\n */\nexport class TypeKeyPropertyMissingError extends Error {\n  constructor(typeKey: string) {\n    super(`Property ${typeKey} is missing on the socket message`);\n  }\n}\n","import { Injectable, Inject, OnDestroy } from '@angular/core';\nimport { Actions, Store, getValue, ofActionDispatched } from '@ngxs/store';\nimport { Subscription } from 'rxjs';\n\nimport { WebSocketSubject, WebSocketSubjectConfig } from 'rxjs/webSocket';\n\nimport {\n  ConnectWebSocket,\n  DisconnectWebSocket,\n  SendWebSocketMessage,\n  NGXS_WEBSOCKET_OPTIONS,\n  NgxsWebsocketPluginOptions,\n  WebsocketMessageError,\n  WebSocketDisconnected,\n  TypeKeyPropertyMissingError,\n  WebSocketConnectionUpdated,\n  WebSocketConnected\n} from './symbols';\n\n@Injectable()\nexport class WebSocketHandler implements OnDestroy {\n  private socket: WebSocketSubject<any> | null = null;\n\n  private config: WebSocketSubjectConfig<any> = {\n    url: this.options.url!,\n    protocol: this.options.protocol,\n    // Default binary type is `blob` for the global `WebSocket`\n    binaryType: this.options.binaryType,\n    serializer: this.options.serializer,\n    deserializer: this.options.deserializer,\n    closeObserver: {\n      next: () => {\n        // ATTENTION!\n        // See https://github.com/ReactiveX/rxjs/blob/master/src/internal/observable/dom/WebSocketSubject.ts#L340\n        // RxJS socket emits `onComplete` event only if `event.wasClean` is truthy\n        // and doesn't complete socket subject if it's falsy\n        this.disconnect();\n      }\n    },\n    openObserver: {\n      next: () => this.store.dispatch(new WebSocketConnected())\n    }\n  };\n\n  private typeKey = this.options.typeKey!;\n\n  private subscription = new Subscription();\n\n  constructor(\n    private store: Store,\n    private actions$: Actions,\n    @Inject(NGXS_WEBSOCKET_OPTIONS) private options: NgxsWebsocketPluginOptions\n  ) {\n    this.setupActionsListeners();\n  }\n\n  ngOnDestroy(): void {\n    this.closeConnection();\n    this.subscription.unsubscribe();\n  }\n\n  private setupActionsListeners(): void {\n    this.subscription.add(\n      this.actions$.pipe(ofActionDispatched(ConnectWebSocket)).subscribe(({ payload }) => {\n        this.connect(payload);\n      })\n    );\n\n    this.subscription.add(\n      this.actions$.pipe(ofActionDispatched(DisconnectWebSocket)).subscribe(() => {\n        this.disconnect();\n      })\n    );\n\n    this.subscription.add(\n      this.actions$.pipe(ofActionDispatched(SendWebSocketMessage)).subscribe(({ payload }) => {\n        this.send(payload);\n      })\n    );\n  }\n\n  private connect(options?: NgxsWebsocketPluginOptions): void {\n    this.updateConnection();\n\n    // Users can pass the options in the connect method so\n    // if options aren't available at DI bootstrap they have access\n    // to pass them here\n    if (options) {\n      this.mergeConfigWithOptions(options);\n    }\n\n    this.socket = new WebSocketSubject(this.config);\n\n    this.socket.subscribe({\n      next: (message: any) => {\n        const type = getValue(message, this.typeKey);\n        if (!type) {\n          throw new TypeKeyPropertyMissingError(this.typeKey);\n        }\n        this.store.dispatch({ ...message, type });\n      },\n      error: (error: any) => {\n        if (error instanceof CloseEvent) {\n          this.dispatchWebSocketDisconnected();\n        } else {\n          this.store.dispatch(new WebsocketMessageError(error));\n        }\n      }\n    });\n  }\n\n  private disconnect(): void {\n    if (this.socket) {\n      this.closeConnection();\n      this.dispatchWebSocketDisconnected();\n    }\n  }\n\n  private send(data: any): void {\n    if (!this.socket) {\n      throw new Error('You must connect to the socket before sending any data');\n    }\n\n    this.socket.next(data);\n  }\n\n  /**\n   * Don't enlarge the `connect` method\n   */\n  private mergeConfigWithOptions(options: NgxsWebsocketPluginOptions): void {\n    if (options.url) {\n      this.config.url = options.url;\n    }\n\n    if (options.serializer) {\n      this.config.serializer = options.serializer;\n    }\n\n    if (options.deserializer) {\n      this.config.deserializer = options.deserializer;\n    }\n  }\n\n  /**\n   * To ensure we don't have any memory leaks\n   * e.g. if the user occasionally dispatched `ConnectWebSocket` twice\n   * then the previous subscription will still live in the memory\n   * to prevent such behavior - we close the previous connection if it exists\n   */\n  private updateConnection(): void {\n    if (this.socket) {\n      this.closeConnection();\n      this.store.dispatch(new WebSocketConnectionUpdated());\n    }\n  }\n\n  /**\n   * Used in many places so it's better to move the code into function\n   */\n  private dispatchWebSocketDisconnected(): void {\n    this.store.dispatch(new WebSocketDisconnected());\n  }\n\n  private closeConnection(): void {\n    // `socket.complete()` closes the connection\n    // also it doesn't invoke the `onComplete` callback that we passed\n    // into `socket.subscribe(...)`\n    if (this.socket !== null) {\n      this.socket.complete();\n      this.socket = null;\n    }\n  }\n}\n","import {\n  NgModule,\n  ModuleWithProviders,\n  APP_INITIALIZER,\n  InjectionToken,\n  EnvironmentProviders,\n  makeEnvironmentProviders\n} from '@angular/core';\n\nimport { WebSocketHandler } from './websocket-handler';\nimport { NgxsWebsocketPluginOptions, NGXS_WEBSOCKET_OPTIONS, noop } from './symbols';\n\nexport function websocketOptionsFactory(options: NgxsWebsocketPluginOptions) {\n  return {\n    reconnectInterval: 5000,\n    reconnectAttempts: 10,\n    typeKey: 'type',\n    deserializer(e: MessageEvent) {\n      return JSON.parse(e.data);\n    },\n    serializer(value: any) {\n      return JSON.stringify(value);\n    },\n    ...options\n  };\n}\n\nexport const USER_OPTIONS = new InjectionToken('USER_OPTIONS');\n\n@NgModule()\nexport class NgxsWebsocketPluginModule {\n  static forRoot(\n    options?: NgxsWebsocketPluginOptions\n  ): ModuleWithProviders<NgxsWebsocketPluginModule> {\n    return {\n      ngModule: NgxsWebsocketPluginModule,\n      providers: [\n        WebSocketHandler,\n        {\n          provide: USER_OPTIONS,\n          useValue: options\n        },\n        {\n          provide: NGXS_WEBSOCKET_OPTIONS,\n          useFactory: websocketOptionsFactory,\n          deps: [USER_OPTIONS]\n        },\n        {\n          provide: APP_INITIALIZER,\n          useFactory: noop,\n          deps: [WebSocketHandler],\n          multi: true\n        }\n      ]\n    };\n  }\n}\n\nexport function withNgxsWebSocketPlugin(\n  options?: NgxsWebsocketPluginOptions\n): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    { provide: USER_OPTIONS, useValue: options },\n    {\n      provide: NGXS_WEBSOCKET_OPTIONS,\n      useFactory: websocketOptionsFactory,\n      deps: [USER_OPTIONS]\n    },\n    {\n      provide: APP_INITIALIZER,\n      useFactory: noop,\n      deps: [WebSocketHandler],\n      multi: true\n    }\n  ]);\n}\n","/**\n * The public api for consumers of @ngxs/websocket-plugin\n */\nexport * from './src/public_api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngxs-websocket-plugin.mjs","sources":["../../../packages/websocket-plugin/src/symbols.ts","../../../packages/websocket-plugin/src/websocket-handler.ts","../../../packages/websocket-plugin/src/providers.ts","../../../packages/websocket-plugin/src/websocket.module.ts","../../../packages/websocket-plugin/index.ts","../../../packages/websocket-plugin/ngxs-websocket-plugin.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\ndeclare const ngDevMode: boolean;\n\nconst NG_DEV_MODE = typeof ngDevMode === 'undefined' || ngDevMode;\n\nexport const NGXS_WEBSOCKET_OPTIONS = new InjectionToken<NgxsWebsocketPluginOptions>(\n  NG_DEV_MODE ? 'NGXS_WEBSOCKET_OPTIONS' : ''\n);\n\nexport const USER_OPTIONS = new InjectionToken(NG_DEV_MODE ? 'USER_OPTIONS' : '');\n\nexport interface NgxsWebsocketPluginOptions {\n  /**\n   * URL of the websocket.\n   */\n  url?: string;\n\n  /**\n   * Either a single protocol string or an array of protocol strings.\n   * These strings are used to indicate sub-protocols, so that a single server\n   * can implement multiple WebSocket sub-protocols (for example, you might want one server to be able\n   * to handle different types of interactions depending on the specified protocol).\n   * If you don't specify a protocol string, an empty string is assumed.\n   */\n  protocol?: string | string[];\n\n  /**\n   * Sets the `binaryType` property of the underlying WebSocket.\n   */\n  binaryType?: 'blob' | 'arraybuffer';\n\n  /**\n   * The property name to distigunish this type for the store.\n   * Default: 'type'\n   */\n  typeKey?: string;\n\n  /**\n   * Interval to try and reconnect.\n   * Default: 5000\n   */\n  reconnectInterval?: number;\n\n  /**\n   * Number of reconnect attemps.\n   * Default: 10\n   */\n  reconnectAttempts?: number;\n\n  /**\n   * Serializer to call before sending messages\n   * Default: `json.stringify`\n   */\n  serializer?: (data: any) => string;\n\n  /**\n   * Deseralizer before publishing the message.\n   */\n  deserializer?: (e: MessageEvent) => any;\n}\n\n/**\n * Action to connect to the websocket. Optionally pass a URL.\n */\nexport class ConnectWebSocket {\n  static readonly type = '[WebSocket] Connect';\n\n  constructor(public payload?: NgxsWebsocketPluginOptions) {}\n}\n\n/**\n * Action triggered when a error ocurrs\n */\nexport class WebsocketMessageError {\n  static readonly type = '[WebSocket] Message Error';\n\n  constructor(public payload: any) {}\n}\n\n/**\n * Action to disconnect the websocket.\n */\nexport class DisconnectWebSocket {\n  static readonly type = '[WebSocket] Disconnect';\n}\n\n/**\n * Action triggered when websocket is connected\n */\nexport class WebSocketConnected {\n  static readonly type = '[WebSocket] Connected';\n}\n\n/**\n * Action triggered when websocket is disconnected\n */\nexport class WebSocketDisconnected {\n  static readonly type = '[WebSocket] Disconnected';\n}\n\n/**\n * Action to send to the server.\n */\nexport class SendWebSocketMessage {\n  static readonly type = '[WebSocket] Send Message';\n\n  constructor(public payload: any) {}\n}\n\n/**\n * Action dispatched when the user tries to connect if the connection already exists.\n */\nexport class WebSocketConnectionUpdated {\n  static readonly type = '[WebSocket] Connection Updated';\n}\n\n/**\n * This error is thrown where there is no `type` (or custom `typeKey`) property\n * on the message that came from the server side socket\n */\nexport class TypeKeyPropertyMissingError extends Error {\n  constructor(typeKey: string) {\n    super(`Property ${typeKey} is missing on the socket message`);\n  }\n}\n","import { Injectable, Inject, OnDestroy, NgZone } from '@angular/core';\nimport { Actions, Store, getValue, ofActionDispatched } from '@ngxs/store';\nimport { ReplaySubject, Subject, fromEvent } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport {\n  ConnectWebSocket,\n  DisconnectWebSocket,\n  SendWebSocketMessage,\n  NGXS_WEBSOCKET_OPTIONS,\n  NgxsWebsocketPluginOptions,\n  WebsocketMessageError,\n  WebSocketDisconnected,\n  TypeKeyPropertyMissingError,\n  WebSocketConnectionUpdated,\n  WebSocketConnected\n} from './symbols';\n\n@Injectable({ providedIn: 'root' })\nexport class WebSocketHandler implements OnDestroy {\n  private _socket: WebSocket | null = null;\n\n  private readonly _socketClosed$ = new Subject<void>();\n\n  private readonly _typeKey = this._options.typeKey!;\n\n  private readonly _destroy$ = new ReplaySubject<void>(1);\n\n  constructor(\n    private _store: Store,\n    private _ngZone: NgZone,\n    private _actions$: Actions,\n    @Inject(NGXS_WEBSOCKET_OPTIONS) private _options: NgxsWebsocketPluginOptions\n  ) {\n    this._setupActionsListeners();\n  }\n\n  ngOnDestroy(): void {\n    this._disconnect(/* forcelyCloseSocket */ true);\n    this._destroy$.next();\n  }\n\n  private _setupActionsListeners(): void {\n    this._actions$\n      .pipe(ofActionDispatched(ConnectWebSocket), takeUntil(this._destroy$))\n      .subscribe(({ payload }) => {\n        this.connect(payload);\n      });\n\n    this._actions$\n      .pipe(ofActionDispatched(DisconnectWebSocket), takeUntil(this._destroy$))\n      .subscribe(() => {\n        this._disconnect(/* forcelyCloseSocket */ true);\n      });\n\n    this._actions$\n      .pipe(ofActionDispatched(SendWebSocketMessage), takeUntil(this._destroy$))\n      .subscribe(({ payload }) => {\n        this.send(payload);\n      });\n  }\n\n  private connect(options?: NgxsWebsocketPluginOptions): void {\n    if (this._socket) {\n      this._closeConnection(/* forcelyCloseSocket */ true);\n      this._store.dispatch(new WebSocketConnectionUpdated());\n    }\n\n    // TODO(arturovt): we should not override default config values because this breaks support for having multiple socket connections.\n    if (options) {\n      if (options.serializer) {\n        this._options.serializer = options.serializer;\n      }\n\n      if (options.deserializer) {\n        this._options.deserializer = options.deserializer;\n      }\n    }\n\n    this._ngZone.runOutsideAngular(() => {\n      // We either use options provided in the `ConnectWebSocket` action\n      // or fallback to default config values.\n      const url = options?.url || this._options.url!;\n      const protocol = options?.protocol || this._options.protocol;\n      const binaryType = options?.binaryType || this._options.binaryType;\n\n      const socket = (this._socket = protocol\n        ? new WebSocket(url, protocol)\n        : new WebSocket(url));\n\n      if (binaryType) {\n        socket.binaryType = binaryType;\n      }\n\n      fromEvent(socket, 'open')\n        .pipe(takeUntil(this._socketClosed$))\n        .subscribe(() => this._store.dispatch(new WebSocketConnected()));\n\n      fromEvent<MessageEvent>(socket, 'message')\n        .pipe(takeUntil(this._socketClosed$))\n        .subscribe(event => {\n          const message = this._options.deserializer!(event);\n          const type = getValue(message, this._typeKey);\n          if (!type) {\n            throw new TypeKeyPropertyMissingError(this._typeKey);\n          }\n          this._store.dispatch({ ...message, type });\n        });\n\n      fromEvent(socket, 'error')\n        .pipe(takeUntil(this._socketClosed$))\n        .subscribe(error => {\n          // The error event indicates that an error has occurred during the\n          // WebSocket communication, and it is often appropriate to close the\n          // WebSocket connection when such an error occurs.\n          // We need to call `_disconnect()` after the error event has been fired.\n          // This ensures that the WebSocket connection is properly closed to prevent\n          // potential resource leaks.\n          this._disconnect(/* forcelyCloseSocket */ true);\n          this._store.dispatch(new WebsocketMessageError(error));\n        });\n\n      fromEvent<CloseEvent>(socket, 'close')\n        .pipe(takeUntil(this._socketClosed$))\n        .subscribe(event => {\n          if (event.wasClean) {\n            // It is not necessary to call `socket.close()` after the `close` event\n            // has been fired. In fact, calling `socket.close()` within the `close`\n            // event handler or immediately after the event has been fired can lead\n            // to unexpected behavior.\n            this._disconnect(/* forcelyCloseSocket */ false);\n          } else {\n            // If the WebSocket `close` event has been fired and its `wasClean`\n            // property is falsy, it indicates that the WebSocket connection was\n            // closed in an unexpected or abnormal manner.\n            // We should call `socket.close()` in this scenario, we can ensure that\n            // the WebSocket connection is properly closed.\n            this._disconnect(/* forcelyCloseSocket */ true);\n            this._store.dispatch(new WebsocketMessageError(event));\n          }\n        });\n    });\n  }\n\n  private _disconnect(forcelyCloseSocket: boolean): void {\n    if (this._socket) {\n      this._closeConnection(forcelyCloseSocket);\n      this._store.dispatch(new WebSocketDisconnected());\n    }\n  }\n\n  private send(data: any): void {\n    if (!this._socket) {\n      throw new Error('You must connect to the socket before sending any data');\n    }\n\n    try {\n      this._socket.send(this._options.serializer!(data));\n    } catch (error) {\n      this._store.dispatch(new WebsocketMessageError(error));\n    }\n  }\n\n  private _closeConnection(forcelyCloseSocket: boolean): void {\n    if (forcelyCloseSocket) {\n      this._socket?.close();\n    }\n    this._socket = null;\n    this._socketClosed$.next();\n  }\n}\n","import { APP_INITIALIZER } from '@angular/core';\n\nimport { WebSocketHandler } from './websocket-handler';\nimport { USER_OPTIONS, NGXS_WEBSOCKET_OPTIONS, NgxsWebsocketPluginOptions } from './symbols';\n\nexport function ɵwebsocketOptionsFactory(options: NgxsWebsocketPluginOptions) {\n  return {\n    reconnectInterval: 5000,\n    reconnectAttempts: 10,\n    typeKey: 'type',\n    deserializer(e: MessageEvent) {\n      return JSON.parse(e.data);\n    },\n    serializer(value: any) {\n      return JSON.stringify(value);\n    },\n    ...options\n  };\n}\n\nexport function ɵgetProviders(options?: NgxsWebsocketPluginOptions) {\n  return [\n    { provide: USER_OPTIONS, useValue: options },\n    {\n      provide: NGXS_WEBSOCKET_OPTIONS,\n      useFactory: ɵwebsocketOptionsFactory,\n      deps: [USER_OPTIONS]\n    },\n    {\n      provide: APP_INITIALIZER,\n      useFactory: () => () => {},\n      deps: [WebSocketHandler],\n      multi: true\n    }\n  ];\n}\n","import {\n  NgModule,\n  ModuleWithProviders,\n  EnvironmentProviders,\n  makeEnvironmentProviders\n} from '@angular/core';\n\nimport { ɵgetProviders } from './providers';\nimport { NgxsWebsocketPluginOptions } from './symbols';\n\n@NgModule()\nexport class NgxsWebsocketPluginModule {\n  static forRoot(\n    options?: NgxsWebsocketPluginOptions\n  ): ModuleWithProviders<NgxsWebsocketPluginModule> {\n    return {\n      ngModule: NgxsWebsocketPluginModule,\n      providers: ɵgetProviders(options)\n    };\n  }\n}\n\nexport function withNgxsWebSocketPlugin(\n  options?: NgxsWebsocketPluginOptions\n): EnvironmentProviders {\n  return makeEnvironmentProviders(ɵgetProviders(options));\n}\n","/**\n * The public api for consumers of @ngxs/websocket-plugin\n */\nexport * from './src/public_api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ngxs/websocket-plugin",
   "description": "Websocket plugin for @ngxs/store",
-  "version": "3.8.1-dev.master-07536db",
+  "version": "3.8.1-dev.master-db96f65",
   "sideEffects": true,
   "peerDependencies": {
     "@angular/core": ">=12.0.0 <17.0.0",

package/src/providers.d.ts

@@ -0,0 +1,31 @@
+import { WebSocketHandler } from './websocket-handler';
+import { NgxsWebsocketPluginOptions } from './symbols';
+export declare function ɵwebsocketOptionsFactory(options: NgxsWebsocketPluginOptions): {
+    url?: string | undefined;
+    protocol?: string | string[] | undefined;
+    binaryType?: "blob" | "arraybuffer" | undefined;
+    typeKey: string;
+    reconnectInterval: number;
+    reconnectAttempts: number;
+    serializer: (data: any) => string;
+    deserializer: (e: MessageEvent<any>) => any;
+};
+export declare function ɵgetProviders(options?: NgxsWebsocketPluginOptions): ({
+    provide: import("@angular/core").InjectionToken<unknown>;
+    useValue: NgxsWebsocketPluginOptions | undefined;
+    useFactory?: undefined;
+    deps?: undefined;
+    multi?: undefined;
+} | {
+    provide: import("@angular/core").InjectionToken<NgxsWebsocketPluginOptions>;
+    useFactory: typeof ɵwebsocketOptionsFactory;
+    deps: import("@angular/core").InjectionToken<unknown>[];
+    useValue?: undefined;
+    multi?: undefined;
+} | {
+    provide: import("@angular/core").InjectionToken<readonly (() => void | import("rxjs").Observable<unknown> | Promise<unknown>)[]>;
+    useFactory: () => () => void;
+    deps: (typeof WebSocketHandler)[];
+    multi: boolean;
+    useValue?: undefined;
+})[];

package/src/symbols.d.ts

@@ -1,5 +1,6 @@
 import { InjectionToken } from '@angular/core';
-export declare const NGXS_WEBSOCKET_OPTIONS: InjectionToken<unknown>;
+export declare const NGXS_WEBSOCKET_OPTIONS: InjectionToken<NgxsWebsocketPluginOptions>;
+export declare const USER_OPTIONS: InjectionToken<unknown>;
 export interface NgxsWebsocketPluginOptions {
     /**
      * URL of the websocket.
@@ -42,7 +43,6 @@ export interface NgxsWebsocketPluginOptions {
      */
     deserializer?: (e: MessageEvent) => any;
 }
-export declare function noop(..._args: any[]): () => void;
 /**
  * Action to connect to the websocket. Optionally pass a URL.
  */

package/src/websocket-handler.d.ts

@@ -1,37 +1,23 @@
-import { OnDestroy } from '@angular/core';
+import { OnDestroy, NgZone } from '@angular/core';
 import { Actions, Store } from '@ngxs/store';
 import { NgxsWebsocketPluginOptions } from './symbols';
 import * as i0 from "@angular/core";
 export declare class WebSocketHandler implements OnDestroy {
-    private store;
-    private actions$;
-    private options;
-    private socket;
-    private config;
-    private typeKey;
-    private subscription;
-    constructor(store: Store, actions$: Actions, options: NgxsWebsocketPluginOptions);
+    private _store;
+    private _ngZone;
+    private _actions$;
+    private _options;
+    private _socket;
+    private readonly _socketClosed$;
+    private readonly _typeKey;
+    private readonly _destroy$;
+    constructor(_store: Store, _ngZone: NgZone, _actions$: Actions, _options: NgxsWebsocketPluginOptions);
     ngOnDestroy(): void;
-    private setupActionsListeners;
+    private _setupActionsListeners;
     private connect;
-    private disconnect;
+    private _disconnect;
     private send;
-    /**
-     * Don't enlarge the `connect` method
-     */
-    private mergeConfigWithOptions;
-    /**
-     * To ensure we don't have any memory leaks
-     * e.g. if the user occasionally dispatched `ConnectWebSocket` twice
-     * then the previous subscription will still live in the memory
-     * to prevent such behavior - we close the previous connection if it exists
-     */
-    private updateConnection;
-    /**
-     * Used in many places so it's better to move the code into function
-     */
-    private dispatchWebSocketDisconnected;
-    private closeConnection;
+    private _closeConnection;
     static ɵfac: i0.ɵɵFactoryDeclaration<WebSocketHandler, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<WebSocketHandler>;
 }

package/src/websocket.module.d.ts

@@ -1,17 +1,6 @@
-import { ModuleWithProviders, InjectionToken, EnvironmentProviders } from '@angular/core';
+import { ModuleWithProviders, EnvironmentProviders } from '@angular/core';
 import { NgxsWebsocketPluginOptions } from './symbols';
 import * as i0 from "@angular/core";
-export declare function websocketOptionsFactory(options: NgxsWebsocketPluginOptions): {
-    url?: string | undefined;
-    protocol?: string | string[] | undefined;
-    binaryType?: "blob" | "arraybuffer" | undefined;
-    typeKey: string;
-    reconnectInterval: number;
-    reconnectAttempts: number;
-    serializer: (data: any) => string;
-    deserializer: (e: MessageEvent<any>) => any;
-};
-export declare const USER_OPTIONS: InjectionToken<unknown>;
 export declare class NgxsWebsocketPluginModule {
     static forRoot(options?: NgxsWebsocketPluginOptions): ModuleWithProviders<NgxsWebsocketPluginModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxsWebsocketPluginModule, never>;