Add perf logs for startup data updates

Author: dedicatedbroadcastsolutions

apps/app/src/react/mobx/ProjectStore.ts

@@ -42,9 +42,20 @@ export class ProjectStore {
 	}
 
 	update(project: Project): void {
+		const start = performance.now()
 		this.project = project
 
 		this._updateAssignedAreas()
+
+		const elapsedMs = Math.round(performance.now() - start)
+		if (elapsedMs >= 50) {
+			console.info('[perf] projectStore.update', {
+				elapsedMs,
+				bridges: Object.keys(project.bridges).length,
+				assignedAreas: this.assignedAreas.length,
+				availableAreas: this.availableAreas.length,
+			})
+		}
 	}
 
 	private _updateAssignedAreas() {

apps/app/src/react/mobx/ResourcesAndMetadataStore.ts

@@ -50,6 +50,12 @@ export class ResourcesAndMetadataStore {
 		resources: Array<{ id: ResourceId; resource: ResourceAny | null }>,
 		metadata: SerializedProtectedMap<TSRDeviceId, MetadataAny | null>
 	): void {
+		const start = performance.now()
+		let updatedResources = 0
+		let deletedResources = 0
+		let updatedMetadata = 0
+		let deletedMetadata = 0
+
 		// Resources:
 		{
 			for (const { id, resource } of resources) {
@@ -60,37 +66,52 @@ export class ResourcesAndMetadataStore {
 					if (existingHash !== resourceHash) {
 						this.resources.set(id, resource)
 						this.resourceHashes.set(id, resourceHash)
+						updatedResources += 1
 					}
 				} else {
 					if (this.resources.has(id)) {
 						this.resources.delete(id)
 						this.resourceHashes.delete(id)
+						deletedResources += 1
 					}
 				}
 			}
 		}
 
 		// Metadata:
 		{
-			for (const [deviceId, deviceMetadata] of deserializeProtectedMap<TSRDeviceId, MetadataAny | null>(
-				metadata
-			).entries()) {
+			const metadataMap = deserializeProtectedMap<TSRDeviceId, MetadataAny | null>(metadata)
+			for (const [deviceId, deviceMetadata] of metadataMap.entries()) {
 				const metadataHash = hashObj(deviceMetadata)
 
 				if (deviceMetadata) {
 					const existingHash = this.metadataHashes.get(deviceId)
 					if (existingHash !== metadataHash) {
 						this.metadata.set(deviceId, deviceMetadata)
 						this.metadataHashes.set(deviceId, metadataHash)
+						updatedMetadata += 1
 					}
 				} else {
 					if (this.metadata.has(deviceId)) {
 						this.metadata.delete(deviceId)
 						this.metadataHashes.delete(deviceId)
+						deletedMetadata += 1
 					}
 				}
 			}
 		}
+
+		const elapsedMs = Math.round(performance.now() - start)
+		if (elapsedMs >= 100) {
+			console.info('[perf] updateResourcesAndMetadata', {
+				elapsedMs,
+				resources: resources.length,
+				updatedResources,
+				deletedResources,
+				updatedMetadata,
+				deletedMetadata,
+			})
+		}
 	}
 	public isAnyDeviceRefreshing(): boolean {
 		return this.refreshStatuses.size > 0

apps/app/src/react/mobx/RundownsStore.ts

@@ -92,6 +92,19 @@ export class RundownsStore {
 	}
 
 	updateRundown = (rundownId: string, rundown: Rundown): void => {
+		const start = performance.now()
+		let groupCount = 0
+		let partCount = 0
+		let timelineCount = 0
+		if (rundown) {
+			groupCount = rundown.groups.length
+			for (const group of rundown.groups) {
+				partCount += group.parts.length
+				for (const part of group.parts) {
+					timelineCount += part.timeline.length
+				}
+			}
+		}
 		runInAction(() => {
 			this._rundownsClean.set(rundownId, rundown)
 			this._updateRundown(rundownId, rundown)
@@ -110,6 +123,15 @@ export class RundownsStore {
 				}
 			})
 		})
+		const elapsedMs = Math.round(performance.now() - start)
+		if (elapsedMs >= 100) {
+			console.info('[perf] updateRundown', {
+				elapsedMs,
+				groupCount,
+				partCount,
+				timelineCount,
+			})
+		}
 	}
 
 	hasRundown(rundownId: string): boolean {