refactor: divides down Thumbnail.tsx into files such that there is maximum one component per file.
refactor: extracts much of the common logic used between thumbnail components to mediaService.ts.
refactor: updates references to the Thumbnail.tsx to its new locations.
refactor: adds explicit types on constants and functions' arguments and return.

refactor: divides down Header.tsx into files such that there is maximum one component per file.
refactor: renames 'manualstartState' to 'manualStartState'.
fix: fixes header not showing the thumbnail as it was suppose too.

# Conflicts:
#	src/client/components/Tab/TabContent.tsx

refactor: splits last parts of Settings.tsx into other files.
refactor: renames the constant being exported from mediaService.ts to mediaService, so Intellisense is able to aid with adding import for it.
refactor: moves some styling applied inline to CSS.

…l crash at the moment, and toggling settings doesn't work..

refactor: renames interfaces in settingsReducer to not have 'I' in their names.
refactor adds placeholder user confirmations when saving/discarding settings changes.
refactor: extracts input layouts for settings to a reusable component.
refactor: fixes typo in 'transistionTime' to 'transitionTime'.
refactor: changes arrays of 'GenericSettings' into a single array of 'OutputSettings', each containing an attribute for the previous arrays.
refactor: removed most code in 'correctStructure(...)' and verifyStructure(...), as they have to be redone with the new settings structure.

# Conflicts:
#	src/client/components/Header.tsx
#	src/client/components/Settings.tsx
#	src/client/components/Thumbnail.tsx

…ved in redux

refactor: adds and implements Zod, to handle validation of the settings file loaded from drive.
refactor: updates used version of typescript.
refactor: reimplements validation of loaded settings, by use of Zod.
refactor: shifts many mediaActions over to settingsAction as the data they handle going to be stored in there instead.
refactor: create few service classes with shared logic.
refactor: updates a number of places to use the new service classes.
refactor: created type for reduxState, and applies it in a few dozen places.

refactor: renamed 'IThumbnailFile' to 'ThumbnailFile'.
refactor: renamed 'IMediaFile' to 'MediaFile'.
refactor: renamed 'IOutput' to 'Output'.
refactor: renamed 'IMedia' to 'Media'.
refactor: moves and renames Output.tallyFile to OutputSettings.selectedFile.
refactor: moves service classes from being client only to model level, as backend want many of the same functions.

…circular dependency.

refactor: extracts interfaces from mediaReducer to mediaModels, for consistencies sake.
refactor: implements the settings view sufficiently to not class cliptool.
refactor: makes SingleOutput only render, if it isn't undefined.

refactor: changes useState in SingleOutput to be one per attribute.
refactor: adds 'deep-copy-ts' to create a deep copy of settings, to allow discarding changes, should the user not want them anyways.

…g on if there is changes or not.

refactor: changes 'deep-copy-ts' for 'lodash' as lodash has other functions i need anyways.

…header buttons not having their colour.

…iminates some duplicate code.

refactor: changes functions defined as constants to function definitions.
refactor: removes/merges duplicate code to a single implementation(s).
refactor: adds return type to most, if not all, functions.

…eived. Applies changes for GeneralSettings that was missed.

refactor: updates GeneralSettings to support the new structure for allowing discarding changes.
refactor: adds a half dozen or so temp console.log used to try and track down why selectedFile is not set.
refactor: removes 'I' from interface name of 'TimeTallyPayload'.
refactor: renames 'handleOscMessage' to 'processOscMessage'.
refactor: renames 'updateThumbFileList' to 'updateThumbnailFileList' along with associated constants.

…sue they are used for has been fixed.

…o use camelCase.

…vious commit.

…der settings being swappped. Woops.

… attributes.

refactor: changes types in reduxState to be ordinary objects, instead of array of said objects.
refactor: changes many commonly accessed attributes from reduxState to be retrieved via the service classes.
refactor: renamed one file i missed in the mass renaming to camelCase.
refactor: removes a few left over console.logs.

refactor: makes tsconfig's more strict, and applied a number of changes to begin fixing compile errors.
refactor: updates version used of @tv2media/logger.

refactor: moves getting the default generic settings to settingsService.
refactor: renames settingsFileService to settingsPersistenceService.
refactor: moves settingsPersistenceService from model layer to server layer.

…gain.

refactor: updates redux to use new configureStore instead of deprecated createStore.
refactor: WIP: attempts to fix order of loading global files.
refactor: fixes some more compile errors.

… compilation errors.

… circular run/load order.

