Log in with external Peertube account (#348):

* For anonymous users: new "log in using an external account" dialog, with the "remote Peertube account" options
* ConverseJS: using global vars for custom localized string (injected
  using Webpack)

conversejs/lib/converse-params.ts

@@ -8,7 +8,10 @@ import type { AuthentInfos } from './auth'
  * @returns default parameters to provide to ConverseJS.
  */
 function defaultConverseParams (
-  { forceReadonly, theme, assetsPath, room, forceDefaultHideMucParticipants, autofocus }: InitConverseJSParams
+  {
+    forceReadonly, theme, assetsPath, room, forceDefaultHideMucParticipants, autofocus,
+    peertubeVideoOriginalUrl, peertubeVideoUUID
+  }: InitConverseJSParams
 ): any {
   const mucShowInfoMessages = forceReadonly
     ? [
@@ -87,7 +90,10 @@ function defaultConverseParams (
     colorize_username: true,
 
     // This is a specific settings, that is used in ConverseJS customization, to force avatars loading in readonly mode.
-    livechat_load_all_vcards: !!forceReadonly
+    livechat_load_all_vcards: !!forceReadonly,
+
+    livechat_peertube_video_original_url: peertubeVideoOriginalUrl,
+    livechat_peertube_video_uuid: peertubeVideoUUID
   }
 
   // TODO: params.clear_messages_on_reconnection = true when muc_mam will be available.

conversejs/lib/plugins/livechat-viewer-mode.ts

@@ -6,7 +6,9 @@ export const livechatViewerModePlugin = {
     const _converse = this._converse
 
     _converse.api.settings.extend({
-      livechat_enable_viewer_mode: false
+      livechat_enable_viewer_mode: false,
+      livechat_peertube_video_original_url: undefined,
+      livechat_peertube_video_uuid: undefined
     })
 
     const originalGetDefaultMUCNickname = _converse.getDefaultMUCNickname