refactor: Break apart monolithic configuration schema (#1977)

[skip ci]

src/components/carousel.ts

@@ -9,7 +9,7 @@ import {
 } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { Ref, createRef, ref } from 'lit/directives/ref.js';
-import { TransitionEffect } from '../config/types';
+import { TransitionEffect } from '../config/schema/common/transition-effect';
 import carouselStyle from '../scss/carousel.scss';
 import {
   CarouselController,

src/components/elements.ts

@@ -11,18 +11,20 @@ import { dispatchAdvancedCameraCardErrorEvent } from '../components-lib/message/
 import { ConditionsManager } from '../conditions/conditions-manager.js';
 import { getConditionStateManagerViaEvent } from '../conditions/state-manager-via-event.js';
 import {
-  AdvancedCameraCardConditional,
-  MenuIcon,
-  MenuItem,
-  MenuStateIcon,
-  MenuSubmenu,
-  MenuSubmenuSelect,
-  PictureElements,
   StatusBarIcon,
   StatusBarImage,
   StatusBarItem,
   StatusBarString,
-} from '../config/types.js';
+} from '../config/schema/actions/types.js';
+import { MenuIcon } from '../config/schema/elements/custom/menu/icon.js';
+import { MenuStateIcon } from '../config/schema/elements/custom/menu/state-icon.js';
+import { MenuSubmenuSelect } from '../config/schema/elements/custom/menu/submenu-select.js';
+import { MenuSubmenu } from '../config/schema/elements/custom/menu/submenu.js';
+import { MenuItem } from '../config/schema/elements/custom/menu/types.js';
+import {
+  AdvancedCameraCardConditional,
+  PictureElements,
+} from '../config/schema/elements/types.js';
 import { HomeAssistant } from '../ha/types.js';
 import { localize } from '../localize/localize.js';
 import elementsStyle from '../scss/elements.scss';

src/components/gallery.ts

@@ -13,7 +13,8 @@ import throttle from 'lodash-es/throttle';
 import { CameraManager, ExtendedMediaQueryResult } from '../camera-manager/manager.js';
 import { EventQuery, MediaQuery, RecordingQuery } from '../camera-manager/types';
 import { ViewManagerEpoch } from '../card-controller/view/types.js';
-import { CardWideConfig, configDefaults, GalleryConfig } from '../config/types';
+import { GalleryConfig } from '../config/schema/gallery.js';
+import { CardWideConfig, configDefaults } from '../config/schema/types.js';
 import { HomeAssistant } from '../ha/types.js';
 import { localize } from '../localize/localize';
 import galleryCoreStyle from '../scss/gallery-core.scss';

src/components/image-updating-player.ts

@@ -15,7 +15,9 @@ import { CameraManager } from '../camera-manager/manager.js';
 import { getCameraEntityFromConfig } from '../camera-manager/utils/camera-entity-from-config.js';
 import { CachedValueController } from '../components-lib/cached-value-controller.js';
 import { UpdatingImageMediaPlayerController } from '../components-lib/media-player/updating-image.js';
-import { CameraConfig, ImageMode, ImageViewConfig } from '../config/types.js';
+import { CameraConfig } from '../config/schema/cameras.js';
+import { ImageMode } from '../config/schema/common/image.js';
+import { ImageViewConfig } from '../config/schema/image.js';
 import { HomeAssistant } from '../ha/types.js';
 import defaultImage from '../images/iris-screensaver.jpg';
 import { localize } from '../localize/localize.js';

src/components/image.ts

@@ -13,8 +13,10 @@ import { CameraManager } from '../camera-manager/manager';
 import { ViewManagerEpoch } from '../card-controller/view/types';
 import { ZoomSettingsObserved } from '../components-lib/zoom/types';
 import { handleZoomSettingsObservedEvent } from '../components-lib/zoom/zoom-view-context';
-import { CameraConfig, ImageViewConfig } from '../config/types';
+import { CameraConfig } from '../config/schema/cameras';
+import { ImageViewConfig } from '../config/schema/image';
 import { IMAGE_VIEW_ZOOM_TARGET_SENTINEL } from '../const';
+import { HomeAssistant } from '../ha/types';
 import imageStyle from '../scss/image.scss';
 import { MediaPlayer, MediaPlayerController, MediaPlayerElement } from '../types.js';
 import { aspectRatioToString } from '../utils/basic';
@@ -22,7 +24,6 @@ import { updateElementStyleFromMediaLayoutConfig } from '../utils/media-layout.j
 import './image-updating-player';
 import { resolveImageMode } from './image-updating-player';
 import './zoomer.js';
-import { HomeAssistant } from '../ha/types';
 
 @customElement('advanced-camera-card-image')
 export class AdvancedCameraCardImage extends LitElement implements MediaPlayer {

src/components/key-assigner.ts

@@ -9,9 +9,9 @@ import {
 import { customElement, property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { KeyAssignerController } from '../components-lib/key-assigner-controller';
-import { KeyboardShortcut } from '../config/keyboard-shortcuts';
-import keyAssignerStyle from '../scss/key-assigner.scss';
+import { KeyboardShortcut } from '../config/schema/view';
 import { localize } from '../localize/localize';
+import keyAssignerStyle from '../scss/key-assigner.scss';
 import './icon';
 
 @customElement('advanced-camera-card-key-assigner')

src/components/live/carousel.ts

@@ -16,13 +16,10 @@ import { ViewManagerEpoch } from '../../card-controller/view/types.js';
 import { MediaActionsController } from '../../components-lib/media-actions-controller.js';
 import { ZoomSettingsObserved } from '../../components-lib/zoom/types.js';
 import { handleZoomSettingsObservedEvent } from '../../components-lib/zoom/zoom-view-context.js';
-import {
-  CameraConfig,
-  CardWideConfig,
-  configDefaults,
-  LiveConfig,
-  TransitionEffect,
-} from '../../config/types.js';
+import { CameraConfig } from '../../config/schema/cameras.js';
+import { TransitionEffect } from '../../config/schema/common/transition-effect.js';
+import { LiveConfig } from '../../config/schema/live.js';
+import { CardWideConfig, configDefaults } from '../../config/schema/types.js';
 import { HomeAssistant } from '../../ha/types.js';
 import liveCarouselStyle from '../../scss/live-carousel.scss';
 import { stopEventFromActivatingCardWideActions } from '../../utils/action.js';

src/components/live/grid.ts

@@ -12,7 +12,8 @@ import { CameraManager } from '../../camera-manager/manager.js';
 import { MicrophoneState } from '../../card-controller/types.js';
 import { ViewManagerEpoch } from '../../card-controller/view/types.js';
 import { MediaGridSelected } from '../../components-lib/media-grid-controller.js';
-import { CardWideConfig, LiveConfig } from '../../config/types.js';
+import { LiveConfig } from '../../config/schema/live.js';
+import { CardWideConfig } from '../../config/schema/types.js';
 import { HomeAssistant } from '../../ha/types.js';
 import liveGridStyle from '../../scss/live-grid.scss';
 import './carousel.js';

src/components/live/index.ts

@@ -4,7 +4,8 @@ import { CameraManager } from '../../camera-manager/manager.js';
 import { MicrophoneState } from '../../card-controller/types.js';
 import { ViewManagerEpoch } from '../../card-controller/view/types.js';
 import { LiveController } from '../../components-lib/live/live-controller.js';
-import { CardWideConfig, LiveConfig } from '../../config/types.js';
+import { LiveConfig } from '../../config/schema/live.js';
+import { CardWideConfig } from '../../config/schema/types.js';
 import { HomeAssistant } from '../../ha/types.js';
 import basicBlockStyle from '../../scss/basic-block.scss';
 import './grid.js';

src/components/live/provider.ts

@@ -14,13 +14,9 @@ import { CameraEndpoints } from '../../camera-manager/types.js';
 import { MicrophoneState } from '../../card-controller/types.js';
 import { dispatchLiveErrorEvent } from '../../components-lib/live/utils/dispatch-live-error.js';
 import { PartialZoomSettings } from '../../components-lib/zoom/types.js';
-import {
-  CameraConfig,
-  CardWideConfig,
-  configDefaults,
-  LiveConfig,
-  LiveProvider,
-} from '../../config/types.js';
+import { CameraConfig, LiveProvider } from '../../config/schema/cameras.js';
+import { LiveConfig } from '../../config/schema/live.js';
+import { CardWideConfig, configDefaults } from '../../config/schema/types.js';
 import { STREAM_TROUBLESHOOTING_URL } from '../../const.js';
 import { HomeAssistant } from '../../ha/types.js';
 import { localize } from '../../localize/localize.js';

src/components/live/providers/go2rtc/index.ts

@@ -11,7 +11,8 @@ import { CameraEndpoints } from '../../../../camera-manager/types.js';
 import { MicrophoneState } from '../../../../card-controller/types.js';
 import { dispatchLiveErrorEvent } from '../../../../components-lib/live/utils/dispatch-live-error.js';
 import { VideoMediaPlayerController } from '../../../../components-lib/media-player/video.js';
-import { CameraConfig, MicrophoneConfig } from '../../../../config/types.js';
+import { CameraConfig } from '../../../../config/schema/cameras.js';
+import { MicrophoneConfig } from '../../../../config/schema/live.js';
 import { HomeAssistant } from '../../../../ha/types.js';
 import { localize } from '../../../../localize/localize.js';
 import liveGo2RTCStyle from '../../../../scss/live-go2rtc.scss';

src/components/live/providers/ha.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { createRef, Ref, ref } from 'lit/directives/ref.js';
-import { CameraConfig } from '../../../config/types';
+import { CameraConfig } from '../../../config/schema/cameras';
 import { HomeAssistant } from '../../../ha/types';
 import '../../../patches/ha-camera-stream';
 import '../../../patches/ha-hls-player.js';

src/components/live/providers/image.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { createRef, ref, Ref } from 'lit/directives/ref.js';
-import { CameraConfig } from '../../../config/types';
+import { CameraConfig } from '../../../config/schema/cameras';
 import { HomeAssistant } from '../../../ha/types';
 import basicBlockStyle from '../../../scss/basic-block.scss';
 import {

src/components/live/providers/jsmpeg.ts

@@ -12,7 +12,8 @@ import { until } from 'lit/directives/until.js';
 import { CameraEndpoints } from '../../../camera-manager/types.js';
 import { dispatchLiveErrorEvent } from '../../../components-lib/live/utils/dispatch-live-error.js';
 import { JSMPEGMediaPlayerController } from '../../../components-lib/media-player/jsmpeg.js';
-import { CameraConfig, CardWideConfig } from '../../../config/types.js';
+import { CameraConfig } from '../../../config/schema/cameras.js';
+import { CardWideConfig } from '../../../config/schema/types.js';
 import { HomeAssistant } from '../../../ha/types.js';
 import { localize } from '../../../localize/localize.js';
 import liveJSMPEGStyle from '../../../scss/live-jsmpeg.scss';

src/components/live/providers/webrtc-card.ts

@@ -12,7 +12,8 @@ import { CameraEndpoints } from '../../../camera-manager/types.js';
 import { dispatchLiveErrorEvent } from '../../../components-lib/live/utils/dispatch-live-error.js';
 import { getTechnologyForVideoRTC } from '../../../components-lib/live/utils/get-technology-for-video-rtc.js';
 import { VideoMediaPlayerController } from '../../../components-lib/media-player/video.js';
-import { CameraConfig, CardWideConfig } from '../../../config/types.js';
+import { CameraConfig } from '../../../config/schema/cameras.js';
+import { CardWideConfig } from '../../../config/schema/types.js';
 import { HomeAssistant } from '../../../ha/types.js';
 import { localize } from '../../../localize/localize.js';
 import liveWebRTCCardStyle from '../../../scss/live-webrtc-card.scss';

src/components/media-filter.ts

@@ -18,7 +18,7 @@ import {
   MediaFilterCoreWhen,
   MediaFilterMediaType,
 } from '../components-lib/media-filter-controller';
-import { CardWideConfig } from '../config/types';
+import { CardWideConfig } from '../config/schema/types';
 import { HomeAssistant } from '../ha/types';
 import { localize } from '../localize/localize';
 import mediaFilterStyle from '../scss/media-filter.scss';

src/components/media-grid.ts

@@ -9,7 +9,7 @@ import {
 import { customElement, property } from 'lit/decorators.js';
 import { createRef, ref, Ref } from 'lit/directives/ref.js';
 import { MediaGridController } from '../components-lib/media-grid-controller.js';
-import { ViewDisplayConfig } from '../config/types';
+import { ViewDisplayConfig } from '../config/schema/common/display.js';
 import mediaGridStyle from '../scss/media-grid.scss';
 
 @customElement('advanced-camera-card-media-grid')

src/components/menu.ts

@@ -3,7 +3,8 @@ import { customElement, property } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { actionHandler } from '../action-handler-directive.js';
 import { MenuController } from '../components-lib/menu-controller.js';
-import type { MenuConfig, MenuItem } from '../config/types.js';
+import { MenuItem } from '../config/schema/elements/custom/menu/types.js';
+import { MenuConfig } from '../config/schema/menu.js';
 import { HomeAssistant } from '../ha/types.js';
 import menuStyle from '../scss/menu.scss';
 import { hasAction } from '../utils/action.js';

src/components/next-prev-control.ts

@@ -1,7 +1,7 @@
 import { CSSResultGroup, LitElement, TemplateResult, html, unsafeCSS } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { NextPreviousControlConfig } from '../config/types.js';
+import { NextPreviousControlConfig } from '../config/schema/common/controls/next-previous.js';
 import { HomeAssistant } from '../ha/types.js';
 import controlStyle from '../scss/next-previous-control.scss';
 import { Icon } from '../types.js';

src/components/progress-indicator.ts

@@ -2,7 +2,7 @@ import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit
 import { customElement, property } from 'lit/decorators.js';
 import { ClassInfo, classMap } from 'lit/directives/class-map.js';
 import { ref, Ref } from 'lit/directives/ref.js';
-import { CardWideConfig } from '../config/types.js';
+import { CardWideConfig } from '../config/schema/types';
 import messageStyle from '../scss/message.scss';
 import './icon.js';
 

src/components/ptz.ts

@@ -12,7 +12,8 @@ import { actionHandler } from '../action-handler-directive.js';
 import { CameraManager } from '../camera-manager/manager.js';
 import { PTZController } from '../components-lib/ptz/ptz-controller.js';
 import { PTZControllerActions } from '../components-lib/ptz/types.js';
-import { Actions, PTZControlsConfig } from '../config/types.js';
+import { Actions } from '../config/schema/actions/types.js';
+import { PTZControlsConfig } from '../config/schema/common/controls/ptz.js';
 import { HomeAssistant } from '../ha/types.js';
 import { localize } from '../localize/localize.js';
 import ptzStyle from '../scss/ptz.scss';

src/components/status-bar.ts

@@ -10,7 +10,8 @@ import { customElement, property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { actionHandler } from '../action-handler-directive.js';
 import { StatusBarController } from '../components-lib/status-bar-controller';
-import { StatusBarConfig, StatusBarItem } from '../config/types';
+import { StatusBarItem } from '../config/schema/actions/types.js';
+import { StatusBarConfig } from '../config/schema/status-bar.js';
 import statusStyle from '../scss/status.scss';
 import { hasAction } from '../utils/action';
 import './icon.js';

src/components/submenu/select-button.ts

@@ -8,7 +8,8 @@ import {
 } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
-import { MenuSubmenuItem, MenuSubmenuSelect } from '../../config/types.js';
+import { MenuSubmenuSelect } from '../../config/schema/elements/custom/menu/submenu-select.js';
+import { MenuSubmenuItem } from '../../config/schema/elements/custom/menu/submenu.js';
 import { HomeAssistant } from '../../ha/types.js';
 import menuButtonStyle from '../../scss/menu-button.scss';
 import { Icon } from '../../types.js';

src/components/submenu/submenu-button.ts

@@ -2,7 +2,7 @@ import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit
 import { customElement, property } from 'lit/decorators.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { actionHandler } from '../../action-handler-directive.js';
-import { MenuSubmenu } from '../../config/types.js';
+import { MenuSubmenu } from '../../config/schema/elements/custom/menu/submenu.js';
 import { HomeAssistant } from '../../ha/types.js';
 import menuButtonStyle from '../../scss/menu-button.scss';
 import { hasAction } from '../../utils/action.js';

src/components/submenu/types.ts

@@ -1,4 +1,4 @@
-import { Actions } from '../../config/types';
+import { Actions } from '../../config/schema/actions/types';
 import { Interaction } from '../../types';
 
 export interface SubmenuItem extends Actions {

src/components/surround.ts

@@ -10,11 +10,9 @@ import { customElement, property } from 'lit/decorators.js';
 import { CameraManager } from '../camera-manager/manager.js';
 import { RemoveContextViewModifier } from '../card-controller/view/modifiers/remove-context.js';
 import { ViewManagerEpoch } from '../card-controller/view/types.js';
-import {
-  CardWideConfig,
-  MiniTimelineControlConfig,
-  ThumbnailsControlConfig,
-} from '../config/types.js';
+import { ThumbnailsControlConfig } from '../config/schema/common/controls/thumbnails.js';
+import { MiniTimelineControlConfig } from '../config/schema/common/controls/timeline.js';
+import { CardWideConfig } from '../config/schema/types.js';
 import { HomeAssistant } from '../ha/types.js';
 import basicBlockStyle from '../scss/basic-block.scss';
 import { contentsChanged } from '../utils/basic.js';

src/components/thumbnail-carousel.ts

@@ -10,7 +10,7 @@ import { customElement, property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { CameraManager } from '../camera-manager/manager.js';
 import { ViewManagerEpoch } from '../card-controller/view/types.js';
-import { ThumbnailsControlConfig } from '../config/types.js';
+import { ThumbnailsControlConfig } from '../config/schema/common/controls/thumbnails.js';
 import { HomeAssistant } from '../ha/types.js';
 import thumbnailCarouselStyle from '../scss/thumbnail-carousel.scss';
 import { stopEventFromActivatingCardWideActions } from '../utils/action.js';

src/components/timeline-core.ts

@@ -37,15 +37,14 @@ import {
   AdvancedCameraCardTimelineItem,
   TimelineDataSource,
 } from '../components-lib/timeline-source';
+import { CameraConfig } from '../config/schema/cameras';
+import { AdvancedCameraCardView } from '../config/schema/common/const';
+import { ThumbnailsControlBaseConfig } from '../config/schema/common/controls/thumbnails';
 import {
-  AdvancedCameraCardView,
-  CameraConfig,
-  CardWideConfig,
-  ThumbnailsControlBaseConfig,
   TimelineCoreConfig,
   TimelinePanMode,
-  configDefaults,
-} from '../config/types';
+} from '../config/schema/common/controls/timeline';
+import { CardWideConfig, configDefaults } from '../config/schema/types';
 import { HomeAssistant } from '../ha/types';
 import { localize } from '../localize/localize';
 import timelineCoreStyle from '../scss/timeline-core.scss';

src/components/timeline.ts

@@ -2,7 +2,8 @@ import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit
 import { customElement, property } from 'lit/decorators.js';
 import { CameraManager } from '../camera-manager/manager';
 import { ViewManagerEpoch } from '../card-controller/view/types';
-import { CardWideConfig, TimelineConfig } from '../config/types';
+import { TimelineConfig } from '../config/schema/timeline';
+import { CardWideConfig } from '../config/schema/types';
 import { HomeAssistant } from '../ha/types';
 import basicBlockStyle from '../scss/basic-block.scss';
 import './surround.js';

src/components/viewer/carousel.ts

@@ -13,12 +13,9 @@ import { CameraManager } from '../../camera-manager/manager.js';
 import { RemoveContextPropertyViewModifier } from '../../card-controller/view/modifiers/remove-context-property.js';
 import { ViewManagerEpoch } from '../../card-controller/view/types.js';
 import { MediaActionsController } from '../../components-lib/media-actions-controller.js';
-import {
-  CardWideConfig,
-  configDefaults,
-  TransitionEffect,
-  ViewerConfig,
-} from '../../config/types.js';
+import { TransitionEffect } from '../../config/schema/common/transition-effect.js';
+import { CardWideConfig, configDefaults } from '../../config/schema/types.js';
+import { ViewerConfig } from '../../config/schema/viewer.js';
 import { HomeAssistant } from '../../ha/types.js';
 import { localize } from '../../localize/localize.js';
 import '../../patches/ha-hls-player.js';

src/components/viewer/grid.ts

@@ -11,7 +11,8 @@ import { ifDefined } from 'lit/directives/if-defined.js';
 import { CameraManager } from '../../camera-manager/manager.js';
 import { ViewManagerEpoch } from '../../card-controller/view/types.js';
 import { MediaGridSelected } from '../../components-lib/media-grid-controller.js';
-import { CardWideConfig, ViewerConfig } from '../../config/types.js';
+import { CardWideConfig } from '../../config/schema/types.js';
+import { ViewerConfig } from '../../config/schema/viewer.js';
 import { HomeAssistant } from '../../ha/types.js';
 import '../../patches/ha-hls-player.js';
 import basicBlockStyle from '../../scss/basic-block.scss';

src/components/viewer/index.ts

@@ -2,7 +2,8 @@ import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit
 import { customElement, property } from 'lit/decorators.js';
 import { CameraManager } from '../../camera-manager/manager.js';
 import { ViewManagerEpoch } from '../../card-controller/view/types.js';
-import { CardWideConfig, ViewerConfig } from '../../config/types.js';
+import { CardWideConfig } from '../../config/schema/types.js';
+import { ViewerConfig } from '../../config/schema/viewer.js';
 import { HomeAssistant } from '../../ha/types.js';
 import { localize } from '../../localize/localize.js';
 import '../../patches/ha-hls-player.js';

src/components/viewer/provider.ts

@@ -13,7 +13,8 @@ import { CameraManager } from '../../camera-manager/manager.js';
 import { ViewManagerEpoch } from '../../card-controller/view/types.js';
 import { ZoomSettingsObserved } from '../../components-lib/zoom/types.js';
 import { handleZoomSettingsObservedEvent } from '../../components-lib/zoom/zoom-view-context.js';
-import { CardWideConfig, ViewerConfig } from '../../config/types.js';
+import { CardWideConfig } from '../../config/schema/types.js';
+import { ViewerConfig } from '../../config/schema/viewer.js';
 import { HomeAssistant } from '../../ha/types.js';
 import '../../patches/ha-hls-player.js';
 import viewerProviderStyle from '../../scss/viewer-provider.scss';

src/components/views.ts

@@ -11,11 +11,8 @@ import { classMap } from 'lit/directives/class-map.js';
 import { CameraManager } from '../camera-manager/manager.js';
 import { MicrophoneState } from '../card-controller/types.js';
 import { ViewManagerEpoch } from '../card-controller/view/types.js';
-import {
-  AdvancedCameraCardConfig,
-  CardWideConfig,
-  RawAdvancedCameraCardConfig,
-} from '../config/types.js';
+import { AdvancedCameraCardConfig, CardWideConfig } from '../config/schema/types.js';
+import { RawAdvancedCameraCardConfig } from '../config/types.js';
 import { HomeAssistant } from '../ha/types.js';
 import viewsStyle from '../scss/views.scss';
 import { DeviceRegistryManager } from '../utils/ha/registry/device/index.js';