Fix Bug w/ Custom Options

TrueCommerce · Oct 19, 2021 · 305b237 · 305b237
1 parent a8a7b20
commit 305b237
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/demo/MermaidJS.Blazor.Demo/Program.cs b/demo/MermaidJS.Blazor.Demo/Program.cs
@@ -20,7 +20,11 @@ public static async Task Main(string[] args)
 
             builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
 
-            builder.Services.AddMermaidJS();
+            builder.Services.AddMermaidJS(options =>
+            {
+                options.MaxTextSize = 100000;
+                options.SecurityLevel = MermaidSecurityLevels.Loose;
+            });
 
             await builder.Build().RunAsync();
         }

diff --git a/src/MermaidJS.Blazor/MermaidOptions.cs b/src/MermaidJS.Blazor/MermaidOptions.cs
@@ -46,6 +46,6 @@ public class MermaidOptions
         /// <summary>
         /// Name of a pre-defined MermaidJS theme.
         /// </summary>
-        public string? Theme { get; set; }
+        public string Theme { get; set; } = "dark";
     }
 }
diff --git a/src/MermaidJS.Blazor/wwwroot/MermaidDiagramInterop.js b/src/MermaidJS.Blazor/wwwroot/MermaidDiagramInterop.js
@@ -1,4 +1,5 @@
-function initializeGlobals(options) {
+function initializeGlobals() {
+    console.log("initializeGlobals", window.mermaidDiagramBlazorOptions);
     function loadMermaid() {
         return new Promise((resolve) => {
             if (!window.mermaid) {
@@ -8,7 +9,7 @@
                 script.async = false;
                 script.defer = false;
                 script.onload = () => {
-                    window.mermaid.mermaidAPI.initialize(options);
+                    window.mermaid.mermaidAPI.initialize(window.mermaidDiagramBlazorOptions);
 
                     resolve();
                 };
@@ -70,7 +71,9 @@ export function beginRender(componentId, definition) {
 }
 
 export function registerComponent(componentId, componentRef, options) {
-    initializeGlobals(options).then(() => {
+    window.mermaidDiagramBlazorOptions = window.mermaidDiagramBlazorOptions || options;
+
+    initializeGlobals().then(() => {
         window.mermaidDiagramBlazorComponents.set(componentId, componentRef);
     });
 }