[mirotalksfu] - fix and improve editor, update dep

app/src/Server.js

@@ -43,7 +43,7 @@ dependencies: {
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.5.53
+ * @version 1.5.54
  *
  */
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "mirotalksfu",
-    "version": "1.5.53",
+    "version": "1.5.54",
     "description": "WebRTC SFU browser-based video calls",
     "main": "Server.js",
     "scripts": {
@@ -74,7 +74,7 @@
         "mediasoup-client": "3.7.15",
         "ngrok": "^5.0.0-beta.2",
         "nodemailer": "^6.9.14",
-        "openai": "^4.55.4",
+        "openai": "^4.55.5",
         "qs": "6.13.0",
         "socket.io": "4.7.5",
         "swagger-ui-express": "5.0.1",

public/css/Editor.css

@@ -70,18 +70,12 @@
     box-shadow: var(--box-shadow) !important;
 }
 
-.ql-ui {
-    padding: 5px;
-    height: 30px;
-    color: white;
-    border-radius: 4px;
-    background: var(--body-bg);
-}
-
 select {
-    background-color: var(--select-bg) !important;
-    color: #fff !important;
     padding: 5px 10px !important;
+    color: #fff !important;
+    height: 30px;
     border: var(--border);
     border-radius: 4px;
+    background: var(--body-bg);
+    background-color: var(--select-bg) !important;
 }

public/js/Room.js

@@ -11,7 +11,7 @@ if (location.href.substr(0, 5) !== 'https') location.href = 'https' + location.h
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.5.53
+ * @version 1.5.54
  *
  */
 
@@ -2721,10 +2721,11 @@ function handleRoomEmojiPicker() {
 
 function handleEditor() {
     const toolbarOptions = [
-        [{ header: [1, 2, 3, false] }],
-        ['bold', 'italic', 'underline', 'link', 'code-block'],
+        [{ header: [1, 2, 3, false] }, { align: [] }],
+        ['bold', 'italic', 'underline', 'strike', 'link', 'image', 'code-block'],
         [{ list: 'ordered' }, { list: 'bullet' }, { list: 'check' }],
-        [{ indent: '+1' }, { indent: '-1' }], //  { align: [] }
+        [{ indent: '+1' }, { indent: '-1' }],
+        ['clean'], // Custom button to clear formatting
         //...
     ];
 
@@ -4436,7 +4437,7 @@ function showAbout() {
         imageUrl: image.about,
         customClass: { image: 'img-about' },
         position: 'center',
-        title: 'WebRTC SFU v1.5.53',
+        title: 'WebRTC SFU v1.5.54',
         html: `
         <br />
         <div id="about">

public/js/RoomClient.js

@@ -9,7 +9,7 @@
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.5.53
+ * @version 1.5.54
  *
  */