Add verbose perf logging flag

Author: dedicatedbroadcastsolutions

apps/app/src/react/lib/perf.ts

@@ -0,0 +1,13 @@
+const PERF_VERBOSE_KEY = 'scPerfVerbose'
+
+export function isPerfVerbose(): boolean {
+	try {
+		return localStorage.getItem(PERF_VERBOSE_KEY) === '1'
+	} catch {
+		return false
+	}
+}
+
+export function shouldLogPerf(elapsedMs: number, thresholdMs: number): boolean {
+	return elapsedMs >= thresholdMs || isPerfVerbose()
+}

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

@@ -4,6 +4,7 @@ import { PeripheralArea } from '../../models/project/Peripheral.js'
 import { BridgeId, PeripheralId } from '@shared/api'
 import { protectString } from '@shared/models'
 import { Bridge, BridgePeripheralSettings } from '../../models/project/Bridge.js'
+import { shouldLogPerf } from '../lib/perf.js'
 
 /**
  * Information about currently opened project.
@@ -48,7 +49,7 @@ export class ProjectStore {
 		this._updateAssignedAreas()
 
 		const elapsedMs = Math.round(performance.now() - start)
-		if (elapsedMs >= 50) {
+		if (shouldLogPerf(elapsedMs, 50)) {
 			console.info('[perf] projectStore.update', {
 				elapsedMs,
 				bridges: Object.keys(project.bridges).length,

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

@@ -11,6 +11,7 @@ import {
 } from '@shared/models'
 import { ClientSideLogger } from '../api/logger.js'
 import { hashObj } from '../../lib/util.js'
+import { shouldLogPerf } from '../lib/perf.js'
 
 export type Resources = Map<ResourceId, ResourceAny>
 
@@ -102,7 +103,7 @@ export class ResourcesAndMetadataStore {
 		}
 
 		const elapsedMs = Math.round(performance.now() - start)
-		if (elapsedMs >= 100) {
+		if (shouldLogPerf(elapsedMs, 100)) {
 			console.info('[perf] updateResourcesAndMetadata', {
 				elapsedMs,
 				resources: resources.length,

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

@@ -22,6 +22,7 @@ import { ActionAny, RundownActionLight } from '../../lib/triggers/action.js'
 import { isEqual } from 'lodash-es'
 import { TimelineObj } from '../../models/rundown/TimelineObj.js'
 import { assertNever } from '@shared/lib'
+import { shouldLogPerf } from '../lib/perf.js'
 
 interface IRundownsItems {
 	[fileName: string]: IRundownsItem
@@ -124,7 +125,7 @@ export class RundownsStore {
 			})
 		})
 		const elapsedMs = Math.round(performance.now() - start)
-		if (elapsedMs >= 100) {
+		if (shouldLogPerf(elapsedMs, 100)) {
 			console.info('[perf] updateRundown', {
 				elapsedMs,
 				groupCount,