Favicon templates

custom_components/browser_mod/browser_mod.js

@@ -1864,20 +1864,24 @@ const AutoSettingsMixin = (SuperClass) => {
         constructor() {
             super();
             this._auto_settings_setup();
+            this.addEventListener("browser-mod-config-update", () => this._auto_settings_setup());
         }
         async _auto_settings_setup() {
             await this.connectionPromise;
             const settings = this.settings;
+            // Sidebar panel order and hiding
             if (settings.sidebarPanelOrder) {
                 localStorage.setItem("sidebarPanelOrder", settings.sidebarPanelOrder);
             }
             if (settings.sidebarHiddenPanels) {
                 localStorage.setItem("sidebarHiddenPanels", settings.sidebarHiddenPanels);
             }
+            // Hide sidebar
             if (settings.hideSidebar === true) {
                 selectTree(document.body, "home-assistant$home-assistant-main$app-drawer-layout").then((el) => el.style.setProperty("--app-drawer-width", "0px"));
                 selectTree(document.body, "home-assistant$home-assistant-main$app-drawer-layout app-drawer").then((el) => el.remove());
             }
+            // Hide header
             if (settings.hideHeader === true) {
                 customElements.whenDefined("app-header-layout").then(() => {
                     const appHeader = customElements.get("app-header").prototype;
@@ -1888,6 +1892,40 @@ const AutoSettingsMixin = (SuperClass) => {
                     };
                 });
             }
+            // Favicon template
+            if (settings.faviconTemplate !== undefined) {
+                (async () => {
+                    if (this._faviconTemplateSubscription) {
+                        this._faviconTemplateSubscription();
+                    }
+                    this._faviconTemplateSubscription = undefined;
+                    this._faviconTemplateSubscription =
+                        await this.connection.subscribeMessage(this._updateFavicon, {
+                            type: "render_template",
+                            template: settings.faviconTemplate,
+                            variables: {},
+                        });
+                })();
+            }
+            // Title template
+            if (settings.titleTemplate !== undefined) ;
+        }
+        get _currentFavicon() {
+            const link = document.head.querySelector("link[rel~='icon']");
+            return link === null || link === void 0 ? void 0 : link.href;
+        }
+        _updateFavicon({ result }) {
+            // TEMP: Template for testing
+            /*
+              {% if is_state("light.bed_light", "on") %}
+              /local/workspace/test/icons/green.png
+              {% else %}
+              /local/workspace/test/icons/red.png
+              {% endif %}
+            */
+            const link = document.head.querySelector("link[rel~='icon']");
+            link.href = result;
+            window.browser_mod.fireEvent("browser-mod-favicon-update");
         }
     };
 };
@@ -1931,9 +1969,9 @@ const AutoSettingsMixin = (SuperClass) => {
     x Kiosk mode
     - Default panel?
     - Screensaver?
-  - Tweaks
-    - Favicon templates
+    x Favicon templates
     - Title templates
+  - Tweaks
     - Quickbar tweaks (ctrl+enter)?
   - Video player?
   - Media_seek