From aa156d3c06a061a3f766ec89ae5f8db055abd694 Mon Sep 17 00:00:00 2001
From: John Livingston <git@john-livingston.fr>
Date: Tue, 9 Nov 2021 10:55:12 +0100
Subject: [PATCH] New splash screen.

---
 CHANGELOG.md                                   | 11 ++++++++++-
 conversejs/custom/templates/background_logo.js | 10 ++++++++++
 conversejs/custom/webpack.livechat.js          |  1 +
 package.json                                   |  2 +-
 4 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 conversejs/custom/templates/background_logo.js

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fc2e3cdc..a26138fe 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,11 +1,20 @@
 # Changelog
 
+## v5.0.0 (not published yet)
+
+### Features
+
+* UI/UX improvements. Now using a custom ConverseJS build.
+
+### Breaking changes
+
+* If you have some CSS customization for the plugin, it may be broken.
+
 ## v4.0.3
 
 ### Features
 
 * Brand new documentation, in french and english. (Work in Progress)
-* UI/UX improvements. Now using a custom ConverseJS build.
 
 ### Minor changes and fixes
 
diff --git a/conversejs/custom/templates/background_logo.js b/conversejs/custom/templates/background_logo.js
new file mode 100644
index 00000000..bd871feb
--- /dev/null
+++ b/conversejs/custom/templates/background_logo.js
@@ -0,0 +1,10 @@
+import { html } from 'lit-html'
+import { api } from '@converse/headless/converse-core'
+
+export default () => html`
+    <div class="inner-content converse-brand row">
+        <div class="converse-brand__padding"></div>
+        <div class="converse-brand__heading">
+            <img src="${api.settings.get('assets_path')}/../../images/logo.svg">
+        </div>
+    </div>`
diff --git a/conversejs/custom/webpack.livechat.js b/conversejs/custom/webpack.livechat.js
index 569d0b18..6ba7e927 100644
--- a/conversejs/custom/webpack.livechat.js
+++ b/conversejs/custom/webpack.livechat.js
@@ -9,6 +9,7 @@ module.exports = merge(prod, {
     alias: {
       // To override a template, use this syntax:
       // 'templates/muc_sidebar.js': path.resolve(__dirname, 'custom/templates/muc_sidebar.js')
+      'templates/background_logo.js': path.resolve(__dirname, 'custom/templates/background_logo.js'),
       '../sass/converse.scss': path.resolve(__dirname, 'custom/sass/livechat.scss')
     }
   }
diff --git a/package.json b/package.json
index 84caa10d..f333e453 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "peertube-plugin-livechat",
   "description": "PeerTube plugin livechat: offers a way to embed a chat system into Peertube.",
-  "version": "4.0.3",
+  "version": "5.0.0",
   "author": {
     "name": "John Livingston",
     "url": "https://github.com/JohnXLivingston"