Refactoring: merge video-watch scope into common.

In order to be able to use lit in videowatch related code, we have to
merge these scopes.

client/common/videowatch/button.ts

@@ -0,0 +1,73 @@
+// SPDX-FileCopyrightText: 2024 John Livingston <https://www.john-livingston.fr/>
+//
+// SPDX-License-Identifier: AGPL-3.0-only
+
+import type { SVGButton } from './buttons'
+import { logger } from '../../utils/logger'
+
+interface displayButtonOptionsBase {
+  buttonContainer: HTMLElement
+  name: string
+  label: string
+  icon?: SVGButton
+  additionalClasses?: string[]
+}
+
+interface displayButtonOptionsCallback extends displayButtonOptionsBase {
+  callback: () => void | boolean | Promise<void>
+}
+
+interface displayButtonOptionsHref extends displayButtonOptionsBase {
+  href: string
+  targetBlank?: boolean
+}
+
+type displayButtonOptions = displayButtonOptionsCallback | displayButtonOptionsHref
+
+function displayButton (dbo: displayButtonOptions): void {
+  const button = document.createElement('a')
+  button.classList.add(
+    'orange-button', 'peertube-button-link',
+    'peertube-plugin-livechat-button',
+    'peertube-plugin-livechat-button-' + dbo.name
+  )
+  if (dbo.additionalClasses) {
+    for (let i = 0; i < dbo.additionalClasses.length; i++) {
+      button.classList.add(dbo.additionalClasses[i])
+    }
+  }
+  if ('callback' in dbo) {
+    button.onclick = dbo.callback
+  }
+  if ('href' in dbo) {
+    button.href = dbo.href
+  }
+  if (('targetBlank' in dbo) && dbo.targetBlank) {
+    button.target = '_blank'
+  }
+  if (dbo.icon) {
+    try {
+      const svg = dbo.icon()
+      const tmp = document.createElement('span')
+      tmp.innerHTML = svg.trim()
+      const svgDom = tmp.firstChild
+      if (svgDom) {
+        button.prepend(svgDom)
+      }
+    } catch (err) {
+      logger.error('Failed to generate the ' + dbo.name + ' button: ' + (err as string))
+    }
+
+    button.setAttribute('title', dbo.label)
+  } else {
+    button.textContent = dbo.label
+  }
+  dbo.buttonContainer.append(button)
+}
+
+export type {
+  displayButtonOptions
+}
+export {
+  displayButton
+}