Allow ha-hls-player in markdown

home-assistant · Jul 1, 2024 · e6bd503 · e6bd503
1 parent d01377d
commit e6bd503
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 5 deletions.
diff --git a/src/components/ha-hls-player.ts b/src/components/ha-hls-player.ts
@@ -150,7 +150,15 @@ class HaHLSPlayer extends LitElement {
     let playlist_url: string;
     if (match !== null && matchTwice === null) {
       // Only send the regular playlist url if we match exactly once
-      playlist_url = new URL(match[2], this.url).href;
+      // In case we arrive here with a relative URL, we need to provide a valid
+      // base/absolute URL to avoid the URL() constructor throwing an error.
+      let base_url: string;
+      try {
+        base_url = new URL(this.url).href;
+      } catch (TypeError) {
+        base_url = new URL(this.url, window.location.href).href;
+      }
+      playlist_url = new URL(match[2], base_url).href;
     } else {
       playlist_url = this.url;
     }

diff --git a/src/components/ha-markdown-element.ts b/src/components/ha-markdown-element.ts
@@ -108,12 +108,16 @@ class HaMarkdownElement extends ReactiveElement {
         }
       } else if (
         node instanceof HTMLElement &&
-        ["ha-alert", "ha-qr-code", "ha-icon", "ha-svg-icon"].includes(
-          node.localName
-        )
+        [
+          "ha-alert",
+          "ha-qr-code",
+          "ha-icon",
+          "ha-svg-icon",
+          "ha-hls-player",
+        ].includes(node.localName)
       ) {
         import(
-          /* webpackInclude: /(ha-alert)|(ha-qr-code)|(ha-icon)|(ha-svg-icon)/ */ `./${node.localName}`
+          /* webpackInclude: /(ha-alert)|(ha-qr-code)|(ha-icon)|(ha-svg-icon)|(ha-hls-player)/ */ `./${node.localName}`
         );
       }
     }

diff --git a/src/resources/markdown-worker.ts b/src/resources/markdown-worker.ts
@@ -42,6 +42,13 @@ const renderMarkdown = async (
       "ha-icon": ["icon"],
       "ha-svg-icon": ["path"],
       "ha-alert": ["alert-type", "title"],
+      "ha-hls-player": [
+        "controls",
+        "url",
+        "autoplay",
+        "playsinline",
+        "posterUrl",
+      ],
       "ha-qr-code": [
         "data",
         "scale",