chore: Add Option to Update Layout Only for Resolution Change in Studio Load Function

.gitignore

@@ -16,3 +16,4 @@ log.txt
 docs/
 .npmrc
 renderer/renderer.json
+.aider*

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@api.stream/studio-kit",
-  "version": "3.0.45",
+  "version": "3.0.46",
   "description": "Client SDK for building studio experiences with API.stream",
   "license": "MIT",
   "private": false,

src/core/data.ts

@@ -117,6 +117,7 @@ export const hydrateProject = async (
     x: number
     y: number
   },
+  updateLayoutOnly?: boolean,
 ) => {
   const metadata = project.metadata || {}
 
@@ -140,18 +141,18 @@ export const hydrateProject = async (
   }
 
   // handle composition size changing
-  if (size) {
+  if (size && !updateLayoutOnly) {
     updateRequest.rendering = {
       video: {
         width: size.x,
         height: size.y,
         framerate: 30,
       },      
     };
-
     updateRequest.updateMask.push('rendering');
   }
 
+
   if (updateRequest.updateMask.length) {
     await CoreContext.clients.LiveApi().project.updateProject(updateRequest);
   }

src/core/index.ts

@@ -602,6 +602,9 @@ const load = async (
     x: number
     y: number
   },
+  options?: {
+    updateLayoutOnly?: boolean
+  }
 ): Promise<SDK.User> => {
   let user = getBaseUser()
   if (user) {
@@ -621,7 +624,7 @@ const load = async (
   await client.load(accessToken)
 
   // Load the projects and user data
-  const result = await CoreContext.Request.loadUser(size)
+  const result = await CoreContext.Request.loadUser(size, options)
 
   // TODO: Move to UserLoaded event handler
   setAppState({

src/core/requests.ts

@@ -106,10 +106,15 @@ export const deleteProject = async (request: { projectId: string }) => {
  * Load the user data from whatever access token has been registered
  *  with the API.
  */
-export const loadUser = async (size?: {
-  x: number
-  y: number
-}): Promise<{
+export const loadUser = async (
+  size?: {
+    x: number
+    y: number
+  },
+  options?: {
+    updateLayoutOnly?: boolean
+  }
+): Promise<{
   user: InternalUser
   projects: InternalProject[]
   sources: InternalSource[]
@@ -146,7 +151,7 @@ export const loadUser = async (size?: {
   const projects = await Promise.all(
     collection.projects
       .filter((p) => Boolean(p.metadata?.layoutId))
-      .map((project) => hydrateProject(project, 'ROLE_HOST' as Role, size)),
+      .map((project) => hydrateProject(project, 'ROLE_HOST' as Role, size, options?.updateLayoutOnly)),
   )
 
   return {

src/core/types.ts

@@ -782,7 +782,7 @@ export interface Studio {
    * ----
    * **Emits {@link UserLoaded}**
    */
-  load: (accessToken: string, size?: { x: number; y: number }) => Promise<User>
+  load: (accessToken: string, size?: { x: number; y: number }, options?: { updateLayoutOnly?: boolean }) => Promise<User>
   /**
    * Renders a project into the supplied HTML Element.
    */