chore: update webui imports to be full path with extensions

Author: Julusian

packages/webui/src/__mocks__/_setupMocks.ts

@@ -1,4 +1,4 @@
-import { resetRandomId } from './random'
+import { resetRandomId } from './random.js'
 
 // This file is run before all tests start.
 

packages/webui/src/__mocks__/defaultCollectionObjects.ts

@@ -1,5 +1,5 @@
 import { DBStudio } from '@sofie-automation/corelib/dist/dataModel/Studio'
-import { clone, protectString, unprotectString } from '../client/lib/tempLib'
+import { clone, protectString, unprotectString } from '../client/lib/tempLib.js'
 import { DBRundownPlaylist } from '@sofie-automation/corelib/dist/dataModel/RundownPlaylist'
 import { DBRundown } from '@sofie-automation/corelib/dist/dataModel/Rundown'
 import { DBSegment } from '@sofie-automation/corelib/dist/dataModel/Segment'

packages/webui/src/__mocks__/helpers/database.ts

@@ -10,17 +10,17 @@ import {
 import { DBShowStyleBase } from '@sofie-automation/corelib/dist/dataModel/ShowStyleBase'
 import { DBShowStyleVariant } from '@sofie-automation/corelib/dist/dataModel/ShowStyleVariant'
 import { ICoreSystem, SYSTEM_ID } from '@sofie-automation/meteor-lib/dist/collections/CoreSystem'
-import { literal, protectString, getRandomId, Complete, normalizeArray } from '../../client/lib/tempLib'
+import { literal, protectString, getRandomId, Complete, normalizeArray } from '../../client/lib/tempLib.js'
 import { DBRundown } from '@sofie-automation/corelib/dist/dataModel/Rundown'
 import { DBSegment } from '@sofie-automation/corelib/dist/dataModel/Segment'
 import { DBPart } from '@sofie-automation/corelib/dist/dataModel/Part'
 import { EmptyPieceTimelineObjectsBlob, Piece } from '@sofie-automation/corelib/dist/dataModel/Piece'
 import { DBRundownPlaylist } from '@sofie-automation/corelib/dist/dataModel/RundownPlaylist'
 import { RundownBaselineAdLibItem } from '@sofie-automation/corelib/dist/dataModel/RundownBaselineAdLibPiece'
 import { AdLibPiece } from '@sofie-automation/corelib/dist/dataModel/AdLibPiece'
-import { restartRandomId } from '../random'
-import { MongoMock } from '../mongo'
-import { defaultRundownPlaylist, defaultStudio } from '../defaultCollectionObjects'
+import { restartRandomId } from '../random.js'
+import { MongoMock } from '../mongo.js'
+import { defaultRundownPlaylist, defaultStudio } from '../defaultCollectionObjects.js'
 import {
 	applyAndValidateOverrides,
 	wrapDefaultObject,
@@ -46,7 +46,7 @@ import {
 	ShowStyleBases,
 	ShowStyleVariants,
 	Studios,
-} from '../../client/collections'
+} from '../../client/collections/index.js'
 
 export enum LAYER_IDS {
 	SOURCE_CAM0 = 'cam0',

packages/webui/src/__mocks__/mongo.ts

@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
 import * as _ from 'underscore'
-import { literal, ProtectedString, unprotectString, protectString, getRandomString } from '../client/lib/tempLib'
-import { RandomMock } from './random'
-import { MeteorMock } from './meteor'
+import { literal, ProtectedString, unprotectString, protectString, getRandomString } from '../client/lib/tempLib.js'
+import { RandomMock } from './random.js'
+import { MeteorMock } from './meteor.js'
 import { Meteor } from 'meteor/meteor'
 import type { AnyBulkWriteOperation } from 'mongodb'
 import {
@@ -14,7 +14,7 @@ import {
 	UpdateOptions,
 	UpsertOptions,
 	WrappedMongoCollection,
-} from '../client/collections/lib'
+} from '../client/collections/lib.js'
 import {
 	mongoWhere,
 	mongoFindOptions,

packages/webui/src/client/collections/index.ts

@@ -20,7 +20,7 @@ import { Bucket } from '@sofie-automation/meteor-lib/dist/collections/Buckets'
 import { ICoreSystem, SYSTEM_ID } from '@sofie-automation/meteor-lib/dist/collections/CoreSystem'
 import { Evaluation } from '@sofie-automation/meteor-lib/dist/collections/Evaluations'
 import { ExpectedPackageDB } from '@sofie-automation/corelib/dist/dataModel/ExpectedPackages'
-import { createSyncMongoCollection, createSyncReadOnlyMongoCollection } from './lib'
+import { createSyncMongoCollection, createSyncReadOnlyMongoCollection } from './lib.js'
 import { PeripheralDevice } from '@sofie-automation/corelib/dist/dataModel/PeripheralDevice'
 import { RundownLayoutBase } from '@sofie-automation/meteor-lib/dist/collections/RundownLayouts'
 import { DBShowStyleBase } from '@sofie-automation/corelib/dist/dataModel/ShowStyleBase'

packages/webui/src/client/collections/lib.ts

@@ -1,6 +1,6 @@
 import { Meteor } from 'meteor/meteor'
 import { Mongo } from 'meteor/mongo'
-import { ProtectedString, protectString } from '../lib/tempLib'
+import { ProtectedString, protectString } from '../lib/tempLib.js'
 import { stringifyError } from '@sofie-automation/shared-lib/dist/lib/stringifyError'
 import type { Collection as RawCollection, Db as RawDb } from 'mongodb'
 import { CollectionName } from '@sofie-automation/corelib/dist/dataModel/Collections'

packages/webui/src/client/collections/rundownPlaylistUtil.ts

@@ -4,8 +4,8 @@ import { DBRundownPlaylist } from '@sofie-automation/corelib/dist/dataModel/Rund
 import { normalizeArrayToMap } from '@sofie-automation/corelib/dist/lib'
 import { sortRundownIDsInPlaylist } from '@sofie-automation/corelib/dist/playout/playlist'
 import _ from 'underscore'
-import { Rundowns } from './index'
-import { FindOptions } from './lib'
+import { Rundowns } from './index.js'
+import { FindOptions } from './lib.js'
 import { MongoQuery } from '@sofie-automation/corelib/dist/mongo'
 
 /**

packages/webui/src/client/lib/Components/Base64ImageInput.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useState } from 'react'
-import { UploadButton } from '../uploadButton'
+import { UploadButton } from '../uploadButton.js'
 import { faUpload } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { useTranslation } from 'react-i18next'

packages/webui/src/client/lib/Components/LabelAndOverrides.tsx

@@ -4,9 +4,12 @@ import { objectPathGet } from '@sofie-automation/corelib/dist/lib'
 import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
 import { ReadonlyDeep } from 'type-fest'
-import { OverrideOpHelperForItemContents, WrappedOverridableItemNormal } from '../../ui/Settings/util/OverrideOpHelper'
-import { DropdownInputOption, findOptionByValue } from './DropdownInput'
-import { hasOpWithPath } from './util'
+import {
+	OverrideOpHelperForItemContents,
+	WrappedOverridableItemNormal,
+} from '../../ui/Settings/util/OverrideOpHelper.js'
+import { DropdownInputOption, findOptionByValue } from './DropdownInput.js'
+import { hasOpWithPath } from './util.js'
 
 export interface LabelAndOverridesProps<T extends object, TValue> {
 	label: string

packages/webui/src/client/lib/Components/MultiSelectInput.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useMemo } from 'react'
-import { MultiSelect, MultiSelectEvent, MultiSelectOptions } from '../multiSelect'
-import { DropdownInputOption } from './DropdownInput'
+import { MultiSelect, MultiSelectEvent, MultiSelectOptions } from '../multiSelect.js'
+import { DropdownInputOption } from './DropdownInput.js'
 import ClassNames from 'classnames'
 
 interface IMultiSelectInputControlProps {