Merge pull request #766 from SuperViz/beta

Beta

Author: carlossantos74

.esbuild/build.js

@@ -6,12 +6,12 @@ const esbuild = require('esbuild');
     await Promise.all([
       esbuild.build({
         ...cjsConfig,
-        outfile: 'lib/index.cjs.js',
+        outfile: 'dist/index.cjs.js',
       }),
 
       esbuild.build({
         ...esmConfig,
-        outdir: 'lib',
+        outdir: 'dist',
       }),
     ]);
   } catch (error) {

__mocks__/config.mock.ts

@@ -6,7 +6,6 @@ import { LIMITS_MOCK } from './limits.mock';
 import { WATERMARK_MOCK } from './watermark.mock';
 
 export const MOCK_CONFIG: Configuration = {
-  ablyKey: 'unit-test-ably-key',
   apiKey: 'unit-test-api-key',
   apiUrl: 'http://unit-test-api-url',
   conferenceLayerUrl: 'https://unit-test-conference-layer-url',

__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

@@ -2,14 +2,14 @@
   "name": "@superviz/sdk",
   "version": "0.0.0-development",
   "description": "SuperViz SDK",
-  "main": "./lib/index.js",
-  "types": "./lib/index.d.ts",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
-    "import": "./lib/index.js",
-    "require": "./lib/index.cjs.js"
+    "import": "./dist/index.js",
+    "require": "./dist/index.cjs.js"
   },
   "files": [
-    "lib"
+    "dist"
   ],
   "scripts": {
     "prepare": "husky install",
@@ -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/styles/global.css

@@ -5,7 +5,8 @@
   --sv-primary: 98, 16, 204;
 }
 
-html, body {
+html,
+body {
   width: 100%;
   height: 100%;
   overflow: hidden;
@@ -46,14 +47,14 @@ html, body {
   display: none;
 }
 
-
 /* Presence Mouse */
 
 .pointer-mouse {
   display: flex;
-  height: 17px;
-  width: 17px;
+  height: 15px;
+  width: 16px;
   background-image: url(https://production.cdn.superviz.com/static/pointers/0.svg);
+  background-repeat: no-repeat;
 }
 
 .mouse-user-name {
@@ -76,4 +77,4 @@ html, body {
   display: block;
   z-index: 2;
   transition: all 150ms linear, opacity 100s ease-in;
-}
+}

src/common/types/cdn.types.ts

@@ -1,4 +1,4 @@
-import {
+import type {
   CanvasPin,
   HTMLPin,
   Comments,
@@ -8,15 +8,18 @@ import {
   WhoIsOnline,
   FormElements,
 } from '../../components';
-import { RealtimeComponentEvent, RealtimeComponentState } from '../../components/realtime/types';
-import { LauncherFacade } from '../../core/launcher/types';
-import {
+import type {
+  RealtimeComponentEvent,
+  RealtimeComponentState,
+} from '../../components/realtime/types';
+import type { LauncherFacade } from '../../core/launcher/types';
+import type {
   CamerasPosition,
   LayoutMode,
   LayoutPosition,
 } from '../../services/video-conference-manager/types';
 
-import {
+import type {
   DeviceEvent,
   MeetingEvent,
   RealtimeEvent,
@@ -31,6 +34,10 @@ import {
 } from './events.types';
 import { ParticipantType } from './participant.types';
 import { SuperVizSdkOptions } from './sdk-options.types';
+import { StoreType } from '../types/stores.types';
+import { PresenceEvents } from '@superviz/socket-client';
+import { FieldEvents } from '../../components/form-elements/types';
+import { PinMode } from '../../web-components/comments/components/types';
 
 export interface SuperVizCdn {
   init: (apiKey: string, options: SuperVizSdkOptions) => Promise<LauncherFacade>;
@@ -59,4 +66,9 @@ export interface SuperVizCdn {
   FormElements: typeof FormElements;
   RealtimeComponentState: typeof RealtimeComponentState;
   RealtimeComponentEvent: typeof RealtimeComponentEvent;
+  StoreType: typeof StoreType;
+  PresenceEvents: typeof PresenceEvents;
+  FieldEvents: typeof FieldEvents;
+  PinMode: typeof PinMode;
+  Comment: typeof Comment;
 }

src/common/types/sdk-options.types.ts

@@ -11,8 +11,9 @@ export interface SuperVizSdkOptions {
   roomId: string;
   participant: {
     id: string;
-    name: string;
+    name?: string;
     avatar?: Avatar;
+    email?: string;
   };
   group: Group;
   customColors?: ColorsVariables;

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/comments/index.test.ts

@@ -11,7 +11,7 @@ import ApiService from '../../services/api';
 import { IOC } from '../../services/io';
 import { Presence3DManager } from '../../services/presence-3d-manager';
 import { useGlobalStore } from '../../services/stores';
-import { CommentsFloatButton } from '../../web-components';
+import type { CommentsFloatButton } from '../../web-components/comments/components/float-button';
 import { ComponentNames } from '../types';
 
 import { PinAdapter, CommentsSide, Annotation, PinCoordinates } from './types';