Merge pull request #264 from SuperViz/beta

March Update #3

Author: carlossantos74

apps/playground/src/pages/yjs-monaco-wio.tsx

@@ -21,6 +21,11 @@ const SUPERVIZ_KEY = getConfig<string>("keys.superviz");
 const SUPERVIZ_ROOM_PREFIX = getConfig<string>("roomPrefix");
 
 const componentName = "yjs-monaco-wio";
+const participantNames = [
+  "Olivia",
+  "Mike",
+  "Greg"
+]
 
 function setStyles(
   states: Map<number, Record<string, any>>,
@@ -78,7 +83,7 @@ export function YjsMonacoWio() {
     room.current = await Room(SUPERVIZ_KEY, {
       roomId: `${SUPERVIZ_ROOM_PREFIX}-${componentName}`,
       participant: {
-        name: "Participant",
+        name: participantNames[Math.floor(Math.random() * participantNames.length)],
         id: uuid,
       },
       group: {

packages/react-room/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@superviz/react",
   "private": false,
-  "version": "1.0.6",
+  "version": "1.0.7-beta.1",
   "type": "module",
   "scripts": {
     "watch": "./node_modules/typescript/bin/tsc && vite build --watch",

packages/socket-client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superviz/socket-client",
-  "version": "1.16.6",
+  "version": "1.16.7-beta.1",
   "description": "SuperViz Socket Client",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

packages/video/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superviz/video",
-  "version": "1.0.3",
+  "version": "1.0.4-beta.1",
   "description": "SuperViz Video SDK",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

packages/video/src/services/video-manager/index.ts

@@ -235,6 +235,7 @@ export default class VideoManager {
     this.updateFrameState(VideoFrameState.INITIALIZED);
     this.updateFrameLocale();
     this.updateMeetingAvatars();
+    this.updateFrameStyle();
     this.onWindowResize();
     this.setCallbacks();
   };
@@ -418,6 +419,17 @@ export default class VideoManager {
     this.messageBridge.publish(FrameEvent.FRAME_LOCALE_UPDATE, this.frameLocale);
   };
 
+  /**
+   * @function updateFrameStyle
+   * @description update frame style
+   * @returns {void}
+   */
+  private updateFrameStyle = (): void => {
+    if (!this.styles) return;
+
+    this.messageBridge.publish(FrameEvent.FRAME_STYLES_UPDATE, this.styles);
+  };
+
   /**
    * @function updateMeetingAvatars
    * @description update list of avatars