From 2277726a22178718403e5a00ee28eae5df2a35e8 Mon Sep 17 00:00:00 2001
From: Dermot Duffy <dermot.duffy@gmail.com>
Date: Mon, 10 Jan 2022 22:23:24 -0800
Subject: [PATCH] Add automatic provider detection.

---
 src/components/live.ts         | 22 ++++++++++++++++++++--
 src/editor.ts                  |  1 +
 src/localize/languages/en.json |  1 +
 src/types.ts                   |  5 +++--
 4 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/components/live.ts b/src/components/live.ts
index 644819bc..cdeb07ea 100644
--- a/src/components/live.ts
+++ b/src/components/live.ts
@@ -19,6 +19,8 @@ import {
   WebRTCConfig,
   FrigateCardError,
   LiveOverrides,
+  LiveProvider,
+  frigateCardConfigDefaults,
 } from '../types.js';
 import { EmblaOptionsType } from 'embla-carousel';
 import { HomeAssistant } from 'custom-card-helpers';
@@ -503,6 +505,20 @@ export class FrigateCardLiveProvider extends LitElement {
   @property({ attribute: true, type: Boolean })
   public disabled = false;
 
+  protected _getResolvedProvider(): LiveProvider {
+    if (this.liveConfig?.provider === 'auto') {
+      if (this.cameraConfig?.webrtc?.entity || this.cameraConfig?.webrtc?.url) {
+        return 'webrtc';
+      } else if (this.cameraConfig?.camera_entity) {
+        return 'frigate';
+      } else if (this.cameraConfig?.camera_name) {
+        return 'frigate-jsmpeg';
+      }
+      return frigateCardConfigDefaults.live.provider;
+    }
+    return this.liveConfig?.provider || frigateCardConfigDefaults.live.provider;
+  }
+
   /**
    * Master render method.
    * @returns A rendered template.
@@ -512,14 +528,16 @@ export class FrigateCardLiveProvider extends LitElement {
       return;
     }
 
+    const provider = this._getResolvedProvider();
+
     return html`
-      ${this.liveConfig.provider == 'frigate'
+      ${provider == 'frigate'
         ? html` <frigate-card-live-frigate
             .hass=${this.hass}
             .cameraEntity=${this.cameraConfig.camera_entity}
           >
           </frigate-card-live-frigate>`
-        : this.liveConfig.provider == 'webrtc'
+        : provider == 'webrtc'
         ? html`<frigate-card-live-webrtc
             .hass=${this.hass}
             .cameraConfig=${this.cameraConfig}
diff --git a/src/editor.ts b/src/editor.ts
index 48a22b37..93083a4c 100644
--- a/src/editor.ts
+++ b/src/editor.ts
@@ -532,6 +532,7 @@ export class FrigateCardEditor extends LitElement implements LovelaceCardEditor
 
     const liveProviders = {
       '': '',
+      auto: localize('config.live.providers.auto'),
       frigate: localize('config.live.providers.frigate'),
       'frigate-jsmpeg': localize('config.live.providers.frigate-jsmpeg'),
       webrtc: localize('config.live.providers.webrtc'),
diff --git a/src/localize/languages/en.json b/src/localize/languages/en.json
index 8251db6f..f0aeaefc 100644
--- a/src/localize/languages/en.json
+++ b/src/localize/languages/en.json
@@ -66,6 +66,7 @@
       "preload": "Preload live view in the background",
       "provider": "Live view provider",
       "providers": {
+        "auto": "Automatic",
         "frigate": "Frigate",
         "frigate-jsmpeg": "Frigate JSMpeg",
         "webrtc": "WebRTC"
diff --git a/src/types.ts b/src/types.ts
index 842017e8..62a6b4f2 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -50,7 +50,8 @@ const FRIGATE_MENU_MODES = [
   'above',
   'below',
 ] as const;
-const LIVE_PROVIDERS = ['frigate', 'frigate-jsmpeg', 'webrtc'] as const;
+const LIVE_PROVIDERS = ['auto', 'frigate', 'frigate-jsmpeg', 'webrtc'] as const;
+export type LiveProvider = typeof LIVE_PROVIDERS[number];
 
 export class FrigateCardError extends Error {}
 
@@ -445,7 +446,7 @@ export type NextPreviousControlConfig = z.infer<typeof nextPreviousControlConfig
  * Live view configuration section.
  */
 const liveConfigDefault = {
-  provider: 'frigate' as const,
+  provider: 'auto' as const,
   preload: false,
   lazy_load: true,
   draggable: true,