feat: optional studioLabelShort for presenters view

Author: olzzon

packages/blueprints-integration/src/content.ts

@@ -67,17 +67,20 @@ export interface GraphicsContent extends BaseContent {
 
 export interface CameraContent extends BaseContent {
 	studioLabel: string
+	studioLabelShort?: string
 	switcherInput: number | string
 }
 
 export interface RemoteContent extends BaseContent {
 	studioLabel: string
+	studioLabelShort?: string
 	switcherInput: number | string
 }
 
 /** Content description for the EVS variant of a LOCAL source */
 export interface EvsContent extends BaseContent {
 	studioLabel: string
+	studioLabelShort?: string
 	/** Switcher input for the EVS channel */
 	switcherInput: number | string
 	/** Name of the EVS channel as used in the studio */
@@ -155,6 +158,7 @@ export interface NoraContent extends BaseContent {
 export interface SplitsContentBoxProperties {
 	type: SourceLayerType
 	studioLabel: string
+	studioLabelShort?: string
 	switcherInput: number | string
 	/** Geometry information for a given box item in the Split. X,Y are relative to center of Box, Scale is 0...1, where 1 is Full-Screen */
 	geometry?: {

packages/webui/src/client/ui/PieceIcons/PieceIcon.tsx

@@ -49,7 +49,7 @@ export const PieceIcon = (props: {
 				const rmContent = piece ? (piece.content as RemoteContent | undefined) : undefined
 				return (
 					<RemoteInputIcon
-						inputIndex={rmContent ? rmContent.studioLabel : undefined}
+						inputIndex={rmContent ? rmContent.studioLabelShort || rmContent.studioLabel : undefined}
 						abbreviation={props.sourceLayer.abbreviation}
 					/>
 				)
@@ -58,7 +58,7 @@ export const PieceIcon = (props: {
 				const localContent = piece ? (piece.content as EvsContent | undefined) : undefined
 				return (
 					<LocalInputIcon
-						inputIndex={localContent ? localContent.studioLabel : undefined}
+						inputIndex={localContent ? localContent.studioLabelShort || localContent.studioLabel : undefined}
 						abbreviation={props.sourceLayer.abbreviation}
 					/>
 				)
@@ -71,7 +71,7 @@ export const PieceIcon = (props: {
 				const camContent = piece ? (piece.content as CameraContent | undefined) : undefined
 				return (
 					<CamInputIcon
-						inputIndex={camContent ? camContent.studioLabel : undefined}
+						inputIndex={camContent ? camContent.studioLabelShort || camContent.studioLabel : undefined}
 						abbreviation={props.sourceLayer.abbreviation}
 					/>
 				)