chore: import socket client

__mocks__/io.mock.ts

@@ -1,5 +1,5 @@
 import { jest } from '@jest/globals';
-import { Room } from '../src/lib/socket';
+import { Room } from '@superviz/socket-client';
 
 export const MOCK_IO = {
   ClientState: {

jest.setup.js

@@ -36,4 +36,4 @@ global.DOMPoint = class {
   }
 };
 
-jest.mock('./src/lib/socket', () => MOCK_IO);
+jest.mock('@superviz/socket-client', () => MOCK_IO);

package.json

@@ -92,7 +92,7 @@
     "luxon": "^3.4.4",
     "rxjs": "^7.8.1",
     "semantic-release-version-file": "^1.0.2",
-    "socket.io-client": "^4.7.5",
+    "@superviz/socket-client": "^1.10.0",
     "zod": "^3.23.8"
   },
   "config": {

src/common/types/cdn.types.ts

@@ -35,7 +35,7 @@ import type {
 import { ParticipantType } from './participant.types';
 import { SuperVizSdkOptions } from './sdk-options.types';
 import { StoreType } from '../types/stores.types';
-import { PresenceEvents } from '../../lib/socket/common/types/event.types';
+import { PresenceEvents } from '@superviz/socket-client';
 import { FieldEvents } from '../../components/form-elements/types';
 import { PinMode } from '../../web-components/comments/components/types';
 

src/components/base/index.ts

@@ -1,4 +1,4 @@
-import * as Socket from '../../lib/socket';
+import * as Socket from '@superviz/socket-client';
 
 import { ComponentLifeCycleEvent } from '../../common/types/events.types';
 import { Group } from '../../common/types/participant.types';

src/components/form-elements/index.ts

@@ -1,4 +1,4 @@
-import type { SocketEvent } from '../../lib/socket';
+import type { SocketEvent } from '@superviz/socket-client';
 
 import { Participant } from '../../common/types/participant.types';
 import { StoreType } from '../../common/types/stores.types';

src/components/form-elements/types.ts

@@ -1,4 +1,4 @@
-import { SocketEvent } from '../../lib/socket';
+import { SocketEvent } from '@superviz/socket-client';
 
 export type FormElementsProps = {
   fields?: string[] | string;

src/components/presence-mouse/canvas/index.ts

@@ -1,4 +1,4 @@
-import * as Socket from '../../../lib/socket';
+import * as Socket from '@superviz/socket-client';
 import { throttle } from 'lodash';
 
 import { RealtimeEvent } from '../../../common/types/events.types';

src/components/presence-mouse/html/index.ts

@@ -1,4 +1,4 @@
-import * as Socket from '../../../lib/socket';
+import * as Socket from '@superviz/socket-client';
 import { isEqual } from 'lodash';
 import { Subscription, fromEvent, throttleTime } from 'rxjs';
 

src/components/realtime/channel.ts

@@ -1,4 +1,4 @@
-import * as Socket from '../../lib/socket';
+import * as Socket from '@superviz/socket-client';
 import throttle from 'lodash/throttle';
 
 import { Participant } from '../../common/types/participant.types';

src/components/realtime/presence.test.ts

@@ -1,4 +1,4 @@
-import { PresenceEvent, PresenceEvents, Room } from '../../lib/socket';
+import { PresenceEvent, PresenceEvents, Room } from '@superviz/socket-client';
 
 import { RealtimePresence } from './presence';
 import { MOCK_IO } from '../../../__mocks__/io.mock';

src/components/realtime/presence.ts

@@ -1,6 +1,5 @@
 import { Logger } from '../../common/utils';
-import * as Socket from '../../lib/socket';
-import { PresenceEventsArg } from '../../lib/socket/common/types/event.types';
+import * as Socket from '@superviz/socket-client';
 
 export class RealtimePresence {
   private logger: Logger;
@@ -14,12 +13,15 @@ export class RealtimePresence {
     this.room.presence.update(data);
   }
 
-  public subscribe<T = unknown>(event: PresenceEventsArg, callback: Socket.PresenceCallback<T>) {
+  public subscribe<T = unknown>(
+    event: Socket.PresenceEventsArg,
+    callback: Socket.PresenceCallback<T>,
+  ) {
     this.logger.log('Realtime Presence @ subscribe', event);
     this.room.presence.on(event, callback);
   }
 
-  public unsubscribe(event: PresenceEventsArg) {
+  public unsubscribe(event: Socket.PresenceEventsArg) {
     this.logger.log('Realtime Presence @ unsubscribe', event);
     this.room.presence.off(event);
   }

src/components/video/index.test.ts

@@ -1,6 +1,6 @@
 import { TextEncoder, TextDecoder } from 'util';
 
-import { PresenceEvent } from '../../lib/socket';
+import { PresenceEvent } from '@superviz/socket-client';
 
 import { MOCK_CONFIG } from '../../../__mocks__/config.mock';
 import { EVENT_BUS_MOCK } from '../../../__mocks__/event-bus.mock';

src/components/video/index.ts

@@ -1,4 +1,4 @@
-import { PresenceEvent, PresenceEvents, Room } from '../../lib/socket';
+import { PresenceEvent, PresenceEvents, Room } from '@superviz/socket-client';
 
 import { ColorsVariables } from '../../common/types/colors.types';
 import {

src/components/who-is-online/index.ts

@@ -1,4 +1,4 @@
-import { PresenceEvent, PresenceEvents } from '../../lib/socket';
+import { PresenceEvent, PresenceEvents } from '@superviz/socket-client';
 
 import { RealtimeEvent, WhoIsOnlineEvent } from '../../common/types/events.types';
 import { Participant, Avatar } from '../../common/types/participant.types';

src/core/launcher/index.ts

@@ -1,4 +1,4 @@
-import * as Socket from '../../lib/socket';
+import * as Socket from '@superviz/socket-client';
 import { isEqual } from 'lodash';
 
 import { ParticipantEvent } from '../../common/types/events.types';

src/index.ts

@@ -24,7 +24,7 @@ import {
 import { ParticipantType } from './common/types/participant.types';
 import { RealtimeComponentEvent, RealtimeComponentState } from './components/realtime/types';
 import { StoreType } from './common/types/stores.types';
-import { PresenceEvents } from './lib/socket/common/types/event.types';
+import { PresenceEvents } from '@superviz/socket-client';
 import { FieldEvents } from './components/form-elements/types';
 import { PinMode } from './web-components/comments/components/types';