Spaces:
Running
Running
Update app.py
Browse files
app.py
CHANGED
@@ -12,7 +12,7 @@ graph TD;
|
|
12 |
"""
|
13 |
# Create an ExecJS context
|
14 |
js_c=("""
|
15 |
-
|
16 |
mermaid.initialize({startOnLoad:true});
|
17 |
function renderMermaid(mermaidCode) {
|
18 |
mermaid.mermaidAPI.render('mermaid', mermaidCode, function(svgCode, bindFunctions) {
|
@@ -20,15 +20,16 @@ js_c=("""
|
|
20 |
});
|
21 |
}
|
22 |
""")
|
23 |
-
|
|
|
24 |
# Render the flowchart
|
25 |
#context.call("renderMermaid", mermaid_code)
|
26 |
# Print the Mermaid code for reference
|
27 |
print(mermaid_code)
|
28 |
-
|
29 |
with gr.Blocks() as app:
|
30 |
inp_text=gr.Textbox(value=mermaid_code)
|
31 |
|
32 |
-
gr.HTML("""<div id='diagram'
|
33 |
-
app.load(
|
34 |
app.launch()
|
|
|
12 |
"""
|
13 |
# Create an ExecJS context
|
14 |
js_c=("""
|
15 |
+
let mermaid = require('mermaid');
|
16 |
mermaid.initialize({startOnLoad:true});
|
17 |
function renderMermaid(mermaidCode) {
|
18 |
mermaid.mermaidAPI.render('mermaid', mermaidCode, function(svgCode, bindFunctions) {
|
|
|
20 |
});
|
21 |
}
|
22 |
""")
|
23 |
+
|
24 |
+
def call_chart(mermaidCode):
|
25 |
# Render the flowchart
|
26 |
#context.call("renderMermaid", mermaid_code)
|
27 |
# Print the Mermaid code for reference
|
28 |
print(mermaid_code)
|
29 |
+
|
30 |
with gr.Blocks() as app:
|
31 |
inp_text=gr.Textbox(value=mermaid_code)
|
32 |
|
33 |
+
out_html=gr.HTML("""<div id='diagram'>Text</div>""")
|
34 |
+
app.load(call_chart,inp_text,None,js=js_c)
|
35 |
app.launch()
|