From 5decfb9fadc71f2099809aff69b4e45fb7e3330f Mon Sep 17 00:00:00 2001
From: Gero Gerke <hello@gerogerke.de>
Date: Tue, 5 Oct 2021 20:03:56 +0200
Subject: [PATCH 1/9] Matrix Notifications

---
 server/notification-providers/matrix.js | 37 +++++++++++++++++++++++++
 server/notification.js                  |  2 ++
 src/components/notifications/Matrix.vue | 25 +++++++++++++++++
 src/components/notifications/index.js   |  4 ++-
 src/languages/en.js                     |  1 +
 5 files changed, 68 insertions(+), 1 deletion(-)
 create mode 100644 server/notification-providers/matrix.js
 create mode 100644 src/components/notifications/Matrix.vue

diff --git a/server/notification-providers/matrix.js b/server/notification-providers/matrix.js
new file mode 100644
index 00000000..4593be6a
--- /dev/null
+++ b/server/notification-providers/matrix.js
@@ -0,0 +1,37 @@
+const NotificationProvider = require("./notification-provider");
+const axios = require("axios");
+const Crypto = require('crypto')
+
+class Matrix extends NotificationProvider {
+
+    name = "matrix";
+
+    async send(notification, msg, monitorJSON = null, heartbeatJSON = null) {
+        let okMsg = "Sent Successfully. ";
+
+        const size = 20;
+        const randomString = Crypto
+            .randomBytes(size)
+            .toString('base64')
+            .slice(0, size);    
+
+        try {
+            let config = {
+                headers: {
+                    "Authorization": `Bearer ${notification.accessToken}`,
+                }
+            };
+            let data = {
+                "msgtype": "m.text",
+                "body": msg
+            };
+
+            await axios.put(`${notification.homeserverUrl}/_matrix/client/r0/rooms/${notification.internalRoomId}/send/m.room.message/${randomString}`, data, config)
+            return okMsg;
+        } catch (error) {
+            this.throwGeneralAxiosError(error);
+        }
+    }
+}
+
+module.exports = Matrix;
diff --git a/server/notification.js b/server/notification.js
index 13447241..207e0a37 100644
--- a/server/notification.js
+++ b/server/notification.js
@@ -5,6 +5,7 @@ const Gotify = require("./notification-providers/gotify");
 const Line = require("./notification-providers/line");
 const LunaSea = require("./notification-providers/lunasea");
 const Mattermost = require("./notification-providers/mattermost");
+const Matrix = require("./notification-providers/matrix");
 const Octopush = require("./notification-providers/octopush");
 const Pushbullet = require("./notification-providers/pushbullet");
 const Pushover = require("./notification-providers/pushover");
