Refactor card.ts substantially and test.

2023-10-02 16:30:05 -07:00
parent 4cf13b1645
commit bfdbe70d6c
92 changed files with 8404 additions and 2996 deletions
@@ -0,0 +1,264 @@
+// TODO: test errors during rendering to make sure resetMessage is no longer necessary.
+// TODO: Test HA state connection/disconnect logic in real life.
+// TODO: Should not need to import screenfull anywhere except the fullscreen manager.
+// TODO: executeMediaQueryForView should not need a HTMLElement host parameter see the view-manager.ts call in particular.
+
+import { LovelaceCardEditor } from 'custom-card-helpers';
+import { ReactiveController } from 'lit';
+import { CameraManager } from '../../camera-manager/manager';
+import { FrigateCardConfig } from '../../types';
+import { EntityRegistryManager } from '../ha/entity-registry';
+import { EntityCache } from '../ha/entity-registry/cache';
+import { ResolvedMediaCache } from '../ha/resolved-media';
+import { ActionsManager } from './actions-manager';
+import { AutoUpdateManager } from './auto-update-manager';
+import { AutomationsManager } from './automations-manager';
+import { CameraURLManager } from './camera-url-manager';
+import {
+  CardElementManager,
+  CardHTMLElement,
+  MenuToggleCallback,
+  ScrollCallback,
+} from './card-element-manager';
+import { ConditionsManager, ConditionsManagerListener } from './conditions-manager';
+import { ConfigManager } from './config-manager';
+import { DownloadManager } from './download-manager';
+import { ExpandManager } from './expand-manager';
+import { FullscreenManager } from './fullscreen-manager';
+import { HASSManager } from './hass-manager';
+import { InitializationManager } from './initialization-manager';
+import { InteractionManager } from './interaction-manager';
+import { MediaLoadedInfoManager } from './media-info-manager';
+import { MediaPlayerManager } from './media-player-manager';
+import { MessageManager } from './message-manager';
+import { MicrophoneManager } from './microphone-manager';
+import { QueryStringManager } from './query-string-manager';
+import { StyleManager } from './style-manager';
+import { TriggersManager } from './triggers-manager';
+import {
+  CardActionsManagerAPI,
+  CardAutomationsAPI,
+  CardAutoRefreshAPI,
+  CardCameraAPI,
+  CardCameraURLAPI,
+  CardConditionAPI,
+  CardConfigAPI,
+  CardDownloadAPI,
+  CardElementAPI,
+  CardExpandAPI,
+  CardFullscreenAPI,
+  CardHASSAPI,
+  CardInitializerAPI,
+  CardInteractionAPI,
+  CardMediaLoadedAPI,
+  CardMediaPlayerAPI,
+  CardMessageAPI,
+  CardMicrophoneAPI,
+  CardQueryStringAPI,
+  CardStyleAPI,
+  CardTriggersAPI,
+  CardViewAPI,
+} from './types';
+import { ViewManager } from './view-manager';
+
+export class CardController
+  implements
+    CardActionsManagerAPI,
+    CardAutomationsAPI,
+    CardAutoRefreshAPI,
+    CardCameraAPI,
+    CardCameraURLAPI,
+    CardConditionAPI,
+    CardConfigAPI,
+    CardDownloadAPI,
+    CardElementAPI,
+    CardExpandAPI,
+    CardFullscreenAPI,
+    CardHASSAPI,
+    CardInitializerAPI,
+    CardInteractionAPI,
+    CardMediaLoadedAPI,
+    CardMediaPlayerAPI,
+    CardMessageAPI,
+    CardMicrophoneAPI,
+    CardQueryStringAPI,
+    CardStyleAPI,
+    CardTriggersAPI,
+    CardViewAPI,
+    ReactiveController
+{
+  // These properties may be used in the construction of 'managers' (and should
+  // be created first).
+  protected _entityRegistryManager = new EntityRegistryManager(new EntityCache());
+  protected _resolvedMediaCache = new ResolvedMediaCache();
+
+  protected _actionsManager = new ActionsManager(this);
+  protected _automationsManager = new AutomationsManager(this);
+  protected _autoUpdateManager = new AutoUpdateManager(this);
+  protected _cameraManager: CameraManager = new CameraManager(this);
+  protected _cameraURLManager = new CameraURLManager(this);
+  protected _cardElementManager: CardElementManager;
+  protected _conditionsManager: ConditionsManager;
+  protected _configManager = new ConfigManager(this);
+  protected _downloadManager: DownloadManager = new DownloadManager(this);
+  protected _expandManager = new ExpandManager(this);
+  protected _fullscreenManager = new FullscreenManager(this);
+  protected _hassManager = new HASSManager(this);
+  protected _initializationManager = new InitializationManager(this);
+  protected _interactionManager = new InteractionManager(this);
+  protected _mediaLoadedInfoManager = new MediaLoadedInfoManager(this);
+  protected _mediaPlayerManager = new MediaPlayerManager(this);
+  protected _messageManager = new MessageManager(this);
+  protected _microphoneManager = new MicrophoneManager(this);
+  protected _queryStringManager = new QueryStringManager(this);
+  protected _styleManager = new StyleManager(this);
+  protected _triggersManager: TriggersManager = new TriggersManager(this);
+  protected _viewManager = new ViewManager(this);
+
+  constructor(
+    host: CardHTMLElement,
+    scrollCallback: ScrollCallback,
+    menuToggleCallback: MenuToggleCallback,
+    conditionListener: ConditionsManagerListener,
+  ) {
+    host.addController(this);
+
+    this._conditionsManager = new ConditionsManager(this, conditionListener);
+    this._cardElementManager = new CardElementManager(
+      this,
+      host,
+      scrollCallback,
+      menuToggleCallback,
+    );
+  }
+
+  // *************************************************************************
+  //                           Accessors
+  // *************************************************************************
+
+  public getActionsManager(): ActionsManager {
+    return this._actionsManager;
+  }
+
+  public getAutomationsManager(): AutomationsManager {
+    return this._automationsManager;
+  }
+
+  public getAutoUpdateManager(): AutoUpdateManager {
+    return this._autoUpdateManager;
+  }
+
+  public getCameraManager(): CameraManager {
+    return this._cameraManager;
+  }
+
+  public getCameraURLManager(): CameraURLManager {
+    return this._cameraURLManager;
+  }
+
+  public getCardElementManager(): CardElementManager {
+    return this._cardElementManager;
+  }
+
+  public getConditionsManager(): ConditionsManager {
+    return this._conditionsManager;
+  }
+
+  public static async getConfigElement(): Promise<LovelaceCardEditor> {
+    await import('../../editor.js');
+    return document.createElement('frigate-card-editor');
+  }
+
+  public getConfigManager(): ConfigManager {
+    return this._configManager;
+  }
+  public getDownloadManager(): DownloadManager {
+    return this._downloadManager;
+  }
+
+  public getEntityRegistryManager(): EntityRegistryManager {
+    return this._entityRegistryManager;
+  }
+
+  public getExpandManager(): ExpandManager {
+    return this._expandManager;
+  }
+
+  public getFullscreenManager(): FullscreenManager {
+    return this._fullscreenManager;
+  }
+
+  public getHASSManager(): HASSManager {
+    return this._hassManager;
+  }
+
+  public getInitializationManager(): InitializationManager {
+    return this._initializationManager;
+  }
+
+  public getInteractionManager(): InteractionManager {
+    return this._interactionManager;
+  }
+
+  public getMediaLoadedInfoManager(): MediaLoadedInfoManager {
+    return this._mediaLoadedInfoManager;
+  }
+
+  public getMediaPlayerManager(): MediaPlayerManager {
+    return this._mediaPlayerManager;
+  }
+
+  public getMessageManager(): MessageManager {
+    return this._messageManager;
+  }
+
+  public getMicrophoneManager(): MicrophoneManager {
+    return this._microphoneManager;
+  }
+
+  public getQueryStringManager(): QueryStringManager {
+    return this._queryStringManager;
+  }
+
+  public getResolvedMediaCache(): ResolvedMediaCache {
+    return this._resolvedMediaCache;
+  }
+
+  public static getStubConfig(entities: string[]): FrigateCardConfig {
+    const cameraEntity = entities.find((element) => element.startsWith('camera.'));
+    return {
+      cameras: [
+        {
+          camera_entity: cameraEntity ?? 'camera.demo'
+        },
+      ],
+      // Need to use 'as unknown' to convince Typescript that this really isn't a
+      // mistake, despite the miniscule size of the configuration vs the full type
+      // description.
+    } as unknown as FrigateCardConfig;
+  }
+
+  public getStyleManager(): StyleManager {
+    return this._styleManager;
+  }
+
+  public getTriggersManager(): TriggersManager {
+    return this._triggersManager;
+  }
+
+  public getViewManager(): ViewManager {
+    return this._viewManager;
+  }
+
+  // *************************************************************************
+  //                            Handlers
+  // *************************************************************************
+
+  public hostConnected(): void {
+    this.getCardElementManager().elementConnected();
+  }
+
+  public hostDisconnected(): void {
+    this.getCardElementManager().elementDisconnected();
+  }
+}