docs: Correct some typos in webui, mostly in comments

rjmunro · rjmunro · commit 6d6f63935433 · 2025-10-08T00:07:36.000+01:00
diff --git a/packages/webui/public/origo-ui/dist/origo.css b/packages/webui/public/origo-ui/dist/origo.css
@@ -4283,7 +4283,7 @@ span.aligned {
 .dark .warn .action-btn:hover {
   color: #252627; }
 
-/* Resposive overrides */
+/* Responsive overrides */
 /* Small screens */
 @media only screen and (min-width: 640px) {
   /* Layout overrides */
diff --git a/packages/webui/src/__mocks__/helpers/jest.ts b/packages/webui/src/__mocks__/helpers/jest.ts
@@ -18,7 +18,7 @@ export async function runTimersUntilNow(): Promise<void> {
 	}
 }
 
-/** Returns a Promise that resolves after a speficied number of milliseconds */
+/** Returns a Promise that resolves after a specified number of milliseconds */
 export async function waitTime(ms: number): Promise<void> {
 	return new Promise((resolve) => orgSetTimeout(resolve, ms))
 }
diff --git a/packages/webui/src/__mocks__/random.ts b/packages/webui/src/__mocks__/random.ts
@@ -27,7 +27,7 @@ export function restartRandomId(): void {
 
 export function resetRandomId(): void {
 	// move the iterator forward and tie to next 1000
-	// This will help with making the random id more consistend in tests
+	// This will help with making the random id more consistent in tests
 	RandomMock.mockI += 500
 	RandomMock.mockI += 1000 - (RandomMock.mockI % 1000)
 }
diff --git a/packages/webui/src/client/lib/ReactMeteorData/ReactMeteorData.tsx b/packages/webui/src/client/lib/ReactMeteorData/ReactMeteorData.tsx
@@ -336,7 +336,7 @@ export type Translated<T> = T & WithTranslation
  * @template T
  * @template K
  * @param {() => T} autorun The autorun function to be run.
- * @param {React.DependencyList} [deps] A required list of dependenices to limit the tracker re-running. Can be left empty, if tracker
+ * @param {React.DependencyList} [deps] A required list of dependencies to limit the tracker re-running. Can be left empty, if tracker
  * 		has no external dependencies and should only be rerun when it's invalidated.
  * @param {K} [initial] An optional, initial state of the tracker. If not provided, the tracker may return undefined.
  * @return {*}  {(T | K)}
@@ -458,7 +458,7 @@ function useDelayState(initialState = false): {
  *
  * @export
  * @param {PubSub} sub The subscription to be subscribed to
- * @param {...any[]} args A list of arugments for the subscription. This is used for optimizing the subscription across
+ * @param {...any[]} args A list of arguments for the subscription. This is used for optimizing the subscription across
  * 		renders so that it isn't torn down and created for every render.
  */
 export function useSubscription<K extends keyof AllPubSubTypes>(
@@ -497,7 +497,7 @@ export function useSubscription<K extends keyof AllPubSubTypes>(
  * @export
  * @param {PubSub} sub The subscription to be subscribed to
  * @param {boolean} enable Whether the subscription is enabled
- * @param {...any[]} args A list of arugments for the subscription. This is used for optimizing the subscription across
+ * @param {...any[]} args A list of arguments for the subscription. This is used for optimizing the subscription across
  * 		renders so that it isn't torn down and created for every render.
  */
 export function useSubscriptionIfEnabled<K extends keyof AllPubSubTypes>(
@@ -542,7 +542,7 @@ export function useSubscriptionIfEnabled<K extends keyof AllPubSubTypes>(
  * @export
  * @param {PubSub} sub The subscription to be subscribed to
  * @param {boolean} enable Whether the subscription is enabled
- * @param {...any[]} args A list of arugments for the subscription. This is used for optimizing the subscription across
+ * @param {...any[]} args A list of arguments for the subscription. This is used for optimizing the subscription across
  * 		renders so that it isn't torn down and created for every render.
  */
 export function useSubscriptionIfEnabledReadyOnce<K extends keyof AllPubSubTypes>(
diff --git a/packages/webui/src/client/lib/RundownResolver.ts b/packages/webui/src/client/lib/RundownResolver.ts
@@ -111,7 +111,7 @@ const SIMULATION_INVALIDATION = 3000
  * @param {boolean} allowTestingAdlibsToPersist Studio config parameter to allow infinite adlibs from adlib testing to persist in the rundown
  * @param {FindOptions<PieceInstance>} [options]
  * @param {boolean} [pieceInstanceSimulation] If there are no PieceInstances in the PartInstance, create temporary
- * 		PieceInstances based on the Pieces collection and register a reactive dependancy to recalculate the current
+ * 		PieceInstances based on the Pieces collection and register a reactive dependency to recalculate the current
  * 		computation after some time to return the actual PieceInstances for the PartInstance.
  * @return {*}
  */
diff --git a/packages/webui/src/client/lib/Settings.ts b/packages/webui/src/client/lib/Settings.ts
@@ -3,7 +3,7 @@ import { ISettings, DEFAULT_SETTINGS } from '@sofie-automation/meteor-lib/dist/S
 
 /**
  * This is an object specifying installation-wide, User Interface settings.
- * There are default values for these settings that will be used, unless overriden
+ * There are default values for these settings that will be used, unless overridden
  * through Meteor.settings functionality.
  *
  * You can use METEOR_SETTING to inject the settings JSON or you can use the
diff --git a/packages/webui/src/client/lib/__tests__/rundown.test.ts b/packages/webui/src/client/lib/__tests__/rundown.test.ts
@@ -24,7 +24,7 @@ const mockPartInstancesCollection = MongoMock.getInnerMockCollection(PartInstanc
 const mockPieceInstancesCollection = MongoMock.getInnerMockCollection(PieceInstances)
 const mockPiecesCollection = MongoMock.getInnerMockCollection(Pieces)
 
-// This is a hack, the tests should be rewriten to not use methods unrelated to the testee
+// This is a hack, the tests should be rewritten to not use methods unrelated to the testee
 jest.mock('../../ui/Collections', () => {
 	const mockClientCollections = jest.requireActual('../../ui/Collections')
 	const mockLibCollections = jest.requireActual('../../collections/index')
diff --git a/packages/webui/src/client/lib/clientUserAction.ts b/packages/webui/src/client/lib/clientUserAction.ts
@@ -131,7 +131,7 @@ function userActionToLabel(userAction: UserAction, t: i18next.TFunction) {
 }
 
 /**
- * Handle a the experience arround a back-end method call - display a "Waiting for action" message, when the call takes
+ * Handle a the experience around a back-end method call - display a "Waiting for action" message, when the call takes
  * long to return a result/error and show an error message when the call fails.
  *
  * @export
diff --git a/packages/webui/src/client/lib/forms/SchemaFormTable/ObjectTable.tsx b/packages/webui/src/client/lib/forms/SchemaFormTable/ObjectTable.tsx
@@ -65,7 +65,7 @@ export const SchemaFormObjectTable = ({
 
 	const wrappedRows = useMemo(() => {
 		if (item.defaults) {
-			// Table can be overriden with granularity
+			// Table can be overridden with granularity
 
 			const rawRows = (attr ? objectPathGet(item.defaults, attr) : item.defaults) || {}
 
@@ -87,7 +87,7 @@ export const SchemaFormObjectTable = ({
 					defaults: rawRows,
 					overrides: ops,
 				},
-				(a, b) => a[0].localeCompare(b[0]) // TODO - better comparitor?
+				(a, b) => a[0].localeCompare(b[0]) // TODO - better comparator?
 			)
 
 			return wrappedRows
@@ -102,7 +102,7 @@ export const SchemaFormObjectTable = ({
 				if (obj) validItems.push([id, obj])
 			}
 
-			validItems.sort((a, b) => a[0].localeCompare(b[0])) // TODO - better comparitor?
+			validItems.sort((a, b) => a[0].localeCompare(b[0])) // TODO - better comparator?
 
 			// Sort and wrap in the return type
 			return validItems.map(([id, obj]) =>
diff --git a/packages/webui/src/client/lib/memoizedIsolatedAutorun.ts b/packages/webui/src/client/lib/memoizedIsolatedAutorun.ts
@@ -132,7 +132,7 @@ export async function memoizedIsolatedAutorunAsync<TArgs extends any[], TRes>(
 			// If the old value is an unresolved promise, we can't compare it
 			const oldRealValue = isPromise(oldValue) ? null : oldValue
 
-			// If the values are different, invalidate the dependancy
+			// If the values are different, invalidate the dependency
 			// Do this even for the first run, as other listeners might have joined while the promise was resolving
 			if (!_.isEqual(oldRealValue, newValue)) {
 				dep.changed()
diff --git a/packages/webui/src/client/lib/notifications/notifications.ts b/packages/webui/src/client/lib/notifications/notifications.ts
@@ -43,7 +43,7 @@ export enum NoticeLevel {
 	CRITICAL = 0b0001, // 1
 	/** High priority notification. Operations will not be affected, but non-critical functions may be affected or the result may be undesirable. */
 	WARNING = 0b0010, // 2
-	/** Confirmation of a successful operation and general informations. */
+	/** Confirmation of a successful operation and general information. */
 	NOTIFICATION = 0b0100, // 4
 	/** Tips to the user */
 	TIP = 0b1000, // 8
@@ -62,7 +62,7 @@ export interface NotificationAction {
 	type: string // for a default, use 'default'
 	/** Icon shown on the action button. */
 	icon?: any
-	/** The method that will be called when the user takes the aciton. */
+	/** The method that will be called when the user takes the action. */
 	action?: (e: any) => void
 	/** If true, will disable the action (ie the button will show, but not clickable). */
 	disabled?: boolean
@@ -291,7 +291,7 @@ class NotificationCenter0 {
 	}
 
 	/**
-	 * Get a reactive array of notificaitons in the Notification Center
+	 * Get a reactive array of notifications in the Notification Center
 	 *
 	 * @returns {Array<Notification>}
 	 * @memberof NotificationCenter0
@@ -321,7 +321,7 @@ class NotificationCenter0 {
 	}
 
 	/**
-	 * Get a reactive array of notificaiton id's in the Notification Center
+	 * Get a reactive array of notification id's in the Notification Center
 	 *
 	 * @returns {Array<string>}
 	 * @memberof NotificationCenter0
@@ -528,7 +528,7 @@ export class Notification extends EventEmitter {
 	}
 
 	/**
-	 * Callback called by the Notifcation Center when a user takes an action
+	 * Callback called by the Notification Center when a user takes an action
 	 *
 	 * @param {string} type
 	 * @param {*} event
diff --git a/packages/webui/src/client/lib/rundown.ts b/packages/webui/src/client/lib/rundown.ts
@@ -264,7 +264,7 @@ export namespace RundownUtils {
 	 * It simulates the operations done by the playout operations in core and playout-gateway
 	 * and produces a list of Pieces across Parts timed relatively.
 	 *
-	 * This method is primarly used by the GUI to visualize segments, but other functions
+	 * This method is primarily used by the GUI to visualize segments, but other functions
 	 * utilize it as well when information about timing & time placement is needed.
 	 *
 	 * @export
@@ -280,7 +280,7 @@ export namespace RundownUtils {
 	 * 		PartInstance, whose contents are being streamed in. When ran in a reactive context, the computation will
 	 * 		be eventually invalidated so that the actual data can be streamed in (to show that the part is actually empty)
 	 * @param {boolean} [includeDisabledPieces=false] In some uses (like when previewing a Segment in the GUI) it's needed
-	 * 		to consider disabled Piecess as where they are, insted of stripping them out. When enabled, the method will
+	 * 		to consider disabled Piecess as where they are, instead of stripping them out. When enabled, the method will
 	 * 		keep them in the result set.
 	 * @return {*}  {({
 	 */
diff --git a/packages/webui/src/client/lib/rundownPlaylistUtil.ts b/packages/webui/src/client/lib/rundownPlaylistUtil.ts
@@ -19,7 +19,7 @@ import { PartInstance } from '@sofie-automation/meteor-lib/dist/collections/Part
 import _ from 'underscore'
 
 export class RundownPlaylistClientUtil {
-	/** Returns all segments joined with their rundowns in their correct oreder for this RundownPlaylist */
+	/** Returns all segments joined with their rundowns in their correct order for this RundownPlaylist */
 	static getRundownsAndSegments(
 		playlist: Pick<DBRundownPlaylist, '_id' | 'rundownIdsInOrder'>,
 		selector?: MongoQuery<DBSegment>,
diff --git a/packages/webui/src/client/lib/rundownTiming.ts b/packages/webui/src/client/lib/rundownTiming.ts
@@ -733,7 +733,7 @@ export interface RundownTimingContext {
 	rundownExpectedDurations?: Record<string, number>
 	/** This is the complete duration of each rundown: as planned for the unplayed content, and as-run for the played-out, but ignoring unplayed/unplayable parts in order */
 	rundownAsPlayedDurations?: Record<string, number>
-	/** this is the countdown to each of the parts relative to the current on air part. This allways uses PartId's as the index */
+	/** this is the countdown to each of the parts relative to the current on air part. This always uses PartId's as the index */
 	partCountdown?: Record<string, number | null>
 	/** The calculated durations of each of the Parts: as-planned/as-run depending on state. */
 	partDurations?: Record<string, number>
diff --git a/packages/webui/src/client/lib/tempLib.ts b/packages/webui/src/client/lib/tempLib.ts
@@ -3,8 +3,8 @@
  * It should be removed entirely, but requires a bit of effort to update the hundreds of references to this file.
  */
 
-// Legacy compatability
-// Note: These have to be named explicity, to satisfy Vite
+// Legacy compatibility
+// Note: These have to be named explicitly, to satisfy Vite
 export type { Time, TimeDuration } from '@sofie-automation/shared-lib/dist/lib/lib'
 export type { ProtectedString } from '@sofie-automation/shared-lib/dist/lib/protectedString'
 export {
diff --git a/packages/webui/src/client/styles/main.scss b/packages/webui/src/client/styles/main.scss
@@ -1,4 +1,4 @@
-/* SASS statring point. Import styles from here on: */
+/* SASS starting point. Import styles from here on: */
 
 /* body {
 	user-select: none;
diff --git a/packages/webui/src/client/ui/ClockView/OverlayScreenSaver.tsx b/packages/webui/src/client/ui/ClockView/OverlayScreenSaver.tsx
@@ -37,7 +37,7 @@ export function OverlayScreenSaver({ studioId }: Readonly<{ studioId: StudioId }
 				parentWidth = parentRect.width
 			}
 
-			// try and find a nice random position, thats significanlty different from the last postion
+			// try and find a nice random position, thats significantly different from the last position
 			do {
 				position = Math.random() * ((parentWidth * 5) / 6 - width)
 			} while (Math.abs(position - lastPosition) < 200 && i++ < 10)
diff --git a/packages/webui/src/client/ui/Collections.tsx b/packages/webui/src/client/ui/Collections.tsx
@@ -31,7 +31,7 @@ export const DeviceTriggersPreviews = createSyncCustomPublicationMongoCollection
 )
 
 /**
- * Pre-generated notes to be converted into notificiations.
+ * Pre-generated notes to be converted into notifications.
  */
 export const UISegmentPartNotes = createSyncCustomPublicationMongoCollection(CustomCollectionName.UISegmentPartNotes)
 
diff --git a/packages/webui/src/client/ui/Prompter/controller/joycon-device.ts b/packages/webui/src/client/ui/Prompter/controller/joycon-device.ts
@@ -14,7 +14,7 @@ export class JoyConController extends ControllerAbstract {
 
 	private invertJoystick = false // change scrolling direction for joystick
 	private rangeRevMin = -1 // pedal "all back" position, the max-reverse-position
-	private rangeNeutralMin = -0.25 // pedal "back" position where reverse-range transistions to the neutral x
+	private rangeNeutralMin = -0.25 // pedal "back" position where reverse-range transitions to the neutral x
 	private rangeNeutralMax = 0.25 // pedal "front" position where scrolling starts, the 0 speed origin
 	private rangeFwdMax = 1 // pedal "all front" position where scrolling is maxed out
 	private rightHandOffset = 1.4 // factor increased by 1.4 to account for the R joystick being less sensitive than L
@@ -314,7 +314,7 @@ export class JoyConController extends ControllerAbstract {
 		const { rangeRevMin, rangeNeutralMin, rangeNeutralMax, rangeFwdMax } = this
 		let inputValue = this.getActiveInputsOfJoycons(inputs)
 
-		// start by clamping value to the leagal range
+		// start by clamping value to the legal range
 		inputValue = Math.min(Math.max(inputValue, rangeRevMin), rangeFwdMax) // clamps in between rangeRevMin and rangeFwdMax
 		// stores only for debugging
 		this.lastInputValue = inputValue.toFixed(2)
diff --git a/packages/webui/src/client/ui/Prompter/controller/keyboard-device.ts b/packages/webui/src/client/ui/Prompter/controller/keyboard-device.ts
@@ -163,7 +163,7 @@ export class KeyboardController extends ControllerAbstract {
 				const stopAcceleration = Math.sign(this._currentSpeed) * this._acceleration
 				const distanceToStop = this._getDistanceToStop(this._currentSpeed, stopAcceleration)
 				if (Math.abs(dp) <= Math.abs(distanceToStop)) {
-					// We should deccelerate
+					// We should decelerate
 
 					const actualStopAcceleration = this._getAccelerationToStopInTime(
 						this._currentSpeed,
diff --git a/packages/webui/src/client/ui/Prompter/controller/midi-pedal-device.ts b/packages/webui/src/client/ui/Prompter/controller/midi-pedal-device.ts
@@ -14,7 +14,7 @@ export class MidiPedalController extends ControllerAbstract {
 	private idleMidiInputs: { [midiId: string]: boolean } = {}
 
 	private rangeRevMin = 0 // pedal "all back" position, the max-reverse-position
-	private rangeNeutralMin = 35 // pedal "back" position where reverse-range transistions to the neutral range
+	private rangeNeutralMin = 35 // pedal "back" position where reverse-range transitions to the neutral range
 	private rangeNeutralMax = 80 // pedal "front" position where scrolling starts, the 0 speed origin
 	private rangeFwdMax = 127 // pedal "all front" position where scrolling is maxed out
 	private speedMap = [1, 2, 3, 4, 5, 7, 9, 12, 17, 19, 30]
@@ -139,7 +139,7 @@ export class MidiPedalController extends ControllerAbstract {
 		const { rangeRevMin, rangeNeutralMin, rangeNeutralMax, rangeFwdMax } = this
 		let inputValue = e.value || 0
 
-		// start by clamping value to the leagal range
+		// start by clamping value to the legal range
 		inputValue = Math.min(Math.max(inputValue, rangeRevMin), rangeFwdMax) // clamps in between rangeRevMin and rangeFwdMax
 
 		if (inputValue >= rangeRevMin && inputValue <= rangeNeutralMin) {
diff --git a/packages/webui/src/client/ui/RundownView/RundownHeader/useRundownPlaylistOperations.tsx b/packages/webui/src/client/ui/RundownView/RundownHeader/useRundownPlaylistOperations.tsx
@@ -355,7 +355,7 @@ class RundownPlaylistOperationsService {
 						},
 					})
 				} else {
-					// Already in rehersal, do nothing
+					// Already in rehearsal, do nothing
 				}
 			} else {
 				// The broadcast has started
@@ -443,7 +443,7 @@ class RundownPlaylistOperationsService {
 			)
 		}
 		if (this.playlist.activationId && !this.playlist.rehearsal && !this.studio.settings.allowRundownResetOnAir) {
-			// The rundown is active and not in rehersal
+			// The rundown is active and not in rehearsal
 			doModalDialog({
 				title: 'Reset Rundown',
 				message: t('The rundown can not be reset while it is active'),
diff --git a/packages/webui/src/client/ui/RundownView/RundownTiming/withTiming.tsx b/packages/webui/src/client/ui/RundownView/RundownTiming/withTiming.tsx
@@ -134,7 +134,7 @@ export function withTiming<IProps, IState>(
 				// a RundownTimingContext that has not gone through the filter and thus
 				// previousValue may go out of sync.
 				// To bring it back to sync, we mark the component as dirty, which will
-				// force an update on the next low resoluton tick, regardless of what
+				// force an update on the next low resolution tick, regardless of what
 				// the filter says.
 				if (componentIsDirty(this.filterGetter, highResDurations, expandedOptions.dataResolution)) {
 					this.isDirty = true
diff --git a/packages/webui/src/client/ui/SegmentContainer/withResolvedSegment.ts b/packages/webui/src/client/ui/SegmentContainer/withResolvedSegment.ts
@@ -291,7 +291,7 @@ export function withResolvedSegment<T extends IResolvedSegmentProps, IState = {}
 			props: IResolvedSegmentProps,
 			nextProps: IResolvedSegmentProps
 		): boolean => {
-			// This is a potentailly very dangerous hook into the React component lifecycle. Re-use with caution.
+			// This is a potentially very dangerous hook into the React component lifecycle. Re-use with caution.
 			// Check obvious primitive changes
 			if (
 				props.followLiveSegments !== nextProps.followLiveSegments ||
diff --git a/packages/webui/src/client/ui/SegmentList/LinePart.tsx b/packages/webui/src/client/ui/SegmentList/LinePart.tsx
@@ -140,7 +140,7 @@ export function LinePart({
 					'segment-opl__part--invalid': part.instance.part.invalid,
 					'segment-opl__part--timing-sibling': isPreceededByTimingGroupSibling,
 				}),
-				//@ts-expect-error A Data attribue is perfectly fine
+				//@ts-expect-error A Data attribute is perfectly fine
 				'data-part-instance-id': part.instance._id,
 				id: SegmentTimelinePartElementId + part.instance._id,
 				role: 'region',
diff --git a/packages/webui/src/client/ui/SegmentStoryboard/StoryboardPart.tsx b/packages/webui/src/client/ui/SegmentStoryboard/StoryboardPart.tsx
@@ -147,7 +147,7 @@ export function StoryboardPart({
 					},
 					className
 				),
-				//@ts-expect-error A Data attribue is perfectly fine
+				//@ts-expect-error A Data attribute is perfectly fine
 				'data-layer-id': part.instance._id,
 				id: SegmentTimelinePartElementId + part.instance._id,
 				style: style,
diff --git a/packages/webui/src/client/ui/SegmentStoryboard/StoryboardPartSecondaryPieces/StoryboardSourceLayer.tsx b/packages/webui/src/client/ui/SegmentStoryboard/StoryboardPartSecondaryPieces/StoryboardSourceLayer.tsx
@@ -41,7 +41,7 @@ function usePlayedOutPieceState(
 		const stoppedPlayback = partInstanceStoppedPlayback ?? Number.POSITIVE_INFINITY
 		let closestAbsoluteNext = Number.POSITIVE_INFINITY
 
-		// the pieces are in anti-chronological order for conveniece elsewhere, so we need to go from the end
+		// the pieces are in anti-chronological order for convenience elsewhere, so we need to go from the end
 		// of the array
 		for (let i = piecesOnLayer.length - 1; i >= 0; i--) {
 			const piece = piecesOnLayer[i]
diff --git a/packages/webui/src/client/ui/SegmentTimeline/Parts/SegmentTimelinePart.tsx b/packages/webui/src/client/ui/SegmentTimeline/Parts/SegmentTimelinePart.tsx
@@ -48,7 +48,7 @@ export const SegmentTimelinePartElementId = 'rundown__segment__part__'
 /** The width at which a Part is too small to attempt displaying text labels on Pieces, in pixels */
 export const BREAKPOINT_TOO_SMALL_FOR_TEXT = 30
 
-/** The width at whcih a Part is too small to be drawn at all, in pixels */
+/** The width at which a Part is too small to be drawn at all, in pixels */
 export const BREAKPOINT_TOO_SMALL_FOR_DISPLAY = 6
 
 interface IProps {
@@ -181,7 +181,7 @@ export class SegmentTimelinePartClass extends React.Component<Translated<WithTim
 
 		let liveDuration = 0
 		if (!isDurationSettling) {
-			// if the duration isn't settling, calculate the live line postion and add some liveLive time padding
+			// if the duration isn't settling, calculate the live line position and add some liveLive time padding
 			if (isLive && !nextProps.autoNextPart && !nextPartInstance.part.autoNext) {
 				liveDuration = Math.max(
 					(startedPlayback &&
diff --git a/packages/webui/src/client/ui/SegmentTimeline/Parts/SourceLayer.tsx b/packages/webui/src/client/ui/SegmentTimeline/Parts/SourceLayer.tsx
@@ -96,7 +96,7 @@ export function SourceLayer(props: Readonly<ISourceLayerProps>): JSX.Element {
 			id="segment-timeline-context-menu"
 			attributes={{
 				className: 'segment-timeline__layer',
-				//@ts-expect-error A Data attribue is perfectly fine
+				//@ts-expect-error A Data attribute is perfectly fine
 				'data-layer-id': props.layer._id,
 				onMouseDownCapture: (e) => onMouseDown(e),
 				role: 'log',
diff --git a/packages/webui/src/client/ui/SegmentTimeline/Renderers/TransitionSourceRenderer.tsx b/packages/webui/src/client/ui/SegmentTimeline/Renderers/TransitionSourceRenderer.tsx
diff --git a/packages/webui/src/client/ui/SegmentTimeline/SourceLayerItem.tsx b/packages/webui/src/client/ui/SegmentTimeline/SourceLayerItem.tsx
diff --git a/packages/webui/src/client/ui/SegmentTimeline/TimelineGrid.tsx b/packages/webui/src/client/ui/SegmentTimeline/TimelineGrid.tsx
diff --git a/packages/webui/src/client/ui/Shelf/AdLibListView.tsx b/packages/webui/src/client/ui/Shelf/AdLibListView.tsx
diff --git a/packages/webui/src/client/ui/Shelf/AdLibPanel.tsx b/packages/webui/src/client/ui/Shelf/AdLibPanel.tsx
diff --git a/packages/webui/src/meteor/ddp/common/livedata_connection.js b/packages/webui/src/meteor/ddp/common/livedata_connection.js
diff --git a/packages/webui/src/meteor/minimongo/common.js b/packages/webui/src/meteor/minimongo/common.js
diff --git a/packages/webui/src/meteor/mongo/index.js b/packages/webui/src/meteor/mongo/index.js
diff --git a/scripts/install-and-build.mjs b/scripts/install-and-build.mjs
diff --git a/scripts/lib.js b/scripts/lib.js
diff --git a/scripts/run.mjs b/scripts/run.mjs

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@ export async function runTimersUntilNow(): Promise<void> {`
`18`	`18`	`}`
`19`	`19`	`}`
`20`	`20`
`21`		`-/** Returns a Promise that resolves after a speficied number of milliseconds */`
	`21`	`+/** Returns a Promise that resolves after a specified number of milliseconds */`
`22`	`22`	`export async function waitTime(ms: number): Promise<void> {`
`23`	`23`	`return new Promise((resolve) => orgSetTimeout(resolve, ms))`
`24`	`24`	`}`
Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ export function restartRandomId(): void {`
`27`	`27`
`28`	`28`	`export function resetRandomId(): void {`
`29`	`29`	`// move the iterator forward and tie to next 1000`
`30`		`- // This will help with making the random id more consistend in tests`
	`30`	`+ // This will help with making the random id more consistent in tests`
`31`	`31`	`RandomMock.mockI += 500`
`32`	`32`	`RandomMock.mockI += 1000 - (RandomMock.mockI % 1000)`
`33`	`33`	`}`
Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@ import { ISettings, DEFAULT_SETTINGS } from '@sofie-automation/meteor-lib/dist/S`
`3`	`3`
`4`	`4`	`/**`
`5`	`5`	`* This is an object specifying installation-wide, User Interface settings.`
`6`		`- * There are default values for these settings that will be used, unless overriden`
	`6`	`+ * There are default values for these settings that will be used, unless overridden`
`7`	`7`	`* through Meteor.settings functionality.`
`8`	`8`	`*`
`9`	`9`	`* You can use METEOR_SETTING to inject the settings JSON or you can use the`
Original file line number	Diff line number	Diff line change
`@@ -131,7 +131,7 @@ function userActionToLabel(userAction: UserAction, t: i18next.TFunction) {`
`131`	`131`	`}`
`132`	`132`
`133`	`133`	`/**`
`134`		`- * Handle a the experience arround a back-end method call - display a "Waiting for action" message, when the call takes`
	`134`	`+ * Handle a the experience around a back-end method call - display a "Waiting for action" message, when the call takes`
`135`	`135`	`* long to return a result/error and show an error message when the call fails.`
`136`	`136`	`*`
`137`	`137`	`* @export`