refactor: applies a large amount of changes in response to PR comments.
refactor: starts on renaming files to use kebab-case.
refactor: splits settingsSchema into new-new-settings-schema and old-old-settings-schema.
refactor: moves CCG related settings to new object/interface, to help improve how settings page functions.
refactor: renames event handler methods to better describe what they do.
refactor: changes from console.log's to use logger.
refactor: removes a very old settings template file, that hasn't been valid since the first commit to Cliptool.

refactor: changes type on inputs to settingsService, to eliminate knowledge of redux.
refactor: adds input to appNavigationService.getActiveTab, to eliminate knowledge of redux.
refactor: renames 'appNav' for redux to 'appNavigation'.
refactor: renames 'NavReducer' interface to 'AppNavigation'.
refactor: renames 'appNavAction.ts' to 'app-navigation-action.ts'.
refactor: renamed 'appNavReducer.ts' to 'app-navigation-reducer.ts'.
refactor: moves some functions from mediaService to settingsService, as their underlying accessed attributes had been moved to settings.

refactor: temporarely out comments code that spam log ALOT (100k+ lines) until current error has been fixed.

…sallowed.

refactor: split settingsInput into 4 new components.
	- labelled-checkbox-input
	- labelled-number-input
	- labelled-text-input
	- label
refactor: creates a new button.tsx file.
refactor: changes many uses of the html button to use the new component, thus deleting toggleButton.tsx.

…omponent

refactor: extract swipe component logic to its own component, meant to be used as a wrapper for what should be swipeable.
refactor: renames thumbnailUsingImage to image-thumbnail.
refactor: renamed thumbnailUsingText to text-thumbnail.
refactor: renamed thumbnail to be plural.
refactor: moves decision of used css from thumbnail-button to the places it is used instead.

refactor: merges handleShortcuts from client and gateway level to new shortcut-service on model level.
refactor: removes some unused imports.

refactor: deletes tabBar and tabContent.
refactor: reworks tabs, such that only one iteration over tabdata is needed.

…ReduxStateType to State.

…ut which view is in use to single service class.

refactor: moves css for footer to new location and footer.scss file.
refactor: moves css for operation-mode-edit-visibility-footer to new location and operation-mode-edit-visibility-footer.scss file.
refactor: extracts overlay when disconnected to new component - OfflineOverlay.
refactor moves displaying of disconnect overlay to be part of app.tsx.
refactor: created browserService, housing logic for figureing out which view is in use.
refactor changes a number of places that read searchbar info dirrectly to use new browserService.
refactor: renamed settings-buttons to settings-actions.

refactor: creates time-service, and moves secondsToTimeCode(...) from media-service to it.
refactor: renames 'storeUpdate' to 'state'.
refactor: converts control-buttons' css to scss.
refactor: renames a few attributes to better match the type of its content.

refactor: renames 'reduxState' to 'state'.
refactor: changes most constants in socket-io-constants to be housed within one of 2 enums.
refactor: changes references to 'socket-io-constants' to make use of new enums.
	- currently unable to exit edit visibility, so i broke something.
refactor: fixes scss stylings not being applied.
refactor: renames 'control-buttons' to 'control-actions'.

…ers.

refactor: renames single-output to output.
refactor: renames general-settings to casparcg-settings-form.
refactor: lowers amount of information send to a handful of child components to their minimally needed information.
refactor: cuts away unnecessary code in timeCode.tsx.
refactor: broke a few different lines into into more lines - and the invers.
refactor: renames folderList of Media to folders, along with all related actions.
refactor: fixes webpack missing some config to handle scss correctly.

…f it.

…s of text view. Disables operation modes for text view.

refactor: adds missing attribute accessor.
refactor: fixes the wrong list thumbnails and mediafiles being sent by the backend on startup.
style: adds missing css styling to tabs.
style: adds missing css styling for swipeable.
style: re-adds css that was accidently removed.
style: aligns a handful of components more neatly with.
refactor: changes used html component from button to label.

refactor: moves logic keeping track of changes to settings to changing-settings-service.
refactor: re-adds ability to close settings via clicking the same button, used to open it.
refactor: fixes settings button not being shown on channel view.

…s, due to PR comment.

refactor: creates socket-service, wherein component emit calls on socket are performed instead of directly in components.
refactor: lowers the amount of useSelectors used in control-actions.
refactor: renames a handful of click handlers.

…clicked.

…aded for manual start.

refactor: removes some leftover console logs.
refactor: makes playing image files display the 'SELECTED' text, even when a video file is load with manual start.
refactor: adds exsplicite types to a few constants.

