@social-mail/social-mail-client 1.2.32 → 1.2.34

package/content/images/icons/audio.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path class="fa-secondary" opacity=".4" d="M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zM258 226.3c-7.6-4.6-17.4-2.1-22 5.4s-2.1 17.4 5.4 22C269.4 270.5 288 301.1 288 336s-18.6 65.5-46.5 82.3c-7.6 4.6-10 14.4-5.4 22s14.4 10 22 5.4c37.1-22.4 62-63.1 62-109.7s-24.9-87.3-62-109.7zm-91.9 30.9c-6-2.5-12.9-1.1-17.4 3.5L113.4 296H80c-8.8 0-16 7.2-16 16v48c0 8.8 7.2 16 16 16h33.4l35.3 35.3c4.6 4.6 11.5 5.9 17.4 3.5s9.9-8.3 9.9-14.8V272c0-6.5-3.9-12.3-9.9-14.8zm51 34.9c-6.6 5.9-7.1 16-1.3 22.6c5.1 5.7 8.1 13.1 8.1 21.3s-3.1 15.7-8.1 21.3c-5.9 6.6-5.3 16.7 1.3 22.6s16.7 5.3 22.6-1.3C249.8 367.4 256 352.4 256 336s-6.2-31.4-16.3-42.7c-5.9-6.6-16-7.1-22.6-1.3z"/><path class="fa-primary" d="M384 160L224 0V128c0 17.7 14.3 32 32 32H384zM258 226.3c-7.6-4.6-17.4-2.1-22 5.4s-2.1 17.4 5.4 22C269.4 270.5 288 301.1 288 336s-18.6 65.5-46.5 82.3c-7.6 4.6-10 14.4-5.4 22s14.4 10 22 5.4c37.1-22.4 62-63.1 62-109.7s-24.9-87.3-62-109.7zm-91.9 30.9c-6-2.5-12.9-1.1-17.4 3.5L113.4 296H80c-8.8 0-16 7.2-16 16v48c0 8.8 7.2 16 16 16h33.4l35.3 35.3c4.6 4.6 11.5 5.9 17.4 3.5s9.9-8.3 9.9-14.8V272c0-6.5-3.9-12.3-9.9-14.8zm51 34.9c-6.6 5.9-7.1 16-1.3 22.6c5.1 5.7 8.1 13.1 8.1 21.3s-3.1 15.7-8.1 21.3c-5.9 6.6-5.3 16.7 1.3 22.6s16.7 5.3 22.6-1.3C249.8 367.4 256 352.4 256 336s-6.2-31.4-16.3-42.7c-5.9-6.6-16-7.1-22.6-1.3z"/></svg>

package/content/modules/monaco/monaco.html

@@ -23,9 +23,54 @@
 
 	require(['vs/editor/editor.main'], function() {
 
+        let editor;
+
         var parentEditor = frameElement.parentEditor;
+        const container = document.getElementById("container");
+        parentEditor.codeEditor.container = container;
+        parentEditor.codeEditor.colorize = (code) => {
+            return new Promise((resolve, reject) => {
+                const div = document.createElement("div");
+
+                const moveOut = (e) => {
+                    const s = e.style;
+                    s.position = "absolute";
+                    s.left = "-10000px";
+                    s.top = "-10000px";
+                    s.maxWidth = "1000px";
+                    s.overflow = "hidden";
+                };
+
+                moveOut(div);
+
+                const body = document.body;
+                const pre = document.createElement("pre");
+                pre.innerHTML = code;
+                div.appendChild(pre);
+                body.appendChild(div);
+                setTimeout(() => {
+
+
+                    const mapStyle = (e) => {
+                        const cs = window.getComputedStyle(e);
+                        e.style.fontWeight = cs.fontWeight;
+                        e.style.color = cs.color;
+                        e.style.background = cs.background;
+                        e.style.backgroundColor = cs.backgroundColor;
+                        let start = e.firstElementChild;
+                        while(start) {
+                            mapStyle(start);
+                            start = start.nextElementSibling;
+                        }
+                    };
+
+                    mapStyle(pre);
 
-        parentEditor.codeEditor.container = document.getElementById("container");
+                    resolve(pre.outerHTML);
+
+                }, 1);
+            });
+        };
         window.open = function() {
             var a = {
                 opener: {},
@@ -38,12 +83,19 @@
             });
             return a;
         };
-        parentEditor.resolve(monaco);
 
-        window.onresize = function() {
-            parentEditor.onresize();
-        };
+        try {
+            editor = monaco.editor.create(container);
+            parentEditor.resolve({
+                editor,
+                monaco
+            });
+
+            window.onresize = () => editor.layout();
 
+        } catch (erorr) {
+            parentEditor.reject(error);
+        }
 	});
 </script>
 </body>