From 369b71ab9626ee7297e2f9c013549e0001159dff Mon Sep 17 00:00:00 2001
From: Mark Sujew <mark.sujew@typefox.io>
Date: Mon, 3 Jan 2022 15:20:15 +0000
Subject: [PATCH] Render notification progress update as html

---
 packages/messages/src/browser/notification-component.tsx | 7 ++++++-
 packages/messages/src/browser/notifications-manager.ts   | 6 ++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/messages/src/browser/notification-component.tsx b/packages/messages/src/browser/notification-component.tsx
index 3eab8117e1838..4379d3d673f66 100644
--- a/packages/messages/src/browser/notification-component.tsx
+++ b/packages/messages/src/browser/notification-component.tsx
@@ -78,7 +78,12 @@ export class NotificationComponent extends React.Component<NotificationComponent
                     <div className={`theia-notification-icon ${codicon(type)} ${type}`} />
                     <div className='theia-notification-message'>
                         <span
-                            dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(message) }} // eslint-disable-line react/no-danger
+                            // eslint-disable-next-line react/no-danger
+                            dangerouslySetInnerHTML={{
+                                __html: DOMPurify.sanitize(message, {
+                                    ALLOW_UNKNOWN_PROTOCOLS: true // DOMPurify usually strips non http(s) links from hrefs
+                                })
+                            }}
                             onClick={this.onMessageClick}
                         />
                     </div>
diff --git a/packages/messages/src/browser/notifications-manager.ts b/packages/messages/src/browser/notifications-manager.ts
index 7b5fc90f892ab..d32d458985016 100644
--- a/packages/messages/src/browser/notifications-manager.ts
+++ b/packages/messages/src/browser/notifications-manager.ts
@@ -276,8 +276,10 @@ export class NotificationManager extends MessageClient {
         if (cancellationToken.isCancellationRequested) {
             this.clear(messageId);
         } else {
-            notification.message = originalMessage.text && update.message ? `${originalMessage.text}: ${update.message}` :
-                originalMessage.text || update?.message || notification.message;
+            const textMessage = originalMessage.text && update.message ? `${originalMessage.text}: ${update.message}` : originalMessage.text || update?.message;
+            if (textMessage) {
+                notification.message = this.contentRenderer.renderMessage(textMessage);
+            }
             notification.progress = this.toPlainProgress(update) || notification.progress;
         }
         this.fireUpdatedEvent();