feat: replace socket connection (#88)

Author: YanaYestr

apps/gauzy/src/app/app.component.ts

@@ -24,7 +24,6 @@ import {
 	NavigationService,
 	SelectorBuilderService,
 	SeoService,
-	SocketConnectionService,
 	Store
 } from '@gauzy/ui-core/core';
 import { I18nService } from '@gauzy/ui-core/i18n';
@@ -51,8 +50,7 @@ export class AppComponent implements OnInit, AfterViewInit {
 		private readonly _activatedRoute: ActivatedRoute,
 		private readonly _selectorBuilderService: SelectorBuilderService,
 		private readonly _dateRangePickerBuilderService: DateRangePickerBuilderService,
-		private readonly _navigationService: NavigationService,
-		private readonly _socketConnectionService: SocketConnectionService
+		private readonly _navigationService: NavigationService
 	) {
 		this.getActivateRouterDataEvent();
 		this.getPreferredLanguage();
@@ -115,8 +113,6 @@ export class AppComponent implements OnInit, AfterViewInit {
 		if (Number(this._store.serverConnection) === 0) {
 			this.loading = false;
 		}
-
-		if (this._store.token) this._socketConnectionService.connect();
 	}
 
 	/**

apps/gauzy/src/app/pages/pages.component.ts

@@ -14,6 +14,7 @@ import {
 	NavMenuBuilderService,
 	NavMenuSectionItem,
 	PermissionsService,
+	SocketConnectionService,
 	Store,
 	UsersService
 } from '@gauzy/ui-core/core';
@@ -23,15 +24,15 @@ import { ReportService } from './reports/all-report/report.service';
 
 @UntilDestroy({ checkProperties: true })
 @Component({
-    selector: 'ngx-pages',
-    styleUrls: ['pages.component.scss'],
-    template: `
+	selector: 'ngx-pages',
+	styleUrls: ['pages.component.scss'],
+	template: `
 		<ngx-one-column-layout *ngIf="!!menu && user">
 			<ga-main-nav-menu></ga-main-nav-menu>
 			<router-outlet></router-outlet>
 		</ngx-one-column-layout>
 	`,
-    standalone: false
+	standalone: false
 })
 export class PagesComponent extends TranslationBaseComponent implements AfterViewInit, OnInit, OnDestroy {
 	public organization: IOrganization;
@@ -51,7 +52,8 @@ export class PagesComponent extends TranslationBaseComponent implements AfterVie
 		private readonly _integrationsService: IntegrationsService,
 		private readonly _integrationEntitySettingServiceStoreService: IntegrationEntitySettingServiceStoreService,
 		private readonly _navMenuBuilderService: NavMenuBuilderService,
-		private readonly _permissionsService: PermissionsService
+		private readonly _permissionsService: PermissionsService,
+		private readonly _socketConnectionService: SocketConnectionService
 	) {
 		super(translate);
 	}
@@ -127,6 +129,8 @@ export class PagesComponent extends TranslationBaseComponent implements AfterVie
 			// Add the report menu items to the navigation menu
 			this.addOrRemoveOrganizationReportsMenuItems();
 		});
+
+		if (this.store.token) this._socketConnectionService.connect();
 	}
 
 	/**

packages/ui-core/core/src/lib/services/socket-connection/socket-connection.service.ts

@@ -21,6 +21,11 @@ export class SocketConnectionService {
 		const token = this.store.token;
 		const baseUrl = environment.API_BASE_URL;
 
+		if (this.socket && this.socket.connected) {
+			console.log('⚠️ Socket already connected, skipping...');
+			return;
+		}
+
 		// If no token is available, redirect to the login page
 		if (!token) {
 			console.warn('No token found, redirecting to login...');