refactor: extracts wrapping html code from time-code to new thumbnail-overlay.
refactor: renames time-code to selected-thumbnail-overlay, and makes it use the new thumbnail-overlay.
refactor: creates new loaded-Thumbnail-overlay, for displaying when a file is loaded.
refactor: adds some safeguards to not play a *EMPTY* named file, while in manual mode.
refactor: makes image files always play regardless of manual mode, as playing or loading an image does the same.

…be calculated from other state parts when needed.

refactor: add check to only update time state in redux state when needed on backend and frontend.
refactor: add variables from some shared css, to reduce duplication/improve editability.
refactor: splits processOscMessage into smaller functions.
refactor: renames some interfaces and enums to better fit new naming schemes.
refactor: attempts to fix flickering time on thumbnail when changing selected file.

…es from visual issues related to updating reduxState when changing selected file.

refactor: renames 'selectedFile' to 'selectedFileName' to better indicate that as string is returned.
refactor: renames 'loadedFile' to 'cuedFileName' to better match the content.
refactor: changes media-service functions to take the media state in instead of the whole state.
refactor: fixes saving of files being done one line to soon.
refactor: extracts thumbnail overlay text to its own component, to reduce duplication.
refactor: reduces amount of times the redux state is updated, by only updating it, when a change has happened.
refactor: removes processing of file/path OSC message.
refactor: adds processing of foreground/producer OSC message.

…amount of use selectors used.

…dos.

refactor: adds return types to a number of functions.
refactor: adds types to a few 'let's, mainly in the reducers.
refactor: renames a handful of function to fix incorrect camelcasing.
refactor: fixes 'discard changes' button saying the wrong thing when opening settings.

…tions to better fit Single Responsibility.

refactor: moves first 'setInterval' and accompanying subscribe in 'startTimerControlledServices' to new function 'startTimeEmitInterval'.
refactor: moves second 'setInterval' in 'startTimerControlledServices' to new function 'startFileChangesPollingInterval'.
refactor: renames 'loadCcgMedia' to  'loadCcgThumbnails'.
refactor: reworks 'loadCcgThumbnails' to have fewer side-effects.
refactor: renames a few variables/functions that had 'list' in their name, to use the plural form of what they have more than one of.

…rvice.

…r location.

…omment.

…own on text-thumbnail.

refactor: aligns thumbails, with or without image, centered in the thumbnail area.
refactor: fixes the selected/cued overlay not being placed correctly.
refactor: renames a few CSS class names.
refactor: removes unneeded area below thumbnail button for text-view.
	- fixes part of UT-215.

refactor: renames 'control-group' to 'action-group'.
refactor: renames some css classes to better match where they are used.
refactor: renames 'secondsToTimeCode' to 'durationToTimeCode'
refactor: renames 'first argument of 'durationToTimeCode' to 'duration'.

refactor: renames files with 'control-group' to 'action-group'.
refactor: reduces duplicate css by pulling it out to a new css class called 'control-action-base'.
refactor: renames css class 'c-action-background' to 'c-action-group'
refactor: renames css class 'control-button' to 'control-action'
refactor: renames css class 'control-start-button' to 'control-action-start-button'

…th their files.

refactor: renames className prop of 'button' to be plural.
refactor: changes control-actions to use new switch component instead of buttons.
refactor: changes settings-actions to use new switch component instead of a button.

…nstead, called component-decider.

…ice to be 0-indexed. Adds missing type on constant.

…fault for zod generated default CasparcgSettings.

…olated css class names.

…f a rare rejection.

…from undefined value.

…originally intended according to Kasper.

refactor: renames component-decider to body.
refactor: deletes offline-overlay by moving the code to body.
refactor: removes unused property of swipeable.
refactor: adds nullish coalescing to a number of optional properties.
refactor: changes a few rgb color definitions to white.
refactor: renames switch to toggle.
refactor: improves indentation in a number of places.
refactor: deletes cued-thumbnail-overlay by moving the code to thumbnail-overlay-display.
refactor: moves calls to timeService.durationToTimeCode(...) to be done outside of return statements.
refactor: changes states in swipeable to be undefinable instead of nullable.
refactor: changes naming from tick to checkbox in output.

refactor: removes 'trimEnd()' on a handful of lines, as my reasoning to use it was poor.
refactor: redoes labelled-checkbox-input, labelled-number-input, labelled-text-input to improve reuseability.

… settings.

… when none is playing, when making any settings change.

…s structure, rather than the new.

…nded commit details.

