fix mermaid fonts being cut

1 files changed, 11 insertions, 3 deletions

diff --git a/mmm/mmmfs/converts.moon b/mmm/mmmfs/converts.moon
index 144da51..5b1bc2c 100644
--- a/mmm/mmmfs/converts.moon
+++ b/mmm/mmmfs/converts.moon
@@ -360,16 +360,24 @@ do
     }
 
 if MODE == 'CLIENT' and window.mermaid
+  window.mermaid\initialize {
+    startOnLoad: false
+    fontFamily: 'monospace'
+   }
+  
   id_counter = 1
   table.insert converts, {
     inp: 'text/mermaid-graph'
     out: 'mmm/dom'
     cost: 1
     transform: (source, fileder, key) =>
+      id_counter += 1
+      id = "mermaid-#{id_counter}"
       with container = document\createElement 'div'
-        cb = (svg, two) =>
+        cb = (svg) =>
           .innerHTML = svg
-        id_counter += 1
-        window.mermaid\render "mermaid-#{id_counter}", source, cb
+        window\setImmediate (_) ->
+          window.mermaid\render id, source, cb, container
   }
+
 converts