ability to set new line on message using \n and user's messages are n…

…ow also formatted

component/src/views/chat/messages/messagesBase.ts

@@ -4,6 +4,7 @@ import {ProcessedTextToSpeechConfig} from './textToSpeech/textToSpeech';
 import {ElementUtils} from '../../../utils/element/elementUtils';
 import {HTMLDeepChatElements} from './html/htmlDeepChatElements';
 import {RemarkableConfig} from './remarkable/remarkableConfig';
+import {RemarkableUtils} from './remarkable/remarkableUtils';
 import {FireEvents} from '../../../utils/events/fireEvents';
 import {HTMLClassUtilities} from '../../../types/html';
 import {MessageStyleUtils} from './messageStyleUtils';
@@ -166,10 +167,11 @@ export class MessagesBase {
   }
 
   public renderText(bubbleElement: HTMLElement, text: string) {
-    bubbleElement.innerHTML = this._remarkable.render(text);
+    const processedText = RemarkableUtils.replaceNewlineWithDouble(text);
+    bubbleElement.innerHTML = this._remarkable.render(processedText);
     // there is a bug in remarkable where text with only numbers and full stop after them causes the creation
     // of a list which has no innert text and is instead prepended as a prefix in the start attribute (12.)
-    if (bubbleElement.innerText.trim().length === 0) bubbleElement.innerText = text;
+    if (bubbleElement.innerText.trim().length === 0) bubbleElement.innerText = processedText;
   }
 
   // this is mostly used for enabling highlight.js to highlight code if it downloads later

component/src/views/chat/messages/remarkable/remarkableUtils.ts

@@ -0,0 +1,7 @@
+export class RemarkableUtils {
+  // this is to allow remarkable to render \n as a new line:
+  // it operates by replacing \n with \n\n
+  public static replaceNewlineWithDouble(str: string) {
+    return str.replace(/(?<!\n)\n(?!\n)/g, '\n\n');
+  }
+}