refactor: use socket.io-client instead of ngx-socket-io

Author: ngfelixl

apps/web/src/app/app.module.ts

@@ -13,16 +13,10 @@ import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatListModule } from '@angular/material/list';
 import { PlotComponent } from './components/plot/plot.component';
 import { PlotsComponent } from './components/plots/plots.component';
-import { SocketIoModule, SocketIoConfig } from 'ngx-socket-io';
 import { SocketService } from './services/socket.service';
 import { DragDropModule } from '@angular/cdk/drag-drop';
 import { MatCardModule } from '@angular/material/card';
 
-const config: SocketIoConfig = {
-  url: '',
-  options: { transports: ['polling'] },
-};
-
 @NgModule({
   declarations: [
     AppComponent,
@@ -40,7 +34,6 @@ const config: SocketIoConfig = {
     HttpClientModule,
     MatSidenavModule,
     MatListModule,
-    SocketIoModule.forRoot(config),
     DragDropModule,
     MatCardModule,
   ],

apps/web/src/app/services/socket.service.ts

@@ -1,9 +1,14 @@
 import { Injectable } from '@angular/core';
-import { Socket } from 'ngx-socket-io';
+import { io } from 'socket.io-client';
+import { environment } from '../../environments/environment';
 
 @Injectable()
 export class SocketService {
-  constructor(private socket: Socket) {
+  socket;
+
+  constructor() {
+    this.socket = io(environment.socketIoEndpoint, { transports: ['polling'] });
+
     this.socket.on('connect', () => {
       console.log('connected');
     });

apps/web/src/environments/environment.prod.ts

@@ -1,3 +1,4 @@
 export const environment = {
   production: true,
+  socketIoEndpoint: '',
 };

apps/web/src/environments/environment.ts

@@ -4,6 +4,7 @@
 
 export const environment = {
   production: false,
+  socketIoEndpoint: '',
 };
 
 /*

libs/core/src/lib/server/plots/plots.gateway.ts

@@ -55,7 +55,7 @@ export class PlotsGateway implements OnGatewayConnection, OnGatewayDisconnect {
     this.clientMap.delete(client);
 
     if (this.clientMap.size === 0) {
-      this.bridgeService.shutdown$.next();
+      this.bridgeService.shutdown$.next(null);
     }
   }
 }

libs/core/src/lib/server/services/bridge.service.ts

@@ -18,6 +18,6 @@ export class BridgeService {
   }
 
   shutdown() {
-    this.shutdown$.next();
+    this.shutdown$.next(null);
   }
 }