private static IHtmlContent GetScriptElementWithRequire(string script)
{
var newScript = new StringBuilder();
newScript.AppendLine("<script type=\"text/javascript\">");
newScript.AppendLine(@"
var renderPlotly = function() {
var xplotRequire = require.config({context:'xplot-3.0.1',paths:{plotly:'https://cdn.plot.ly/plotly-1.49.2.min'}}) || require;
xplotRequire(['plotly'], function(Plotly) {");
newScript.AppendLine(script);
newScript.AppendLine(@"});
};");
newScript.AppendLine(JavascriptUtilities.GetCodeForEnsureRequireJs(new Uri("https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js"), "renderPlotly"));
newScript.AppendLine("</script>");
return(new HtmlString(newScript.ToString()));
}
private static IHtmlContent GenerateHtml(MermaidMarkdown markdown, Uri libraryUri, string libraryVersion, string cacheBuster)
{
var requireUri = new Uri("https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js");
var divId = Guid.NewGuid().ToString("N");
var code = new StringBuilder();
var functionName = $"loadMermaid_{divId}";
code.AppendLine("<div style=\"background-color:white;\">");
code.AppendLine(@"<script type=""text/javascript"">");
code.AppendJsCode(divId, functionName, libraryUri, libraryVersion, cacheBuster, markdown.ToString());
code.AppendLine(JavascriptUtilities.GetCodeForEnsureRequireJs(requireUri, functionName));
code.AppendLine("</script>");
code.AppendLine($"<div id=\"{divId}\"></div>");
code.AppendLine("</div>");
var html = new HtmlString(code.ToString());
return(html);
}
protected override IHtmlContent ToHtml()
{
var requireUri = new Uri("https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js");
var divId = Id;
var data = Data.ToJson();
var code = new StringBuilder();
var functionName = $"renderNteractDataExplorer_{divId}";
code.AppendLine("<div style=\"background-color:white;\">");
code.AppendLine($"<div id=\"{divId}\" style=\"height: 100ch ;margin: 2px;\">");
code.AppendLine("</div>");
code.AppendLine(@"<script type=""text/javascript"">");
AppendWidgetCode(code, data, divId, functionName, LibraryUri, LibraryVersion, CacheBuster);
code.AppendLine(JavascriptUtilities.GetCodeForEnsureRequireJs(requireUri, functionName));
code.AppendLine(" </script>");
code.AppendLine("</div>");
var html = new HtmlString(code.ToString());
return(html);
}
private static void GenerateRequireLoader(StringBuilder code, string functionName, string requireUri)
{
code.AppendLine(JavascriptUtilities.GetCodeForEnsureRequireJs(new Uri(requireUri), functionName));
}