refactor: renames body.tsx to application-router.tsx, and related files/components.
refactor: renames operation-mode-edit-visibility-footer.tsx to edit-visibility-footer.tsx, and related files/components.
refactor: renames header.tsx to application-header.tsx, and related files/components.
refactor: renames action-group.tsx to group.tsx, and related files/components.
refactor: renames timer.tsx to timer-thumbnail.tsx, and related files/components.

refactor: renames 'isSettingsOpen' of state.appNavigation to 'isSettingsVisible' and constants created from it.
refactor: renames 'activeTab' of state.appNavigation to 'activeTabIndex' and constants created from it.
refactor: renames 'NewGenericSettings' to 'newGenericSettingsSchema'.
refactor: renames 'initConnectionEvents' to 'initConnectionEventsListeners' in client-handler-service.ts.
refactor: renames 'initServerEvents' to 'initServerEventsListeners' in client-handler-service.ts.
refactor: renames 'updateStateTemporarySettings' to 'updateTemporarySettings' in changing-settings-service.ts
refactor: renames a number of props that used plural to singular.

refactor: makes output.tsx and casparcg-settings-form.tsx into dump components.
refactor: adds new attribute to changing-settings-service.ts to save if settings has changes on change, rather then to calculate on request, saving time on rendering.
refactor: extracts function in map in settings-service.getTabInfo(...) to new function with name describing performed operation.
refactor: makes socket attribute on socket-service.ts and client-handler-service.ts private.
refactor: removes log statement of redux state in client-handler-service.ts.
refactor: removes a few unused props.
refactor: changes the location that search parameters are read from to be an input to the constructor of the browser-service.ts.
	Still reads from the same location, just parsed in, instead of directly accessed.
refactor: changes the way the cleanFileName is gotten in timer-thumbnail.tsx to use an OR operator instead of if-statement.
refactor: removes a wrapper div in app.tsx that looks to be redundant.
refactor: capitalizes some text in edit-visibility-footer.tsx instead of using 'toUpperCase()'.

fix: fixes zero or negative channel numbers giving errors - now defaults to one.
fix: fixes footer not updating correctly when changing active tab.

refactor: renames casparcg-settings-form.tsx to casparcg-settings.tsx and the accompanying scss file.
refactor: removes swipe-service.ts by moving code to swipeable.tsx.
refactor: moves usage of swipeable.tsx from tab.tsx to tabs.tsx
refactor: renames main.tsx to tab-panel.tsx.
refactor: restructures outputs.tsx to be more readably.

refactor: renames checkbox-input.tsx to checkbox.tsx.
refactor: renames css class 'save-button' to 'c-settings-actions-button'.
refactor: changes type of child input for button to a string.
refactor: changes used button in thumbnail-button.tsx to a 'div'.
refactor: extracts thumbnail file name display paragraph to new component - file-name-display.tsx.

…ails for list of changes.

refactor: renames 'models' layer to 'shared'.
refactor: moves action files from 'reducer' folder to new 'actions' folder.
refactor: moves model files from 'reducer' folder to new 'models' folder.

refactor: renames thumbnail-button to media-card.
refactor: renames image-thumbnail to image-media-card.
refactor: renames text-thumbnail to text-media-card.
refactor: renames thumbnails to media-overview.
refactor: renames client-handler-service to backend-observer.
refactor: renames CcgConfigChannel to CasparcgConfigChannel.
refactor: renames toggle to switch.
refactor: renames thumbnail-overlay-display to card-overlay-display.
refactor: renames thumbnail-overlay to card-overlay.

refactor: merges thumbnail-picture into image-media-card.
refactor: removes event-service by moving its usage to inline.
refactor: splits emits from socket-service out to multiple backend api services.
refactor: makes tab-title into a dumb component.

…t details for changes.

refactor: moves client specific logic of time-service to new client-time-service.
refactor: moves type definition for 'HiddenFiles' to media-models.
refactor: changes types related to HiddenFIles from 'Record<string, HiddenFileInfo>' to 'HiddenFiles'.
refactor: splits settings-persistence-service.load() into multiple methods to improve readability/flow.
refactor: splits hidden-files-persistence-service.load() into multiple methods to improve readability/flow.
refactor: renames a few arguements/enums to better match their content.
refactor: updates some enum values to use kebab-case.

fix: fixes casing of one argument of the old-settings-schema.
fix: fixes grayscale not being applied to hidden images.
fix: fixes backend-observer never being called, and thus nothing received from backend.

…the same time.

…owers duplications..