Rename frigate_ui action to camera_ui .

src/card.ts

@@ -531,11 +531,11 @@ class FrigateCard extends LitElement {
     if (this._getCameraURLFromContext()) {
       buttons.push({
         icon: 'mdi:web',
-        ...this._getConfig().menu.buttons.frigate_ui,
+        ...this._getConfig().menu.buttons.camera_ui,
         type: 'custom:frigate-card-menu-icon',
-        title: localize('config.menu.buttons.frigate_ui'),
+        title: localize('config.menu.buttons.camera_ui'),
         tap_action: createFrigateCardCustomAction(
-          'frigate_ui',
+          'camera_ui',
         ) as FrigateCardCustomAction,
       });
     }
@@ -1337,7 +1337,7 @@ class FrigateCard extends LitElement {
       case 'download':
         this._downloadViewerMedia();
         break;
-      case 'frigate_ui':
+      case 'camera_ui':
         const url = this._getCameraURLFromContext();
         if (url) {
           window.open(url);

src/config-mgmt.ts

@@ -18,10 +18,10 @@ import {
   CONF_MEDIA_VIEWER,
   CONF_MENU,
   CONF_MENU_BUTTONS_CAMERAS,
+  CONF_MENU_BUTTONS_CAMERA_UI,
   CONF_MENU_BUTTONS_CLIPS,
   CONF_MENU_BUTTONS_DOWNLOAD,
   CONF_MENU_BUTTONS_FRIGATE,
-  CONF_MENU_BUTTONS_FRIGATE_UI,
   CONF_MENU_BUTTONS_FULLSCREEN,
   CONF_MENU_BUTTONS_IMAGE,
   CONF_MENU_BUTTONS_LIVE,
@@ -599,6 +599,24 @@ const transformConditionMediaLoaded = (data: unknown): boolean => {
   return false;
 };
 
+/**
+ * Transform action frigate_ui -> camera_ui
+ * @param data Input data.
+ * @returns `true` if the configuration was modified.
+ */
+const transformFrigateUIAction = (data: unknown): boolean => {
+  if (
+    typeof data === 'object' &&
+    data &&
+    data['action'] === 'custom:frigate-card-action' &&
+    data['frigate_card_action'] === 'frigate_ui'
+  ) {
+    data['frigate_card_action'] = 'camera_ui';
+    return true;
+  }
+  return false;
+};
+
 const UPGRADES = [
   // v1.2.1 -> v2.0.0
   upgradeMoveTo('frigate_url', 'frigate.url'),
@@ -671,7 +689,7 @@ const UPGRADES = [
   upgradeWithOverrides(CONF_MENU_BUTTONS_SNAPSHOTS, menuButtonBooleanToObject),
   upgradeWithOverrides(CONF_MENU_BUTTONS_IMAGE, menuButtonBooleanToObject),
   upgradeWithOverrides(CONF_MENU_BUTTONS_DOWNLOAD, menuButtonBooleanToObject),
-  upgradeWithOverrides(CONF_MENU_BUTTONS_FRIGATE_UI, menuButtonBooleanToObject),
+  upgradeWithOverrides('menu.buttons.frigate_ui', menuButtonBooleanToObject),
   upgradeWithOverrides(CONF_MENU_BUTTONS_FULLSCREEN, menuButtonBooleanToObject),
   upgrade(CONF_LIVE_LAZY_UNLOAD, (val) =>
     typeof val === 'boolean' ? (val ? 'all' : 'never') : undefined,
@@ -711,4 +729,10 @@ const UPGRADES = [
     )(typeof data === 'object' && data ? data[CONF_ELEMENTS] : {});
   },
   upgradeMoveToWithOverrides('event_gallery', CONF_MEDIA_GALLERY),
+  upgradeMoveToWithOverrides('menu.buttons.frigate_ui', CONF_MENU_BUTTONS_CAMERA_UI),
+  (data: unknown): boolean => {
+    return recursiveUpgradeObject(transformFrigateUIAction)(
+      typeof data === 'object' && data ? <RawFrigateCardConfig>data : {},
+    );
+  },
 ];

src/const.ts

@@ -194,7 +194,7 @@ export const CONF_MENU_BUTTONS_CAMERAS = `${CONF_MENU}.buttons.cameras` as const
 export const CONF_MENU_BUTTONS_CLIPS = `${CONF_MENU}.buttons.clips` as const;
 export const CONF_MENU_BUTTONS_DOWNLOAD = `${CONF_MENU}.buttons.download` as const;
 export const CONF_MENU_BUTTONS_FRIGATE = `${CONF_MENU}.buttons.frigate` as const;
-export const CONF_MENU_BUTTONS_FRIGATE_UI = `${CONF_MENU}.buttons.frigate_ui` as const;
+export const CONF_MENU_BUTTONS_CAMERA_UI = `${CONF_MENU}.buttons.camera_ui` as const;
 export const CONF_MENU_BUTTONS_FULLSCREEN = `${CONF_MENU}.buttons.fullscreen` as const;
 export const CONF_MENU_BUTTONS_IMAGE = `${CONF_MENU}.buttons.image` as const;
 export const CONF_MENU_BUTTONS_LIVE = `${CONF_MENU}.buttons.live` as const;

src/editor.ts

@@ -1579,7 +1579,7 @@ export class FrigateCardEditor extends LitElement implements LovelaceCardEditor
                 ${this._renderMenuButton('recordings')}
                 ${this._renderMenuButton('image') /* */}
                 ${this._renderMenuButton('download')}
-                ${this._renderMenuButton('frigate_ui')}
+                ${this._renderMenuButton('camera_ui')}
                 ${this._renderMenuButton('fullscreen')}
                 ${this._renderMenuButton('timeline')}
                 ${this._renderMenuButton('media_player')}

src/localize/languages/en.json

@@ -215,12 +215,12 @@
           "matching": "Matching the menu alignment",
           "opposing": "Opposing the menu alignment"
         },
+        "camera_ui": "Camera user interface",
         "cameras": "Cameras",
         "clips": "Clips",
         "download": "Download",
         "enabled": "Button enabled",
         "frigate": "Frigate menu / Default view",
-        "frigate_ui": "Frigate user interface",
         "fullscreen": "Fullscreen",
         "icon": "Icon",
         "image": "Image",

src/localize/languages/it.json

@@ -209,12 +209,12 @@
           "matching": "Corrispondenza con l'allineamento del menu",
           "opposing": "Contrastare l'allineamento del menu"
         },
+        "camera_ui": "",
         "cameras": "Telecamere",
         "clips": "Clip",
         "download": "Download",
         "enabled": "Pulsante abilitato",
         "frigate": "Frigate menu / Visualizzazione predefinita",
-        "frigate_ui": "Frigate interfaccia utente",
         "fullscreen": "A schermo intero",
         "icon": "Icona",
         "image": "Immagine",

src/localize/languages/pt-BR.json

@@ -209,12 +209,12 @@
           "matching": "Mesmo alinhamento do menu",
           "opposing": "Opor-se ao alinhamento do menu"
         },
+        "camera_ui": "",
         "cameras": "Selecionar câmera",
         "clips": "Clipes",
         "download": "Baixe a mídia do evento",
         "enabled": "Botão ativado",
         "frigate": "Frigate menu / Visualização padrão",
-        "frigate_ui": "Frigate Interface de usuário",
         "fullscreen": "Tela cheia",
         "icon": "Ícone",
         "image": "Imagem",

src/types.ts

@@ -210,7 +210,7 @@ const FRIGATE_CARD_GENERAL_ACTIONS = [
   'snapshots',
   'timeline',
   'download',
-  'frigate_ui',
+  'camera_ui',
   'fullscreen',
   'menu_toggle',
   'diagnostics',
@@ -937,7 +937,7 @@ const menuConfigDefault = {
     image: hiddenButtonDefault,
     timeline: visibleButtonDefault,
     download: visibleButtonDefault,
-    frigate_ui: visibleButtonDefault,
+    camera_ui: visibleButtonDefault,
     fullscreen: visibleButtonDefault,
     media_player: visibleButtonDefault,
     recordings: hiddenButtonDefault,
@@ -969,7 +969,7 @@ const menuConfigSchema = z
         image: hiddenButtonSchema.default(menuConfigDefault.buttons.image),
         timeline: visibleButtonSchema.default(menuConfigDefault.buttons.timeline),
         download: visibleButtonSchema.default(menuConfigDefault.buttons.download),
-        frigate_ui: visibleButtonSchema.default(menuConfigDefault.buttons.frigate_ui),
+        camera_ui: visibleButtonSchema.default(menuConfigDefault.buttons.camera_ui),
         fullscreen: visibleButtonSchema.default(menuConfigDefault.buttons.fullscreen),
         media_player: visibleButtonSchema.default(
           menuConfigDefault.buttons.media_player,