add helper fn for known strings

Author: Shane Osbourne

src/dom-utils.js

@@ -58,3 +58,11 @@ class Template {
 export function html (strings, ...values) {
     return new Template(strings, values)
 }
+
+/**
+ * @param {string} string
+ * @return {Template}
+ */
+export function trustedUnsafe (string) {
+    return html([string])
+}

src/features/duckplayer/components/ddg-video-overlay.js

@@ -3,7 +3,7 @@ import dax from '../assets/dax.svg'
 import { i18n } from '../text.js'
 import { appendImageAsBackground } from '../util.js'
 import { VideoOverlayManager } from '../video-overlay-manager.js'
-import { html } from '../../../dom-utils.js'
+import { html, trustedUnsafe } from '../../../dom-utils.js'
 
 /**
  * The custom element that we use to present our UI elements
@@ -55,7 +55,7 @@ export class DDGVideoOverlay extends HTMLElement {
     createOverlay () {
         const overlayElement = document.createElement('div')
         overlayElement.classList.add('ddg-video-player-overlay')
-        const svgIcon = html([dax], [])
+        const svgIcon = trustedUnsafe(dax)
         overlayElement.innerHTML = html`
             <div class="ddg-vpo-bg"></div>
             <div class="ddg-vpo-content">

src/features/duckplayer/icon-overlay.js

@@ -2,7 +2,7 @@ import { addTrustedEventListener, appendElement, VideoParams } from './util'
 import dax from './assets/dax.svg'
 import { i18n } from './text.js'
 import { OpenInDuckPlayerMsg } from './overlay-messages.js'
-import { html } from '../../dom-utils.js'
+import { html, trustedUnsafe } from '../../dom-utils.js'
 
 export const IconOverlay = {
     /**
@@ -42,7 +42,7 @@ export const IconOverlay = {
 
         overlayElement.setAttribute('class', 'ddg-overlay' + (extraClass ? ' ' + extraClass : ''))
         overlayElement.setAttribute('data-size', size)
-        const svgIcon = html([dax], [])
+        const svgIcon = trustedUnsafe(dax)
         overlayElement.innerHTML = html`
                 <a class="ddg-play-privately" href="#">
                     <div class="ddg-dax">