@@ -34,6 +35,7 @@ class Notification {
             new Line(),
             new LunaSea(),
             new Mattermost(),
+            new Matrix(),
             new Octopush(),
             new Pushbullet(),
             new Pushover(),
diff --git a/src/components/notifications/Matrix.vue b/src/components/notifications/Matrix.vue
new file mode 100644
index 00000000..12c7dad8
--- /dev/null
+++ b/src/components/notifications/Matrix.vue
@@ -0,0 +1,25 @@
+<template>
+    <div class="mb-3">
+        <label for="homeserver-url" class="form-label">Homeserver URL (with http(s):// and optionally port)</label>
+        <input id="homeserver-url" v-model="$parent.notification.homeserverUrl" type="text" class="form-control" :required="true">
+        <label for="internal-room-id" class="form-label">Internal Room Id</label>
+        <input id="internal-room-id" v-model="$parent.notification.internalRoomId" type="text" class="form-control" required="true">
+        <label for="access-token" class="form-label">Access Token</label>
+        <HiddenInput id="access-token" v-model="$parent.notification.accessToken" :required="true" autocomplete="one-time-code" :maxlength="500"></HiddenInput>
+    </div>
+
+    <p style="margin-top: 8px;">
+        You can find the internal room ID by looking in the advanced section if your Matrix client. It should look like !QMdRCpUIfLwsfjxye6:home.server.<br/>
+        It is highly recommended you create a new user and do not use your Matrix user's access token as it will allow full access to the matrix user. You can get the access token by running curl -XPOST -d '{"type":"m.login.password", "identifier": {"user":"botusername", "type": "m.id.user"}, "password":"passwordforuser"}' "https://home.server.url/_matrix/client/r0/login".
+    </p>
+</template>
+
+<script>
+import HiddenInput from "../HiddenInput.vue";
+
+export default {
+    components: {
+        HiddenInput,
+    },
+}
+</script>
diff --git a/src/components/notifications/index.js b/src/components/notifications/index.js
index e377803e..6dd9ed92 100644
--- a/src/components/notifications/index.js
+++ b/src/components/notifications/index.js
@@ -15,6 +15,7 @@ import Apprise from "./Apprise.vue";
 import Pushbullet from "./Pushbullet.vue";
 import Line from "./Line.vue";
 import Mattermost from "./Mattermost.vue";
+import Matrix from "./Matrix.vue";
 
 /**
  * Manage all notification form.
@@ -38,7 +39,8 @@ const NotificationFormList = {
     "apprise": Apprise,
     "pushbullet": Pushbullet,
     "line": Line,
-    "mattermost": Mattermost
+    "mattermost": Mattermost,
+    "matrix": Matrix
 }
 
 export default NotificationFormList
diff --git a/src/languages/en.js b/src/languages/en.js
index 46298b01..ccc7290d 100644
--- a/src/languages/en.js
+++ b/src/languages/en.js
@@ -195,4 +195,5 @@ export default {
     "pushbullet": "Pushbullet",
     "line": "Line Messenger",
     "mattermost": "Mattermost",
+    "matrix": "Matrix",
 };

From 8c357a04bfdf824741e870006e28c773ef08414d Mon Sep 17 00:00:00 2001
From: Gero Gerke <11deutron11@gmail.com>
Date: Tue, 5 Oct 2021 20:42:36 +0200
Subject: [PATCH 2/9] Update src/components/notifications/index.js

Co-authored-by: Adam Stachowicz <saibamenppl@gmail.com>
---
 src/components/notifications/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/notifications/index.js b/src/components/notifications/index.js
index 6dd9ed92..fab4075e 100644
--- a/src/components/notifications/index.js
+++ b/src/components/notifications/index.js
@@ -40,7 +40,7 @@ const NotificationFormList = {
     "pushbullet": Pushbullet,
     "line": Line,
     "mattermost": Mattermost,
-    "matrix": Matrix
+    "matrix": Matrix,
 }
 
 export default NotificationFormList

From d7cc58510183240c41b3abc31d3ca97367aaee1e Mon Sep 17 00:00:00 2001
From: Gero Gerke <11deutron11@gmail.com>
Date: Tue, 5 Oct 2021 20:42:44 +0200
Subject: [PATCH 3/9] Update server/notification-providers/matrix.js

Co-authored-by: Adam Stachowicz <saibamenppl@gmail.com>
---
 server/notification-providers/matrix.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/server/notification-providers/matrix.js b/server/notification-providers/matrix.js
index 4593be6a..581218ea 100644
--- a/server/notification-providers/matrix.js
+++ b/server/notification-providers/matrix.js
@@ -3,7 +3,6 @@ const axios = require("axios");
 const Crypto = require('crypto')
 
 class Matrix extends NotificationProvider {
-
     name = "matrix";
 
     async send(notification, msg, monitorJSON = null, heartbeatJSON = null) {

From 99e8a331184e0dffdf70e500fe729dc133e04768 Mon Sep 17 00:00:00 2001
From: Gero Gerke <hello@gerogerke.de>
Date: Tue, 5 Oct 2021 21:36:01 +0200
Subject: [PATCH 4/9] escape room characters

---
 server/notification-providers/matrix.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/server/notification-providers/matrix.js b/server/notification-providers/matrix.js
index 581218ea..24d45239 100644
--- a/server/notification-providers/matrix.js
+++ b/server/notification-providers/matrix.js
@@ -13,6 +13,10 @@ class Matrix extends NotificationProvider {
             .randomBytes(size)
             .toString('base64')
             .slice(0, size);    
+        const roomId = notification
+            .internalRoomId
+            .replaceALl(":", "%3A")
+            .replaceAll("!", "%21");
 
         try {
             let config = {
@@ -25,7 +29,7 @@ class Matrix extends NotificationProvider {
                 "body": msg
             };
 
-            await axios.put(`${notification.homeserverUrl}/_matrix/client/r0/rooms/${notification.internalRoomId}/send/m.room.message/${randomString}`, data, config)
+            await axios.put(`${notification.homeserverUrl}/_matrix/client/r0/rooms/${roomId}/send/m.room.message/${randomString}`, data, config)
             return okMsg;
         } catch (error) {
             this.throwGeneralAxiosError(error);

From 34b86352f24bf36084e58f96bf7a8149c2b63414 Mon Sep 17 00:00:00 2001
From: Gero Gerke <hello@gerogerke.de>
Date: Tue, 5 Oct 2021 21:40:59 +0200
Subject: [PATCH 5/9] remove double spaces

---
 server/notification-providers/discord.js     | 2 +-
 server/notification-providers/gotify.js      | 2 +-
 server/notification-providers/line.js        | 2 +-
 server/notification-providers/lunasea.js     | 2 +-
 server/notification-providers/matrix.js      | 2 +-
 server/notification-providers/mattermost.js  | 2 +-
 server/notification-providers/octopush.js    | 2 +-
 server/notification-providers/pushbullet.js  | 2 +-
 server/notification-providers/pushover.js    | 2 +-
 server/notification-providers/pushy.js       | 2 +-
 server/notification-providers/rocket-chat.js | 2 +-
 server/notification-providers/signal.js      | 2 +-
 server/notification-providers/slack.js       | 2 +-
 server/notification-providers/teams.js       | 2 +-
 server/notification-providers/telegram.js    | 2 +-
 server/notification-providers/webhook.js     | 2 +-
 16 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/server/notification-providers/discord.js b/server/notification-providers/discord.js
index 971c26e5..881ad211 100644
--- a/server/notification-providers/discord.js
+++ b/server/notification-providers/discord.js
@@ -7,7 +7,7 @@ class Discord extends NotificationProvider {
     name = "discord";
 
     async send(notification, msg, monitorJSON = null, heartbeatJSON = null) {
-        let okMsg = "Sent Successfully. ";
+        let okMsg = "Sent Successfully.";
 
         try {
             const discordDisplayName = notification.discordUsername || "Uptime Kuma";
diff --git a/server/notification-providers/gotify.js b/server/notification-providers/gotify.js
index 9d2d55aa..08526189 100644
--- a/server/notification-providers/gotify.js
+++ b/server/notification-providers/gotify.js
@@ -6,7 +6,7 @@ class Gotify extends NotificationProvider {
     name = "gotify";
 
     async send(notification, msg, monitorJSON = null, heartbeatJSON = null) {
-        let okMsg = "Sent Successfully. ";
+        let okMsg = "Sent Successfully.";
         try {
             if (notification.gotifyserverurl && notification.gotifyserverurl.endsWith("/")) {
                 notification.gotifyserverurl = notification.gotifyserverurl.slice(0, -1);
diff --git a/server/notification-providers/line.js b/server/notification-providers/line.js
index 83096903..327696ed 100644
--- a/server/notification-providers/line.js
+++ b/server/notification-providers/line.js
@@ -7,7 +7,7 @@ class Line extends NotificationProvider {
     name = "line";
 
     async send(notification, msg, monitorJSON = null, heartbeatJSON = null) {
-        let okMsg = "Sent Successfully. ";
+        let okMsg = "Sent Successfully.";
         try {
             let lineAPIUrl = "https://api.line.me/v2/bot/message/push";
             let config = {
diff --git a/server/notification-providers/lunasea.js b/server/notification-providers/lunasea.js
index fb6cd236..c41f400e 100644
--- a/server/notification-providers/lunasea.js
+++ b/server/notification-providers/lunasea.js
@@ -7,7 +7,7 @@ class LunaSea extends NotificationProvider {
     name = "lunasea";
 
     async send(notification, msg, monitorJSON = null, heartbeatJSON = null) {
-        let okMsg = "Sent Successfully. ";
+        let okMsg = "Sent Successfully.";
         let lunaseadevice = "https://notify.lunasea.app/v1/custom/device/" + notification.lunaseaDevice
 
         try {
diff --git a/server/notification-providers/matrix.js b/server/notification-providers/matrix.js
index 24d45239..cd5c2426 100644
--- a/server/notification-providers/matrix.js
+++ b/server/notification-providers/matrix.js
@@ -6,7 +6,7 @@ class Matrix extends NotificationProvider {
     name = "matrix";
 
     async send(notification, msg, monitorJSON = null, heartbeatJSON = null) {
-        let okMsg = "Sent Successfully. ";
+        let okMsg = "Sent Successfully.";
 
         const size = 20;
         const randomString = Crypto
diff --git a/server/notification-providers/mattermost.js b/server/notification-providers/mattermost.js
index 97779435..d776284b 100644
--- a/server/notification-providers/mattermost.js
+++ b/server/notification-providers/mattermost.js
@@ -7,7 +7,7 @@ class Mattermost extends NotificationProvider {
     name = "mattermost";
 
     async send(notification, msg, monitorJSON = null, heartbeatJSON = null) {
-        let okMsg = "Sent Successfully. ";
+        let okMsg = "Sent Successfully.";
         try {
             const mattermostUserName = notification.mattermostusername || "Uptime Kuma";
             // If heartbeatJSON is null, assume we're testing.
diff --git a/server/notification-providers/octopush.js b/server/notification-providers/octopush.js
index 40273f9b..76c3e498 100644
--- a/server/notification-providers/octopush.js
+++ b/server/notification-providers/octopush.js
@@ -6,7 +6,7 @@ class Octopush extends NotificationProvider {
     name = "octopush";
 
     async send(notification, msg, monitorJSON = null, heartbeatJSON = null) {
-        let okMsg = "Sent Successfully. ";
+        let okMsg = "Sent Successfully.";
 
         try {
             let config = {
diff --git a/server/notification-providers/pushbullet.js b/server/notification-providers/pushbullet.js
index 0ed6f0fd..c7b824a2 100644
--- a/server/notification-providers/pushbullet.js
+++ b/server/notification-providers/pushbullet.js
@@ -8,7 +8,7 @@ class Pushbullet extends NotificationProvider {
     name = "pushbullet";
 
     async send(notification, msg, monitorJSON = null, heartbeatJSON = null) {
-        let okMsg = "Sent Successfully. ";
+        let okMsg = "Sent Successfully.";
 
         try {
             let pushbulletUrl = "https://api.pushbullet.com/v2/pushes";
diff --git a/server/notification-providers/pushover.js b/server/notification-providers/pushover.js
index 2133ca1c..77ef1a3f 100644
--- a/server/notification-providers/pushover.js
+++ b/server/notification-providers/pushover.js
@@ -6,7 +6,7 @@ class Pushover extends NotificationProvider {
     name = "pushover";
 
     async send(notification, msg, monitorJSON = null, heartbeatJSON = null) {
-        let okMsg = "Sent Successfully. ";
+        let okMsg = "Sent Successfully.";
         let pushoverlink = "https://api.pushover.net/1/messages.json"
 
         try {
diff --git a/server/notification-providers/pushy.js b/server/notification-providers/pushy.js
index 431cf8c3..2bb89934 100644
--- a/server/notification-providers/pushy.js
+++ b/server/notification-providers/pushy.js
@@ -6,7 +6,7 @@ class Pushy extends NotificationProvider {
     name = "pushy";
 
     async send(notification, msg, monitorJSON = null, heartbeatJSON = null) {
-        let okMsg = "Sent Successfully. ";
+        let okMsg = "Sent Successfully.";
 
         try {
             await axios.post(`https://api.pushy.me/push?api_key=${notification.pushyAPIKey}`, {
diff --git a/server/notification-providers/rocket-chat.js b/server/notification-providers/rocket-chat.js
index 14918965..d6105848 100644
--- a/server/notification-providers/rocket-chat.js
+++ b/server/notification-providers/rocket-chat.js
@@ -6,7 +6,7 @@ class RocketChat extends NotificationProvider {
     name = "rocket.chat";
 
     async send(notification, msg, monitorJSON = null, heartbeatJSON = null) {
-        let okMsg = "Sent Successfully. ";
+        let okMsg = "Sent Successfully.";
         try {
             if (heartbeatJSON == null) {
                 let data = {
diff --git a/server/notification-providers/signal.js b/server/notification-providers/signal.js
index ba5f87f9..fee65754 100644
--- a/server/notification-providers/signal.js
+++ b/server/notification-providers/signal.js
@@ -6,7 +6,7 @@ class Signal extends NotificationProvider {
     name = "signal";
 
     async send(notification, msg, monitorJSON = null, heartbeatJSON = null) {
-        let okMsg = "Sent Successfully. ";
+        let okMsg = "Sent Successfully.";
 
         try {
             let data = {
diff --git a/server/notification-providers/slack.js b/server/notification-providers/slack.js
index 661df5a0..3d5a3bed 100644
--- a/server/notification-providers/slack.js
+++ b/server/notification-providers/slack.js
@@ -6,7 +6,7 @@ class Slack extends NotificationProvider {
     name = "slack";
 
     async send(notification, msg, monitorJSON = null, heartbeatJSON = null) {
-        let okMsg = "Sent Successfully. ";
+        let okMsg = "Sent Successfully.";
         try {
             if (heartbeatJSON == null) {
                 let data = {
diff --git a/server/notification-providers/teams.js b/server/notification-providers/teams.js
index 72409ffc..859af569 100644
--- a/server/notification-providers/teams.js
+++ b/server/notification-providers/teams.js
@@ -87,7 +87,7 @@ class Teams extends NotificationProvider {
     };
 
     async send(notification, msg, monitorJSON = null, heartbeatJSON = null) {
-        let okMsg = "Sent Successfully. ";
+        let okMsg = "Sent Successfully.";
 
         try {
             if (heartbeatJSON == null) {
diff --git a/server/notification-providers/telegram.js b/server/notification-providers/telegram.js
index f88dcf5d..54d33bfb 100644
--- a/server/notification-providers/telegram.js
+++ b/server/notification-providers/telegram.js
@@ -6,7 +6,7 @@ class Telegram extends NotificationProvider {
     name = "telegram";
 
     async send(notification, msg, monitorJSON = null, heartbeatJSON = null) {
-        let okMsg = "Sent Successfully. ";
+        let okMsg = "Sent Successfully.";
 
         try {
             await axios.get(`https://api.telegram.org/bot${notification.telegramBotToken}/sendMessage`, {
diff --git a/server/notification-providers/webhook.js b/server/notification-providers/webhook.js
index 197e9f9f..9cb361f3 100644
--- a/server/notification-providers/webhook.js
+++ b/server/notification-providers/webhook.js
@@ -7,7 +7,7 @@ class Webhook extends NotificationProvider {
     name = "webhook";
 
     async send(notification, msg, monitorJSON = null, heartbeatJSON = null) {
-        let okMsg = "Sent Successfully. ";
+        let okMsg = "Sent Successfully.";
 
         try {
             let data = {

From 6bebc623f98bc2e67f4d7a6d3ea8746081a41692 Mon Sep 17 00:00:00 2001
From: Gero Gerke <hello@gerogerke.de>
Date: Tue, 5 Oct 2021 21:59:58 +0200
Subject: [PATCH 6/9] UI polish

---
 server/notification-providers/matrix.js |  2 +-
 src/components/notifications/Matrix.vue | 23 ++++++++++++++++-------
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/server/notification-providers/matrix.js b/server/notification-providers/matrix.js
index cd5c2426..eeaa9eb9 100644
--- a/server/notification-providers/matrix.js
+++ b/server/notification-providers/matrix.js
@@ -15,7 +15,7 @@ class Matrix extends NotificationProvider {
             .slice(0, size);    
         const roomId = notification
             .internalRoomId
-            .replaceALl(":", "%3A")
+            .replaceAll(":", "%3A")
             .replaceAll("!", "%21");
 
         try {
diff --git a/src/components/notifications/Matrix.vue b/src/components/notifications/Matrix.vue
index 12c7dad8..acce9466 100644
--- a/src/components/notifications/Matrix.vue
+++ b/src/components/notifications/Matrix.vue
@@ -1,17 +1,26 @@
 <template>
     <div class="mb-3">
-        <label for="homeserver-url" class="form-label">Homeserver URL (with http(s):// and optionally port)</label>
+        <label for="homeserver-url" class="form-label">Homeserver URL (with http(s):// and optionally port)</label><span style="color: red;"><sup>*</sup></span>
         <input id="homeserver-url" v-model="$parent.notification.homeserverUrl" type="text" class="form-control" :required="true">
-        <label for="internal-room-id" class="form-label">Internal Room Id</label>
+    </div>
+    <div class="mb-3">
+        <label for="internal-room-id" class="form-label">Internal Room Id</label><span style="color: red;"><sup>*</sup></span>
         <input id="internal-room-id" v-model="$parent.notification.internalRoomId" type="text" class="form-control" required="true">
-        <label for="access-token" class="form-label">Access Token</label>
+    </div>
+    <div class="mb-3">
+        <label for="access-token" class="form-label">Access Token</label><span style="color: red;"><sup>*</sup></span>
         <HiddenInput id="access-token" v-model="$parent.notification.accessToken" :required="true" autocomplete="one-time-code" :maxlength="500"></HiddenInput>
     </div>
 
-    <p style="margin-top: 8px;">
-        You can find the internal room ID by looking in the advanced section if your Matrix client. It should look like !QMdRCpUIfLwsfjxye6:home.server.<br/>
-        It is highly recommended you create a new user and do not use your Matrix user's access token as it will allow full access to the matrix user. You can get the access token by running curl -XPOST -d '{"type":"m.login.password", "identifier": {"user":"botusername", "type": "m.id.user"}, "password":"passwordforuser"}' "https://home.server.url/_matrix/client/r0/login".
-    </p>
+    <div class="form-text">
+        <span style="color: red;"><sup>*</sup></span>Required
+        <p style="margin-top: 8px;">
+            You can find the internal room ID by looking in the advanced section if your Matrix client. It should look like !QMdRCpUIfLwsfjxye6:home.server.
+        </p>
+        <p style="margin-top: 8px;">
+            It is highly recommended you create a new user and do not use your Matrix user's access token as it will allow full access to the matrix user. You can get the access token by running <code>curl -XPOST -d '{"type":"m.login.password", "identifier": {"user":"botusername", "type": "m.id.user"}, "password":"passwordforuser"}' "https://home.server/_matrix/client/r0/login"</code>.
+        </p>
+    </div>
 </template>
 
 <script>

From fbd4d54812eb6a26e23c4e98d68e3a403efd4ea6 Mon Sep 17 00:00:00 2001
From: Gero Gerke <11deutron11@gmail.com>
Date: Wed, 6 Oct 2021 10:55:21 +0200
Subject: [PATCH 7/9] Update src/components/notifications/Matrix.vue

Co-authored-by: Adam Stachowicz <saibamenppl@gmail.com>
---
 src/components/notifications/Matrix.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/notifications/Matrix.vue b/src/components/notifications/Matrix.vue
index acce9466..4d34c98f 100644
--- a/src/components/notifications/Matrix.vue
+++ b/src/components/notifications/Matrix.vue
@@ -18,7 +18,7 @@
             You can find the internal room ID by looking in the advanced section if your Matrix client. It should look like !QMdRCpUIfLwsfjxye6:home.server.
         </p>
         <p style="margin-top: 8px;">
-            It is highly recommended you create a new user and do not use your Matrix user's access token as it will allow full access to the matrix user. You can get the access token by running <code>curl -XPOST -d '{"type":"m.login.password", "identifier": {"user":"botusername", "type": "m.id.user"}, "password":"passwordforuser"}' "https://home.server/_matrix/client/r0/login"</code>.
+            It is highly recommended you create a new user and do not use your Matrix user's access token as it will allow full access to the matrix user. You can get the access token by running <code>curl -XPOST -d '{"type": "m.login.password", "identifier": {"user": "botusername", "type": "m.id.user"}, "password": "passwordforuser"}' "https://home.server/_matrix/client/r0/login"</code>.
         </p>
     </div>
 </template>

From d184733af9e9f75732e9522b62b5c9468cc54e46 Mon Sep 17 00:00:00 2001
From: Gero Gerke <hello@gerogerke.de>
Date: Wed, 6 Oct 2021 13:44:36 +0200
Subject: [PATCH 8/9] update text

---
 src/components/notifications/Matrix.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/notifications/Matrix.vue b/src/components/notifications/Matrix.vue
index 4d34c98f..d1e973cd 100644
--- a/src/components/notifications/Matrix.vue
+++ b/src/components/notifications/Matrix.vue
@@ -15,10 +15,10 @@
     <div class="form-text">
         <span style="color: red;"><sup>*</sup></span>Required
         <p style="margin-top: 8px;">
-            You can find the internal room ID by looking in the advanced section if your Matrix client. It should look like !QMdRCpUIfLwsfjxye6:home.server.
+            You can find the internal room ID by looking in the advanced section of the room settings in your Matrix client. It should look like !QMdRCpUIfLwsfjxye6:home.server.
         </p>
         <p style="margin-top: 8px;">
-            It is highly recommended you create a new user and do not use your Matrix user's access token as it will allow full access to the matrix user. You can get the access token by running <code>curl -XPOST -d '{"type": "m.login.password", "identifier": {"user": "botusername", "type": "m.id.user"}, "password": "passwordforuser"}' "https://home.server/_matrix/client/r0/login"</code>.
+            It is highly recommended you create a new user and do not use your own Matrix user's access token as it will allow full access to your account and all the rooms you joined. Instead, create a new user and only invite it to the room that you want to receive the notification in. You can get the access token by running <code>curl -XPOST -d '{"type": "m.login.password", "identifier": {"user": "botusername", "type": "m.id.user"}, "password": "passwordforuser"}' "https://home.server/_matrix/client/r0/login"</code>.
         </p>
     </div>
 </template>

From 3a0143ac46ab5e22c08a667fbb00532990b3a7b1 Mon Sep 17 00:00:00 2001
From: LouisLam <louislam@users.noreply.github.com>
Date: Fri, 8 Oct 2021 01:11:33 +0800
Subject: [PATCH 9/9] [matrix] use encodeURIComponent to handle the url encode

---
 server/notification-providers/matrix.js | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/server/notification-providers/matrix.js b/server/notification-providers/matrix.js
index eeaa9eb9..c1054fce 100644
--- a/server/notification-providers/matrix.js
+++ b/server/notification-providers/matrix.js
@@ -1,6 +1,7 @@
 const NotificationProvider = require("./notification-provider");
 const axios = require("axios");
-const Crypto = require('crypto')
+const Crypto = require("crypto");
+const { debug } = require("../../src/util");
 
 class Matrix extends NotificationProvider {
     name = "matrix";
@@ -9,14 +10,18 @@ class Matrix extends NotificationProvider {
         let okMsg = "Sent Successfully.";
 
         const size = 20;
-        const randomString = Crypto
-            .randomBytes(size)
-            .toString('base64')
-            .slice(0, size);    
-        const roomId = notification
-            .internalRoomId
-            .replaceAll(":", "%3A")
-            .replaceAll("!", "%21");
+        const randomString = encodeURIComponent(
+            Crypto
+                .randomBytes(size)
+                .toString("base64")
+                .slice(0, size)
+        );
+
+        debug("Random String: " + randomString);
+
+        const roomId = encodeURIComponent(notification.internalRoomId);
+
+        debug("Matrix Room ID: " + roomId);
 
         try {
             let config = {
@@ -29,7 +34,7 @@ class Matrix extends NotificationProvider {
                 "body": msg
             };
 
-            await axios.put(`${notification.homeserverUrl}/_matrix/client/r0/rooms/${roomId}/send/m.room.message/${randomString}`, data, config)
+            await axios.put(`${notification.homeserverUrl}/_matrix/client/r0/rooms/${roomId}/send/m.room.message/${randomString}`, data, config);
             return okMsg;
         } catch (error) {
             this.throwGeneralAxiosError(error);